html5

Why is setting HTML5's CanvasPixelArray values ridiculously slow and how can I do it faster?

I am trying to do some dynamic visual effects using the HTML 5 canvas' pixel manipulation, but I am running into a problem where setting pixels in the CanvasPixelArray is ridiculously slow. For example if I have code like: imageData = ctx.getImageData(0, 0, 500, 500); for (var i = 0; i < imageData.length; i += 4){ imageData.data[i...

What are pros and cons, If I choose HTML 5 for all new projects?

Everyone, every blog is talking about HTML 5 and giving solution to use HTML in all browsers including IE6. Should we leave XHTML 1.0 now and go for HTML 5 and use JavaScript for IE6 support? Does all other desktop/mobile browser except IE6 supports HTML 5 without adding JavaScript? Will every browser render CSS written for HTML 5 ele...

Looping HTML5 audio on the iPhone

I'm trying to make a HTML5 webapp that simply plays a sound over and over and over again, on my iPhone. I don't know any Obj-C to do it natively. What I have works fine, but the sound only plays once: <!DOCTYPE html> <html> <head> <title>noisemaker!</title> <meta http-equiv="content-type" content="text/html; charset...

jQuery plugin for html5 video instream ads?

Are there any jQuery plugins for html5 video to insert instream ads into the video? Most of the flash ones work by pausing the video at a particular timestamp, and playing an ad stream, then resuming the original video stream. The jquery captions plugin for html5 seems very similar, but different. ...

Why does only youtube embeds work on iPad?

I am trying to find out as to why youtube embeds works just fine on iPad, and not the embeds of any other video site. Example of youtube embed: <object width="640" height="385"> <param name="movie" value="http://www.youtube.com/v/DlIU5TgwEFg&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en_US&amp;feature=player_embedded&amp;fs...

Does html5 video work on android nexus one with android version 2.1?

I'm trying to get an html5 demo page working on Android 2.1, have tried both droid and nexus one with 2.1 but they only display the poster image, and do not play the video. Pressing on the video does not do anything. Edit- resolved with the onclick handler on the video tag Is it possible to use html5 video in the android 2.1 browser a...

HTML5+CSS3 Framework like BluePrint/960gs?

I'm starting a side project and want to build it with HTML5+CSS3. Backward compatibility isn't a concern. I wonder if exist a framework similar to BluePrint/960gs. Mainly, I'm looking for the grid system & typography. The best (and only) I found that plays nice with the new HTML5 tags is Less Framework, it's a good start but I wonder if...

Canvas is stretch when using CSS but normal with old "width" and "height" properties

I have 2 canvas, one use old html "width" and "height" to size it, the other use CSS <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> compteur1 display like it should, but not compt...

HTML5 elements working in Chrome but not Safari or Firefox?

Hi, I'm using the HTML5 elements and in a project i'm working on (see it here) and the css seems to be working fine in Chrome. However, it doesn't appear to be working in Safari or Firefox (I haven't tested IE, but I'd imagine it's the same), and the page layout is all over the place. Any ideas why this may be? I know Firefox and S...

HTML 5 Audio Current Position

Hi, Using HTML 5 together with the DOM is there a way to get the current location that the user is in playing an audio file and also later on go back to that position? ...

Does Android 2.1's Browser Support HTML 5 and What Video Format Does It Play?

The company I work for produces allot of video and we want to target as many devices as possible, but the question came up of what does the Android do? I personally own an Android based phone running 2.1, but I can't seem to get the HTML 5 tag to work. Even when I can trigger the browser to playback the video it just throws a notificat...

Embedding html5 <audio> in a mobilesafari webapp. is it possible to load an image in place of the quicktime logo in the modal player?

I haven't be able to find a resource explaining if this is possible at all. The apple documentation found here http://developer.apple.com/safari/library/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1 ...doesn't mention such feature...

HTML5 Video Volume

Hi, i'm currently working on a HTML5 video player, i got it working fully everywhere, except on the freakin iPad. Basically, i can control everything, except the sound, i have a mute button, it works fine on Google Chrome, FF3.6 and Safari on Mac OS, but on the iPad no matter what value i put in video.volume, there is no change happenin...

HTML5 / CSS3 display:inline

I am looking to make a horizontally layed website but I am having issues with the display: inline rule. It seems to be tailored towards inline navigational unordered lists, completely overwriting the height and width set for the articles (and or the sections) in the CSS. Here is the html: <div id="container"> <section id="about" cl...

Can JavaScript load raw bytes to use in HTML 5 Canvas?

Say I had a file like... http://my.website.com/myfile.raw and this file was just raw bytes, representing an intensity image. Is it possible to grab this data and read the bytes in JavaScript? And then using it with HTML 5 canvas (e.g., putImageData) to draw an image? Or is there some other way to do this in the browser without Java or...

YouTube Video HTML 5 Support

Hi, I got a Youtube video to place on a website. How can I place it on a website with HTML 5 so that those that got iDevices (iPhone/iPod Touch/iPad) can view it as well? ...

How can I use custom fonts in an HTML5 Canvas element?

The title of the question kind of says it all. I've looked at things like Cufon and typeface.js but they seem to be SIFR alternatives and dont allow you to set freeform coordinates and draw custom type onto a Anyone got any ideas? ...

Where can I find a definitive reference on HTML 5 database SQL syntax support?

Does anyone know of a good online resource which gives a clear reference on the SQL syntax supported by HTML 5 client-side databases? I've looked about and cannot seem to locate one. Thanks ...

GWT & HTML5 Video in Mobile Safari

I'm trying to code a site in GWT that plays videos with HTML5. Everything works great on the desktop, but mobile Safari on both the iPhone and iPad do not play the video. I can play a video using Video for Everybody. I've even copied the code to my own plain HTML page, and it works flawlessly. If I serve that same code via a GWT widg...

Change an input's HTML5 placeholder color with CSS

Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). But the following CSS doesn't do diddly squat to the placeholder's value: <style> input[placeholder], [placeholder], *[placeholder] { color:red !important; } </style> <input type="text" placeholder="Value" /> "Value" w...