Categories
Web development

HTML5 Audio/Video elements supported in iPhone 3.0?

Audio/Video appear on iPhone OS 3.0 slide
There may be a better information source, but I just noticed a photo from the Gizmodo iPhone OS 3.0 coverage, which at the top right includes “Audio/Video tags“. Unless I’m very much mistaken, this refers to the HTML5 elements being supported in Safari!

This would be my #1 wish in my recent wish list, so if true and supported properly, it could be awesome.

8 replies on “HTML5 Audio/Video elements supported in iPhone 3.0?”

was looking forward to using JS to control audio in a page

this has been working for me since 2.0

Audio Test

function scriptaudio(){
var objPlayer = new Object
objPlayer = document.querySelector("#qtPlayer")
objPlayer.SetURL('http://192.168.1.109:81/stream?4001');
objPlayer.Play()
}

cheers – motoindo

was looking forward to using JS to control audio in a page. But, I get nothing here, the HTML audio element is recognised as an element, but no sound on audio.play()

Dissappointment!

If you download the Safari 4 beta or a recent WebKit.org nightly build you get the latest support for audio and video and other HTML5 tags that Apple can offer. There is no secret at all to where WebKit is with its support of any technology because you can always read the WebKit source code and see exactly what is going on inside the renderer at the heart of all of Apple’s browsers. How MobileSafari works with inline audio and video in the future is still an open question, but it won’t exceed what WebKit is doing when iPhone OS 3.0 ships, because all versions of Safari are built on WebKit.

Apple has also included the audio and video tags in their Safari Developer Center. You can find information there on playing and pausing the audio with JavaScript. It’s a good authoring guide if you are focused on HTML5 development.

Right now you can do more to control the audio if you use the QuickTime Plug-In JavaScript API or write ActionScript for Flash. But with HTML5 you can create audio tags on-the-fly with JavaScript and modify them in the same ways we’ve been using for example to swap images, that is the real treat. Saying document.getElementsByTagName(“audio”) for example.

Thanks very much for your sharing your findings, Dan!

So video basically works just like it does already with the embed tag? Not much of a difference then.

And disappointing to hear about audio, too. I’m guessing the tag will probably work just the video, opening a QuickTime window. I agree that’s pretty much nothing, and pointless for sound effects, etc in web games or apps. Wonder why they even bothered…I suppose it lets people use cleaner code, but that’s it.

It’s my number 1 wish as well. I just asked my friend to try who has the 3.0 sdk.

video tag is supported and opens in QT. audio in javascript does not work. Haven’t tested audio tag yet.

Without javascript control, we pretty much gain nothing.