首页 > 编程 > HTML > 正文

使用phonegap播放音频的实现方法

2024-08-26 00:19:28
字体:
来源:转载
供稿:网友

实例如下:

<!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>

以上这篇使用phonegap播放音频的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持VeVb武林网。


注:相关教程知识阅读请移步到HTML教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表