• 技术文章 >web前端 >H5教程

    phonegap使用方法介绍(七)播放音频的实现方法

    零下一度零下一度2017-05-03 10:28:19原创551
    下面小编就为大家带来一篇使用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>

    以上就是phonegap使用方法介绍(七)播放音频的实现方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:phonegap 播放音频
    上一篇:phonegap使用方法介绍(八)操作数据库 下一篇:phonegap使用方法介绍(九)进行提示操作的四种方式
    PHP编程就业班

    相关文章推荐

    • 深入解析asp.net中mvc4自定义404页面(分享)• html5离线存储有哪些• 在今天,利用 HTML5 开发和发布大型跨平台网游,可行性如何?要解决哪些问题?• 避免常见的六种HTML5错误用法 (5-6)• phonegap使用方法介绍(八)操作数据库

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网