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