MUI（4）

　　今天感觉无聊，想听一首音乐。没有添加其他页面，只是在index_list.html页面进行代码添加而已。

 <!doctype html>
 <html>     <head>
         <meta charset="UTF-8">
         <title></title>
         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
         <link href="../css/mui.min.css" rel="external nofollow"  rel="stylesheet" />
     </head>     <body>
         <div class="mui-content">
             <div class="mui-popup-text" style="padding-left: 2em;padding-top: 15px;">你好，这里是另一个页面！欢迎您的到来。<br/>今天无聊放首本地歌曲听听。</div>
             <div style="padding-left: 2em;padding-top: 15px;">
                 <button id="musicStart" type="button" class="mui-btn mui-btn-primary">GO!</button><br /><br />
                 <button id="musicPause" type="button" class="mui-btn mui-btn-primary">PAUSE!</button><br /><br />
                 <button id="musicResume" type="button" class="mui-btn mui-btn-primary">RESUME!</button><br /><br />
                 <button id="musicStop" type="button" class="mui-btn mui-btn-primary">STOP!</button><br /><br />
             </div>
         </div>
         <script src="../js/mui.min.js"></script>
         <script type="text/javascript">
             mui.init(); //初始化
             // 扩展API加载完毕后调用onPlusReady回调函数
             document.addEventListener('plusready', onPlusReady, false);
             // 扩展API加载完毕，现在可以正常调用扩展API
             function onPlusReady() {}
             var music = null;
             //开始播放
             document.getElementById("musicStart").addEventListener('tap',function (){
                 if(plus.audio == undefined) {
                     alert("Device not ready!");
                 }
                 music = plus.audio.createPlayer("../upload/file/music/caichunjia-qiangwei.mp3");
                 music.play(function() {
                     alert("Audio play success!");
                 }, function(e) {
                     alert("Audio play error!" + e.message);
                 });
             });
             //暂停播放
             document.getElementById("musicPause").addEventListener('tap',function(){
                 music.pause();
             });
             //恢复播放
             document.getElementById("musicResume").addEventListener('tap',function(){
                 music.resume();
             });
             //停止播放
             document.getElementById("musicStop").addEventListener('tap',function(){
                 music.stop();
             });
         </script>
     </body> </html>