html5

Sprite-Sheet BLIT with HTML 5 Canvas?

Looking for an example of someone doing a a sprite sheet BLIT with javascript and the HTML 5 Canvas tag. I've been looking at Processing.js a bit, but I haven't found a clear cut example of how to do it there. ...

Adding h.264 <video> support to XULRunner

Like Firefox, XULRunner only ships with support for ogg (and soon, webm) in the HTML5 video tag. Is there a relatively simple way to add h.264 support to it for all three major platforms? Perhaps a compilation flag, or a plugin I can add to it? ...

<audio> elements not working on WordPress

Hello all, I have a small WordPress site. I do a lot of audio work and I'm trying to post HTML5 audio clips in blog entries on WordPress. For some reason it isn't working. It might have something to do with the style I'm using on my WordPress site but I haven't been able to nail it down. I know my audio tags are valid, as they work else...

Animated GIF in HTML5 canvas

Hello,In HTML5...how can i draw easily (no too much complex code please) an animated GIF in a canvas that works (with drawImage only first frame is shown in the canvas) ...

How do I disable auto- poster image generation on the video tag?

I'm using the 'poster' attribute on a video tag and the way it seems to work at least in webkit browsers is that it loads the poster image and then once enough of the video has loaded, it replaces that poster with an auto-generated poster from the video file itself. However, my poster images don't match the auto-generated posters which ...

HTML5 Bluetooth and Audio

HTML 5 mentions Bluetooth and audio. But no details on Bluetooth. I am trying to connect to a Bluetooth device that streams audio. Is there anyway to capture the audio streams via Bluetooth on browser? HTML+Javascript? Plug-ins? Any other technique? Thanks in advance for your help. ...

[X]HTML custom tags: pros & cons

I'd like to use some semantic [X]HTML tags instead of <div>s: <article>, <product>, <footer> etc. Some of them are already presented in the upcoming HTML5, however, it's not fully supported. Which are the possible cons I might face when Rendering? Using CSS, JS? The one I remember is: IE6 can't clone tags it doesn't know. ...

Read an mp3's metadata

Is there a way to read an mp3's metadata using javascript for playing with the element? ...

QtWebKit problems playing HTML5 video

I have a simple Qt application that launches a window with a QWebView. I tried several sites using the video tag with h.264, and it either can't play the video at all (as in youtube or sublime video), or it renders the video poorly, with black lines covering parts of it, like when viewing the video here. Is this a known issue with QtWeb...

Does html5 video support flv out of the box on mobile phones(symbian,android,iphone)?

The purpose is to support playing flv without requiring client side script like actionscript. Anyone knows? ...

HTML5 canvas click event

I made an array of squares ctx.fillStyle = "rgb(0,0,0)"; for(x=0;x<=25;x++){ for(y=0;y<=25;y++){ ctx.fillRect(x, y, 20, 20); } } and I want a square to change its colour when clicked. How can I do that? I don't know much HTML5 and need some help. Thanks. ...

Playing html5 audio in android browser

I have a javascript that plays audio in the browser, using the html5 <audio> tag. It works fine in the iPhone browser, but not in Android. (Testing using a htc desire with android 2.1.) Anyone know why? My code: function playHTML5(sound, soundcv){ // sound = url to m4a audio file // soundcv = div in w...

Can I get HTML5 location-awareness to trigger an action?

Here is the thing. I want to create a webapp that make use of the location awareness feature of HTML5. I want it to survey the users location and trigger some action when he reach a certain destination (play a video, show some information, load another page). I have started with this: http://mobile.tutsplus.com/tutorials/html5/html5-a...

Semantically-Accurate HTML5 Element for a Modal Dialog

I was wondering what some of my fellow web developers/designers felt would be the best HTML 5 element to use for a modal dialog like a lightbox, superbox, thickbox, or whatever your favorite flavor might happen to be. Since these types of UI's don't follow the typical flow of a 'normal' web page (which, apparently, according to HTML 5 s...

How do I change the Input type Placeholder holder property via Javascript?

Hi, I'm using a simple HTML5 form adapted for iPhone, and I want to show error alerts within the text fields themselves using the Placeholder property but I don't know how to access it via Javascript. Here is a field example HTML code: I want that the placeholder text (and maybe color?) will change in a javascript Validate function t...

Magento and the <video> tag (e.g. HTML5 Video with Flash Fallback)

Is Magento somehow unique in a way that would make the (now becoming a standard) <video> tag (e.g. HTML5 Video with Flash Fallback) and its related js + swf players not perform well in a Magento site? I understand that regular html blocks can be used in Magento but I have to ask because it seems like with Magento - ya just never know. ...

canvas draw text problem

If I execute the following code the text is shown bad (it seems not aliased) and not right aligned why? context.textBaseline = "top"; context.textAlign = "right"; context.fillStyle = "#F00"; context.font = "italic 30tpx sans-serif"; context.fillText("Lorem ipsum dolor sit amet", 50, 50); I'm using FF 3.6... ...

Handshaking in HTML 5

Hi, In Websockets, which is an exciting new concept of HTML 5, there is a specific feature - Handshaking between the WebSockets server and Client. Can anyone explain what this is used for?? Thank You!! ...

HTML5 Canvas Error

when i try to run this javascript it says that theres an error "INDEX_SIZE_ERR: DOM Exception 1" Javascript: blocksize=50; ctx=document.getElementById('wizard1').getContext('2d'); ctx.drawImage(document.getElementById('wizard.png'),0,0,105,105,0,0,3/7*blocksize,blocksize); HTML: <canvas id='wizard1'></canvas> <img id='wizard.png' sr...

How does google mail implement the new upload functionality with html5?

I noticed while using Firefox and Chrome that in gmail I can now simply drag & drop multiple files in a new mail. Then suddenly a bar grows and I can drop the files there and they get uploaded. I think this is html5 functionality. Does anyone have information about how to implement this? What is needed from html5 and how to handle it se...