携帯ブラウザで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に設定します.
再生できます
しかし、すべてのブラウザに共通性があります.つまり、ページが戻ったら、音楽はまだ放送されています.つまり、携帯電話の画面は現在のページでない限り、音楽の再生を停止します.コードは以下の通りです.
(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);