使用phonegap播放音频的实现方法
程序员文章站
2023-11-23 22:07:28
下面小编就为大家带来一篇使用phonegap播放音频的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧... 17-03-31...
实例如下：
<!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播放音频的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
上一篇： catia怎么绘制螺旋样式的弹簧模型?