首页 > 代码库 > 关于audio元素在实际项目中遇到的问题总结
关于audio元素在实际项目中遇到的问题总结
在ios高版本的微信浏览器下(ios10.0以上),audio标签如果添加autoplay属性的话。导致的问题是:通过二维码扫码第一次进入没有问题,第二次扫码进入之后直接卡死在loading页面。
解决方案:去除autoplay属性,通过js触发音乐播放即可解决问题。
所以在使用audio时,尽量不要随意添加属性。有可能导致难以预料的问题。
最佳实现audio的实现是
window.onload的时候执行play()。让其播放。而不是autoplay。
window.addEventListener(‘load‘,loadHandler,false);function loadHandler() { var audio = document.querySelector(‘#audio‘); var musicBtn = document.querySelector(‘#musicBtn‘) audio.play(); musicBtn.addEventListener(‘click‘,toggleMusic,false);}function toggleMusic(audio){ if(audio.paused){ audio.play(); musicBtn.addClass(‘on‘); }else{ audio.pause(); musicBtn.removeClass(‘on‘); }}
关于audio元素在实际项目中遇到的问题总结
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。