使用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实现鼠标滑过鼠标点击代码写法
Dec 26 HTML / CSS
基于css3仿造window7的开始菜单
Jun 17 HTML / CSS
10个很棒的 CSS3 开发工具 推荐
May 16 HTML / CSS
css3动画效果小结(推荐)
Jul 25 HTML / CSS
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
Dec 30 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
Nov 05 HTML / CSS
CSS3选择器新增问题的实现
Jan 21 HTML / CSS
canvas实现圆绘制的示例代码
Sep 11 HTML / CSS
canvas需要在标签里直接定义宽高
Dec 17 HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 HTML / CSS
H5 meta小结(前端必看篇)
Aug 24 HTML / CSS
canvas画图被放大且模糊的解决方法
Aug 11 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
PHP基于单例模式实现的mysql类
2016/01/09 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
javascript 回调函数详解
2014/11/11 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
javascript操作数组详解
2014/12/17 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
jQuery实现增删改查
2020/12/22 jQuery
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
python机器学习实现决策树
2019/11/11 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
matplotlib绘制多个子图(subplot)的方法
2019/12/03 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
python实现图片横向和纵向拼接
2020/03/05 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
Python如何设置指定窗口为前台活动窗口
2020/08/12 Python
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
机械制造专业毕业生求职信
2014/03/02 职场文书
音乐幼师求职信
2014/07/09 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android