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

  

分类:

技术点:

相关文章: