admin管理员组

文章数量:1564195

需求:本来是jsp上播放的mp3,后来需求变动,手机上浏览器也要播放,所以修改如下:

(jsp播放音乐 看上篇文章 https://blog.csdn/cyberHerman/article/details/84953776)

添加新的js:

document.addEventListener('touchstart', function () {
    function autoPlay() {
        var myAuto = document.getElementById('music');
        myAuto.play();
    }
    autoPlay();
});

但是手机上的chrome浏览器很特殊,就是播放不了,在网上找到的解决办法是:

在浏览器输入  chrome://flags/#autoplay-policy 

第一个选项 Autoplay policy  设置为 no user gesture is required

就可以播放.

但是所有浏览器都有一个共性,就是页面返回之后,音乐还在播放,也就是手机屏幕只要不在当前页面 就要停止音乐播放,代码入下:

var hiddenProperty = 'hidden' in document ? 'hidden' :
    'webkitHidden' in document ? 'webkitHidden' :
        'mozHidden' in document ? 

本文标签： 浏览器手机音乐chrome

版权声明：本文标题：手机浏览器播放mp3等音乐(chrome特殊) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1727473060a1116278.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。