使用phonegap播放音频的实现方法
程序员文章站
2022-10-15 16:51:25
下面小编就为大家带来一篇使用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播放音频的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
上一篇: 解决html5中video标签无法播放mp4问题的办法
下一篇: C#中类与接口的区别个人总结
推荐阅读
-
西瓜影音安装使用及西瓜影音播放器查找和下载视频的方法介绍
-
使用jQueryMobile实现滑动翻页效果的方法教程
-
使用jQuery实现input数值增量和减量的方法教程
-
使用Browserify来实现CommonJS的浏览器加载方法
-
使用php实现下载生成某链接快捷方式的解决方法
-
Win10系统电脑在使用浏览器播放视频时蓝屏错误代码0x000008e的多种解决方法
-
php 使用mpdf实现指定字段配置字体样式的方法
-
sql server 2005中使用with实现递归的方法
-
Angularjs使用directive自定义指令实现attribute继承的方法详解
-
java使用this调用构造函数的实现方法示例