phonegap播放音频详解

互联网 18-3-26

这次给大家带来phonegap播放音频详解，phonegap播放音频详解的注意事项有哪些，下面就是实战案例，一起来看一下。

实例如下：

<!DOCTYPE html>   <html>      <head>           <meta charset="UTF-8">           <title>Compass Example</title>               <script type="text/javascript" charset="UTF-8" src="cordova.js"></script>           <script type="text/javascript" charset="UTF-8">               document.addEventListener("deviceready", onDeviceReady, false);                   function onDeviceReady() {               }                               var my_media=null;               var mediaTimer=null;                               function playAudio(src){                   my_media=new Media(src,onSuccess,onError);                   my_media.play();                                       if(mediaTimer==null){                       mediaTimer=setInterval(function(){                           my_media.getCurrentPosition(                               //成功回调                               function(position){                               if(position>-1){                                   setAudioPosition((position/1000)+"sec");                               }                           },                           //错误回调                           function (e){                               console.log("Error getting pos="+e);                               setAudioPosition("Error: "+e);                           }                           );                       },1000);                   }               }                               function pauseAudio(){                   if(my_media){                       my_media.pause();                   }               }                               function stopAudio(){                   if(my_media){                       my_media.stopAudio();                   }                   clearInterval(mediaTimer);                   mediaTimer=null;               }                               function onSuccess(){                   console.log("playAudio():Audio Success");               }                               function setAudioPosition(position){                   document.getElementById('audio_position').innerHTML=position;               }                   //错误的回调                function onError(error) {                   alert('code:'+error.code+'\n'+'message:'+error.message+'\n');               }                           </script>       </head>           <body>           <a href="#" onclick="playAudio('http://example.com/audio.mp3');">Play Audio</a>           <a href="#" onclick="pauseAudio();">Pause Playing Audio</a>           <a href="#" onclick="stopAudio();">Stop Playing Audio</a>           <p id="audio_position"></p>       </body>       </html>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

phonegap播放音频详解

相关资讯

标签推荐