audio音频播放及网络播放

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">hello</h1>
</header>
<div class="mui-content">
    <div style="padding:10px;">
        <div>
            <img src="imgs/1.jpg" width="100%" />    //插入封面图片
        </div>
        <div>
               <div style="width:20%; margin:0 auto;" onclick="palyNow();">
         <img src="imgs/play.png" width="100%" id="but1" /></div> </div> </div> </div> <script> mui.init(); var player = null; var btn1 = null; function palyNow(){ btn1 = mui('#but1'); var playSrc = btn1[0].getAttribute('src'); console.log(playSrc); //暂停 if(playSrc == 'imgs/playing.png'){ player.pause(); //暂停 btn1[0].setAttribute('src','imgs/zt.png'); //暂停图片
     //btn1[0].src='imgs/zt.png'; 获取的是绝对路径 return false; } //恢复播放 else if(playSrc == 'imgs/zt.png'){ player.resume(); //恢复 btn1[0].setAttribute('src','imgs/playing.png'); return false; } player = plus.audio.createPlayer('_www/audios/1.mp3'); //创建播放对象 btn1[0].setAttribute('src','imgs/playing.png'); player.play(function(){ //直接使用palyer.paly(); 就可以播放 //播放完毕 alert("Audio play success!"); }, function (e){ alert("Audio play error: " + e.message); }); } </script>

  

posted @ 2018-06-06 15:24  天下大任望君莫辞  阅读(279)  评论(0编辑  收藏  举报