使用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 相关文章推荐
详解CSS样式中的 !important * _ 符号
Mar 09 HTML / CSS
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
Jul 20 HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
Dec 26 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
Jan 08 HTML / CSS
Html5实现文件异步上传功能
May 19 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
Nov 15 HTML / CSS
canvas绘制视频封面的方法
Feb 05 HTML / CSS
使用Html5多媒体实现微信语音功能
Jul 26 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
Aug 16 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 HTML / CSS
简单实现一个手持弹幕功能+文字抖动特效
Mar 31 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 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
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
在PHP中使用灵巧的体系结构
2006/10/09 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
jQuery 使用手册(二)
2009/09/23 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
JQuery 在线引用及测试引用是否成功
2014/06/24 Javascript
Bootstrap进度条组件知识详解
2016/05/01 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
python读写二进制文件的方法
2015/05/09 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
详解python tkinter教程-事件绑定
2019/03/28 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
Django 限制访问频率的思路详解
2019/12/24 Python
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
施工资料员的岗位职责
2013/12/22 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
市场营销毕业求职信
2014/08/07 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
学生退学证明
2015/06/23 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
朋友离别感言
2015/08/04 职场文书