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


Posted in HTML / CSS onMarch 31, 2017

实例如下:

<!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播放音频的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
CSS3新属性transition-property transform box-shadow实例学习
Jun 06 HTML / CSS
纯CSS实现设置半个字符的样式
Jul 03 HTML / CSS
CSS3 文字动画效果
Nov 12 HTML / CSS
基于 HTML5 WebGL 实现的垃圾分类系统
Oct 08 HTML / CSS
html5基础教程常用技巧整理
Aug 20 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
May 11 HTML / CSS
html5 postMessage前端跨域并前端监听的方法示例
Nov 01 HTML / CSS
Canvas图片分割效果的实现
Jul 29 HTML / CSS
html5中嵌入视频自动播放的问题解决
May 25 HTML / CSS
如何通过 CSS 写出火焰效果
Mar 24 HTML / CSS
纯html+css实现Element loading效果
Aug 02 HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 #HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 #HTML / CSS
使用phonegap进行本地存储的实现方法
Mar 31 #HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 #HTML / CSS
使用phonegap进行提示操作的具体方法
Mar 30 #HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 #HTML / CSS
You might like
php 模拟POST|GET操作实现代码
2010/07/20 PHP
php树型类实例
2014/12/05 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
Jquery优化效率 提升性能解决方案
2010/09/06 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
百度UEditor编辑器如何关闭抓取远程图片功能
2015/03/03 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
HTML5 canvas 9绘制图片实例详解
2016/09/06 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
Python网站验证码识别
2016/01/25 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
python实现最大优先队列
2019/08/29 Python
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
小学教师自我鉴定
2013/11/07 职场文书
分厂厂长岗位职责
2013/12/29 职场文书
卖房协议书
2014/04/11 职场文书
村居抓节水倡议书
2014/05/19 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
感谢信模板大全
2015/01/23 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript