can please recommend working example using cordova media plugin in intel xdk environment play sound on android phones? tried example (http://qnimate.com/create-a-music-player-app-using-intel-xdk/) without luck. code sample attached. tried html5 audio tag , soundjs library don't play sound on android native browser. online posts suggest cordova media plugin fix android browser. however, googled lot , still cannot find working example. appreciated.
<!doctype html> <html> <!-- * please see included readme.md file license terms , conditions. --> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style> @-ms-viewport { width: 100vw ; zoom: 100% ; } @viewport { width: 100vw ; zoom: 100% ; } @-ms-viewport { user-zoom: fixed ; } @viewport { user-zoom: fixed ; } </style> <script src="js/fastclick.js"></script> <link rel="stylesheet" href="css/app.css"> </head> <body> <a href="#" class="btn large" onclick="playaudio('http://labs.qnimate.com/sound.mp3');">play audio</a> <a href="#" class="btn large" onclick="pauseaudio();">pause playing audio</a> <a href="#" class="btn large" onclick="stopaudio();">stop playing audio</a> <p id="audio_position"></p> <script src="intelxdk.js"></script> <script src="cordova.js"></script> <script src="xhr.js"></script> <script src="js/cordova-init.js"></script> <script src="js/app.js"></script> <script src="js/init-app.js"></script> <script src="js/init-dev.js"></script> <script> // wait device api libraries load // document.addeventlistener("deviceready", ondeviceready, false); // device apis available // function ondeviceready() { //http://labs.qnimate.com/sound.mp3 playaudio("http://labs.qnimate.com/sound.mp3"); } // audio player var my_media = null; var mediatimer = null; // play audio // function playaudio(src) { if (my_media == null) { // create media object src my_media = new media(src, onsuccess, onerror); } // else play current audio // play audio. playaudiowhenscreenislocked make sure audio playing if screen locked. my_media.play({ playaudiowhenscreenislocked : true }); // update my_media position every second if (mediatimer == null) { mediatimer = setinterval(function() { // my_media position my_media.getcurrentposition( // success callback function(position) { if (position > -1) { setaudioposition((position) + " sec"); } }, // error callback function(e) { console.log("error getting pos=" + e); setaudioposition("error: " + e); } ); }, 1000); } } // pause audio // function pauseaudio() { if (my_media) { my_media.pause(); } } // stop audio // function stopaudio() { if (my_media) { my_media.stop(); } clearinterval(mediatimer); mediatimer = null; } // onsuccess callback // function onsuccess() { console.log("playaudio():audio success"); } // onerror callback // function onerror(error) { alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n'); } // set audio position // function setaudioposition(position) { document.getelementbyid('audio_position').innerhtml = position; } </script> </body> </html>
Comments
Post a Comment