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;" οnclick="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>

　　

转载于:https://www.cnblogs.com/Dukefish/p/9145316.html