首页前端开发HTMLphonegap播放音频详解

phonegap播放音频详解

时间2024-01-23 07:47:03发布访客分类HTML浏览948
导读:收集整理的这篇文章主要介绍了phonegap播放音频详解,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来phonegap播放音频详解,phonegap播放音频详解的注意事项有哪些,下面就是实战案例,一起来看一下。实例如下:&...
收集整理的这篇文章主要介绍了phonegap播放音频详解,觉得挺不错的,现在分享给大家,也给大家做个参考。这次给大家带来phonegap播放音频详解,phonegap播放音频详解的注意事项有哪些,下面就是实战案例,一起来看一下。

实例如下:

!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>
    

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

pushstate、popstate操作url的方法

不刷新的前提下怎样改变当前url的代码

以上就是phonegap播放音频详解的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

phonegap详解

若转载请注明出处: phonegap播放音频详解
本文地址: https://pptw.com/jishu/583925.html
phonegap获取设备信息方法详解 使用phonegap克隆和删除联系人

游客 回复需填写必要信息