首页前端开发HTML使用phonegap播放音频的实现方法

使用phonegap播放音频的实现方法

时间2024-01-24 20:07:36发布访客分类HTML浏览875
导读:收集整理的这篇文章主要介绍了使用phonegap播放音频的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 实例如下:<!DOCTYPE htML> <html> <head&g...
收集整理的这篇文章主要介绍了使用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播放音频的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

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

phonegap

若转载请注明出处: 使用phonegap播放音频的实现方法
本文地址: https://pptw.com/jishu/585693.html
phonegap常用事件总结(必看篇) 使用phonegap克隆和删除联系人的实现方法

游客 回复需填写必要信息