1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS实现网站声音提示 兼容IE与chrome 附谷歌chrome浏览器无法自动播放声音解决方法

JS实现网站声音提示 兼容IE与chrome 附谷歌chrome浏览器无法自动播放声音解决方法

时间:2021-02-02 17:45:28

相关推荐

JS实现网站声音提示 兼容IE与chrome 附谷歌chrome浏览器无法自动播放声音解决方法

function playSound(){var borswer = window.navigator.userAgent.toLowerCase();if(!!window.ActiveXObject || "ActiveXObject" in window){//IE内核浏览器var strEmbed = '<embed name="embedPlay" src="../sounds/ding.wav" autostart="true" hidden="true" loop="false"></embed>';if($("body").find("embed").length<=0){$("body").append(strEmbed);}else{$("body").find("embed").remove();$("body").append(strEmbed);}var embed = document.embedPlay;//浏览器不支持 audion,则使用 embed 播放embed.volume = 100;}else{//非IE内核浏览器var strAudio = "<audio id='audioPlay' src='../sounds/ding.wav' hidden='true'>";if($("body").find("audio").length<=0){$("body").append(strAudio);}var audio = document.getElementById( "audioPlay" );//浏览器支持 audionaudio.play();}}

chrome限制自动播放声音解决办法:

1. 进入网站设置,声音设为允许。

2. 写方法判断是否有自动播放权限,若没有则诱导用户对网站产生交互,以便正常播放声音。此方法每次进入网站都需产生交互才可正常播放声音。

function getSoundAccess(){var strAudio = "<audio id='audioPlay' src='./images/sounds/sound.mp3' hidden='true'>";if($("body").find("audio").length<=0){$("body").append(strAudio);}var audio = document.getElementById( "audioPlay" );var promise = audio.play();if(promise !== undefined) {promise.then(function(){//audio.play();}).catch(function(){//此处进行弹窗提醒,诱导用户对网站进行点击})}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。