携帯ブラウザでmp 3などの音楽を再生する(chrome特殊)

1232 ワード

需要:元々はjsp上で放送していたmp 3ですが、その後は変更が必要で、携帯のブラウザでも放映しますので、以下のように修正します.
(jspは音楽を放送して前の文章を見ます.https://blog.csdn.net/cyberHerman/article/details/84953776)
新しいjsを追加:
Dcument.addEvent Listener('touchstart',function()    function atoPlay(){        var myAuto=document.getElemenntById('music')        myAuto.play();    }     autPlay(););
しかし、携帯電話のchromeブラウザは特殊です.放送できないです.ネットで見つけた解決方法は:
ブラウザで入力  chrome://flags/#autoplay-policy 
最初のオプション Autoplay policy  のuser gesture is requiredに設定します.
再生できます
しかし、すべてのブラウザに共通性があります.つまり、ページが戻ったら、音楽はまだ放送されています.つまり、携帯電話の画面は現在のページでない限り、音楽の再生を停止します.コードは以下の通りです.
var hiddenProperty = 'hidden' in document ? 'hidden' :
    'webkitHidden' in document ? 'webkitHidden' :
        'mozHidden' in document ? 'mozHidden' :
            null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function(){
    if (document[hiddenProperty]) {
        console.log('     ');
        //    
    }else{
        console.log('    ')
        //        
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);