フォーカスに関係なくブラウザーでタブを利用できるときはいつでもアプリケーションでサウンドを再生したいです。私はHTML 5オーディオタグを使用してサウンドを再生しています。しかし、クロムとサファリは、ユーザーがタブをナビゲートまたはフォーカスするまでオーディオの再生を延期します。サウンドを再生するためのオーディオ要求の全体は、タブフォーカス時に再生されます。一度にたくさんの音が聞こえると、音が出にくくなります。ブラウザーが自然を遅らせることなく、非集束タブから音を出すことは可能ですか?この状況を処理するために利用可能な代替ソリューションを私に提案してください。前もって感謝します。これは、クロム46は、ブラウザのパフォーマンスを最適化し、電力を節約するため、正常な動作ですHTML5オーディオタグは、クロムとサファリの最初のフォーカスされていないタブの最初の再生音ではありませんか?
答えて
、Googleがバックグラウンドのタブの自動再生を無効にしています。 //フラグ/#禁止-ジェスチャー-要件-用メディア再生
:しかしクローム47から始めて、クロームフラグ
クロムを有効 ことで、それを無効にする人のための方法があります
UPDATE:クローム60は(あなたが@gordie感謝)ので、クロームフラグが使用できなくなった
音が「背景」タブで再生できるようになる回避策はありません。解決策は、ページがフォーカスされるまでサウンドを再生しないことです。そのためには、window.onfocus
イベントハンドラを使用するか、好ましくはVisibility API()を使用します。
こんにちは!この情報をありがとう。しかし、Soundcloudはそれを行うことができますので、回避策が必要ですか? – gordie
私はChromeでSoundCloudをテストしました。自動再生していないようです。たとえば、このリンク[埋め込みSoundCloudプレーヤー]を新しいタブで開くと、https://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/118596500&auto_play=true&buying=true&liking=真&show_playcount =真&SHOW_USER =真&(右クリック - 新しいタブで> [開く]リンクを)虚偽&真=視覚的&start_track = 0&コールバック=真= hide_related =真&共有=真&show_artwork =真&show_comments =真&ダウンロードあなたは、そのタブを集中するまで、それは、自動再生しません。 – Xeos
2「ハック」可能があります。 1)複数のタブが開いている場合は、プレイに少なくとも一度は集中していた一つのタブが最初にフォーカスされたとき 2)は、いくつかのサイレントクリップを再生するオーディオAPIを使用して音を使用しています。このようにして、時間が来たら、人がタブをフォーカスするのを待たずに再生を開始することができます。 – Xeos
- 1. 私のHTML5 doctypeは最初の行になければなりませんか?
- 2. 初めて音楽が再生されないのはなぜですか?
- 3. コンボボックスのドロップダウンリストは最初に描画されていません
- 4. 最初のタブではないタブがあらかじめ選択されています。
- 5. 最初のイメージは最初のイメージがロードされていない
- 6. jquery masonryはクロム/サファリでブレークします(最初の読み込み時のみ)
- 7. 最初のタブの高さは他のタブと異なります
- 8. listviewの最初の項目はフォーカスを取得しません
- 9. jQuery UIタブ - 最初のスライドがデフォルトで表示されない
- 10. Java - getManifest()問題:最初のエントリではありません
- 11. 私の最初のカスタムコンバータ:なぜ呼び出されていませんか?
- 12. iTextSharp PageNumberただし最初と最後のページにはありません
- 13. 最初の子は働いていません
- 14. なぜ私のEFコードが最初に生成されたビューは効果がありませんか?
- 15. アニメーションスプライトシートの最初のフレームだけが再生されます
- 16. FileSystemWatcherは、2回目の変更後にイベントを発生させますが、最初ではありません。
- 17. 私の最初のアプレットはブラウザにロードされません
- 18. IE8(Galleria Javascriptフォトアルバム)の最初のイメージはロードされません
- 19. アクティビティの最初のインスタンスはガベージコレクションされません。
- 20. 最初のReは空ではないかもしれない
- 21. 最初の部分表示jquery selector.attrib( 'id')は定義されていません
- 22. UI最初または最初のロジック?
- 23. ポップアップダイアログは最初の起動後に再描画されません
- 24. EFデータベースで最初に生成されたフォームは検証されません
- 25. FullCalendarのjQueryのタブ最初はアヤックス
- 26. セッション変数が最初に設定されていません
- 27. アニメーションリストが最初にアニメ化されていません
- 28. PHPセッションが最初に登録されていません
- 29. Informaticaエラー - 名前の最初の文字は数字ではありません
- 30. jQueryの:最初のコールバックは流暢ではありません(slidedown効果)
他のタブを使用していても、再生するオーディオタグはどれですか? – zer00ne