Using HTML5

Posted: January 5th, 2012 | Author: | Filed under: Features | Tags: , , | 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

  • will not be published

  • 9 − three =