html5

How to load webpage after video completes.

I have an image that takes up the window, is the first frame of a video clip and has an "enter" button for the website. When you click "enter" it plays the video and then needs to load the home page. I have tried HTML5's video tag and the 'onend' method, but no luck. I have tried about 5 different open-source video players-none have scr...

How to I retrieve the length in seconds of a <video> element using Javascript?

I have a <video> tag with the id of "liveVideo". How do I retrieve the length of the video in seconds? Thanks, David! ...

how to access a subdomain's html5 localStorage from the root domain?

When I have www.mydomain.com and mydomain.com, each of them gets a separate localStorage. I've read here http://msdn.microsoft.com/en-us/library/cc197062(VS.85).aspx that I can access www.mydomain.com's localStorage from mydomain.com root domain. But how do I do that? I've tried localstorage['www.mydomain.com'].getItem... but that does...

Flash and HTML5 the Fallback?

Is it possible to have Flash video first then to fall back to html5? Like I have something like this if(Flash is installed){ run flash player} else if(can do video tag w/ h.264){ use HTML5 video tag with h.264} Now this is javascript so it's being written in javascript, then the inner html will get the right tags. ...

How to mark an entire section as relevant to a link in html5

I have an index page, which consists of the content name, which is the url to the actual content. And in a element under it a longer description. Is there a way to associate this longer description to the link (for SEO) or may be it is not needed, as search engines will know this due to the content itself? html for example <dl> <dt><...

Grabbing each frame of an HTML5 canvas

These palette cycle images are breathtaking: http://www.effectgames.com/demos/canvascycle/?sound=0 I'd like to make some (or all) of these into desktop backgrounds. I could use an animated gif version, but I have no idea how to get that from the canvas "animation". Is there anything available yet that can do something along these line...

How to stop HTML5 audio when iOS4 iPhone Web app is put into background?

I'm making a Web app (at chirpid.com) for the iPhone that plays audio files for cricket chirp identification. The user can start and stop the audio by tapping screen buttons. But if the user taps the home button while a sound file is playing, it continues to play in the background (an iOS4 feature). I want to stop the audio in this case....

how to make table and each element in it drag and drop ?

To make table or cell in draggable and it should remain in that place after been released. Also how to make dragged object disappear after been released. If drag drop library file in javascript is used than, how to use in html5 page ,also from where it should be downloaded or linked. ...

HTML 5 canvas font being ignored

I'm trying to write some text to a canvas element, but it seems that the font options I put in are being completely ignored. No matter what I change them to, it all comes out the same, which I believe to be the default 10px sans-serif. Heres what I have (this function runs on load) function start() { canvas = document.ge...

Has anyone used the "onended" function of HTML5 Video Element and if so, how?

I have an intro movie that I want to play full screen and then load a page. I need it to be usable on iPad/iPhone, so I figured I would use HTML's element. Unfortunately, I cannot figure out how to detect the end of the video. I have been told that the onended event would fire, but the DOM description makes it sound like onended is a b...

HTML5 Audio Visualizer?

Is there such a player? I'm looking into making one purely out of JavaScript. Something like http://www.nihilogic.dk/labs/pocket_full_of_html5/ but randomly all mashed together? What are your thoughts? ...

Can't select HTML5 element's children in IE8 with jQuery selector

I found some posts with similar issues, but this is something different. I upgraded from jQuery 1.4 to 1.4.2 after I read another post, but the problem still presents itself. I also tried running IE 8 in compatibility mode and nothing seemed to work. Of course, it works perfectly well in Chrome. Here's the markup: <section class="pleas...

how to store an Array in localStorage?

If i didn't need localStorage, my code would look like this: var names=new Array(); names[0]=prompt("New member name?"); This works, however I need to store this variable in localStorage and its proving quite stubborn. I've tried: var localStorage[names]=new Array(); localStorage.names[0]=prompt("New member name?"); Where am I goi...

HTML5 localStorage with a textarea

I've been trying to use localStorage with a textarea in my webpage (to no avail). My save script is as follows: $(function() { var editor = document.querySelector("#editor"); editor.addEventListener("keyup", function() { window.localStorage["TextEditorData"] = editor.value; }); }); My load script is as follows: $window.load(fun...

html5 audio codec

I'm using html5 audio tag and can't seem to find what to specify for the codec for both mp3 and wav. I know ogg is: <audio> <source type='audio/ogg; codec="vorbis"' /> </audio> Anyone know what I would write for mp3 and wav? ...

Can Java Applets access external sources when given permission by the user?

I'd like to create a service where people can enter external websites, after which the returned source will be modified by my application (for whatever purpose) and then returned to the user. One would normally redirect all traffic through the server, so that the server is the one accessing the external source. This is because HTML5 and...

WebSocket closes on send

So I saw this great blog post, Experimenting with Node.js. I decided to try and set it up on my own using the author's gist. It didn't work. Further debugging shows me that the the websocket is connecting fine, but is closing as soon as 'send' is invoked. Here is the wireshark trace(forgive the weird spacing): GET /test HTTP/1.1 Host:...

HTML5 audio link masking?

I'm trying to create a mobile ready audio player. However, I'm wondering if it's possible to "mask" the src so that a user couldn't view source and download the mp3. I'm definitely a n00b, so any simple direction would be extremely helpful (IE - use 'x' to do 'y'). I don't necessarily need code examples. Thanks! Current: <audio src="un...

jQuery .attr() undefined only in Chrome

I'm making an HTML5 tech demo for work in which a user can drag "apps" off a menu onto the screen and they'll appear in moveable and re-sizable iframes on the page. This all works well and good in Firefox, but when I try it in Chrome (Which supports more HTML5 features) it tries to load the url "undefined" in whatever directory I'm in. ...

Looking for javascript lib that implements RRULE (iCalendar RFC 5545)

Hello everyone, I am looking for a good iCalendar RFC 5545 processing library (open source / GPL compatible) that has been implemented in javascript. My current interest is a js library that fully implements the RRULE so that we can use our calendar web app offline with HTML5 compatible browsers. We have our UI so just a usable library...