使用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垂直手风琴菜单
Jun 28 HTML / CSS
CSS3 translate导致字体模糊的实例代码
Aug 30 HTML / CSS
CSS3中HSL和HSLA的简单使用示例
Jul 14 HTML / CSS
基于CSS3实现图片模糊过滤效果
Nov 19 HTML / CSS
详解CSS3实现响应式手风琴效果
Jun 10 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 HTML / CSS
使用HTML5和CSS3制作一个模态框的示例
Mar 07 HTML / CSS
在html页面中取得session中的值的方法
Aug 11 HTML / CSS
利用Node实现HTML5离线存储的方法
Oct 16 HTML / CSS
详解Html5项目适配系统深色模式方案总结
Apr 14 HTML / CSS
CSS完成视差滚动效果
Apr 27 HTML / CSS
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
Sep 23 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
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
2011/12/31 Javascript
谈谈关于JavaScript 中的 MVC 模式
2013/04/11 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
[45:14]Optic vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
详解如何使用Python编写vim插件
2017/11/28 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
IE浏览器单独写CSS样式的几种方法
2014/10/14 HTML / CSS
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
外贸公司实习自我鉴定
2013/09/24 职场文书
管理专员自荐信
2014/01/26 职场文书
道路交通安全实施方案
2014/03/12 职场文书
启动仪式策划方案
2014/06/14 职场文书
2014年文秘工作总结
2014/11/25 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
文明上网主题班会
2015/08/14 职场文书
PyTorch的Debug指南
2021/05/07 Python
Vue和Flask通信的实现
2021/05/19 Vue.js
Python+pyaudio实现音频控制示例详解
2022/07/23 Python