Using HTML5 <audio> Tag In Your Mobile App
Posted: January 5th, 2012 | Author: max | Filed under: Features | Tags: features, HTML5, jQuery | 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