html5

Why isn't my HTML5 Application Cache working?

i have my setup/code as follows (btw, i am following the nettuts quick tip) // index.html <!DOCTYPE HTML> <html lang="en-US" manifest="cache.manifest"> // cache.manifest CACHE MANIFEST # version 2 index.html style.css scripts.css // httpd.conf (i tried having a local .htaccess too) AddType text/cache-manifest .manifest AddType text/ca...

How to pass additional parameters to javascript event object ?

I am using HTML 5 FileReader to read more that one file asynchronously. I would like to keep track of loading of individual files as more that one files can be added at once. Now i created div with background 0% for each image, but i am not clear about how to pass this division's id or reference in the onprogress event so that i can t...

HTML5 <audio>/<video> and live transcoding with FFMPEG...

So from my web server, I would like to use FFMPEG to transcode a media file for use with an HTML <audio> or <video> tag. Easy enough right? The conversion would need to take place in real-time, when an HTTP client requested the converted file. Ideally the file would be streamed back to the HTTP client as it is being transcoded (and not ...

Convert coordinates to a place name

Hey, I am using the HTML5 Geolocation API to find the longitude and the latitude from the users of my site. This works, but now I would like te show on the screen "You cuurently are in ...". So I need to convert these coordinates I get from the Geolocation API to a place name. I tried a bit with Google Maps API, but I Didn't get it wor...

jquery's append not working with svg element?

Assuming this: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http:...

Is there an HTML tag that can be used anywhere in the DOM?

This sounds a bit like a trivia question, but it would help me figure out my options solving an actual problem. Is there an HTML tag that can be used anywhere in the DOM? (something to be used as a placeholder) An HTML5 tag would be ok. No XHTML unfortunately. I've thought about it for a bit, the only tag I can come up with is <script/>...

Playing HTML5 Video and Audio simultaneously

At this URL I have HTML5 video and audio elements both set to autoplay but it appears as though only the video is auto-playing. Clicking on the thumbnails should start up a new video as well as a new audio file but I am only seeing a response from the video element. This page is being developed in FF 3.6 for now. http://jeromecovingt...

HTML5 video player, loop only specific frames

I am looking to play and loop only certain parts of a video with the html5 video player. I am hoping for something like loopstart and loopend attributes for the audio player, but have not found documentation that states that this is available for video. An example of what I would like to do: when the page loads, the src video plays f...

Web app frameworks?

I'm in the middle of developing a CMS web app and I'd like to make it work well and look nice. Of course the age-old issues of browser support com into play here. What are some good frameworks for developing "Web apps"? I'm talking about libraries that do things that like AJAX, animations and HTML5 support. Please provide link and de...

On Safari HTML5 Audio tag not supported on some computers

I tried it on Safari 5.0 (7533.16) and 5.0.1 (7533.17.8) and for both versions on Windows XP/7. The Audio tag does not work on all computers. I tried "www.html5test.com" which runs a conformance test for HTML5. It reports audio tag not supported on the problemetic computers although all of them have the same version of Safari. ...

blend two images on a javascript canvas

How do you blend two arrays of pixel data to create one image? with the option of using different blending modes? ...

avoiding iframes, but having some iframe like activity in Rails

I have two sites, my main site and a help site with documentation. The main site is rails but the other is simple a wordpress like blog. Currently I have it being pulled into the main site with an iframe, but is there a good way to pull in the html from the other site as some sort of cross-domain (sub-domain actually) partial? Or shou...

Html5 content edit also change with source code

I want to create my small html editor with using html5 <section contenteditable="true"> Edit here </section> so, when i use it's make specified region editable but how i change also its source code with their front code, is this possible with any simple way or javascript. ...

One frontend for iPhone/iPad, Android and Multi-Touch displays.

Hello to all. I have built a multi-touch application which is based on a Java EE backend and combined with BlazeDS to a Adobe Flex frontend. The application runs on a DIY-Multi-Touch which I built. Now I want to use another solution. The Adobe Flex frontend (with a multitouch library) and the BlazeDS adapter should be replaced by a solu...

How to draw in web 2.0?

I heard that drawing abilities will be supported by Web 2.0 Tried to find something in Internet about, nothing really clear. Could you please point me into something that allows (or will allow in future) to draw in HTML? For example: I want to have ability draw few hexagons in different color on the page. Thanks. P.S. Sorry if quest...

Retrieving file names out of a multi-file upload control with javascript

The HTML is: <input type="file" multiple="multiple" name="upload" id="id_upload" /> If I load up three files, document.getElementById("id_upload").value only returns a single file name and not an array of three names or comma separated string of three names. Same story with jQuery val(). Is there a way to get the whole list? ...

In Html5, draw from (0.5, 0) to (0.5, 600) to get a 1-pixel thick line on canvas. The 0.5 is strange!?

I am reading a book on Html5 and about canvas, the following code will generate 1-pixel thick lines... It uses 0.5 as the coordinate. If it is changed to 0 or 10, or some integer, then the lines will be gray, and 2-pixel thick. Why is that? That the strangest thing I have seen lately... all the programming before on Apple or Win32 AP...

Can I add Microdata from HTML5 to a XHTML Strict site and still be compliant?

Hi I've got a site coded in XHTML 1.0 Strict. I want to use the new Microdata to add breadcrumbs to my site (so Google will understand them). My old non-microdata marked-up breadcrumbs look like this: <ul> <li><a href="...">Level 1</a></li> <li><a href="...">Level 2</a></li> <li><a href="...">Level 3</a></li> </ul> According t...

canvas - layer small image on larger background image, merge to single canvas pixel data

How do I merge a smaller image on top of a larger background image on one canvas. The smaller image will move around. So I will need to keep reference of the original background pixel data, so that the each frame the canvas can be redrawn, with the overlay in its new position. BgImage: 1280 x 400, overlayImage: 320 x 400, overlayOffsetX...

Should I be learning Flash/Flex/ActionScript or HTML/CSS/JS ("HTML5")?

I'm fairly new to this whole web-development thing (2 weeks maybe, my 1st scraping of code exists here, I quite like it) and I ended up learning to use Adobe's Flash Builder 4, which I have come to quite like (although Action Script annoys me at times). Recently however I've been reading a lot about "the future" of web development, RIAs...