___K
___K
  • 发布:2019-04-14 16:17
  • 更新:2019-04-14 16:17
  • 阅读:1812

音频播放,兼容IOS网络路径播放和IOS静音模式下播放。

分类:HTML5+

<div class="playAudio">播放</div>
<div class="stopAudio">停止</div>
<audio style="display:none;" id="audioPlay" src="http://fjdx.sc.chinaz.net/Files/DownLoad/sound1/201812/10962.mp3"></audio>


var audio;  

document.addEventListener('plusready', function(){  

    //防止IOS静音模式下播放没有声音,先播放一个静音的音效  
    var loadAudio = plus.audio.createPlayer( "/audio/load.mp3" );  
    loadAudio.play();  

    audio = document.getElementById("audioPlay");  
});  

$(function(){  
    $(".playAudio").click(function(){  
        audio.load();  
        audio.oncanplay = function () {  
            audio.play();  
            console.log(audio.duration); //音效时长  
        }  
    });  

    $(".stopAudio").click(function(){  
        audio.pause();  
    });  
});  
1 关注 分享
lazi

要回复文章请先登录注册