Tag In Your Mobile App Comments Feed" href="http://blog.tiggzi.com/2012/01/using-html5-audio-tag-in-your-mobile-app/feed/"/>
Quickly Build HTML5 and PhoneGap Mobile Apps

Using HTML5 <audio> Tag In Your Mobile App

Posted: January 5th, 2012 | Author: | Filed under: Features | Tags: , , | No Comments »

Here is how add HTML5 <audio> tag to your mobile app in Tiggr. Add the following JavaScript on screen load event:

$('<audio controls>
   <source src="http://www.html5rocks.com/en/tutorials/audio/quick/test.mp3" type="audio/mpeg" />
   <source src="http://www.html5rocks.com/en/tutorials/audio/quick/test.ogg"
   type="audio/ogg" /></audio>').appendTo('#j_3');

Here is how the app looks in Google Chrome (desktop):

You can try the app here.

We are working on adding an actual component for the <audio> tag. We already have HTML5 <video> tag.

One more thing. Mobile browser support for the <audio> still varies. iOS seems to have good support while Android support is not as good yet (no support on Android 2.2).



Leave a Reply


  • + four = 13