Using HTML5
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 Appery.io. Add the following JavaScript on screen load event:
$('<audio width="300" height="32" controls="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):

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