45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:怎么样使用phonegap播放音频?

怎么样使用phonegap播放音频?

2017-08-15 14:08:27 来源:www.45fan.com 【

怎么样使用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播放音频的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持路饭。


本文地址:http://www.45fan.com/a/question/91158.html
Tags: 播放 phonegap 音频
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部