問題タブ [hls.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Web ページにアクティビティがない場合、ライブ ストリーミング ビデオが真っ暗になる
私はライブストリーミングビデオがたくさんあるウェブサイトに取り組んでいます。ブラウザで一定時間 (分) 操作がないと、 いくつかのライブ ストリーミング ビデオが真っ暗になり、動作させるためにページを更新するか上下にスクロールする必要があります。
フロントエンドでライブ ストリーミング ビデオを生成するために使用されている HTML コードは次のとおりです。
上記のビデオ タグにブレークポイントを配置すると、 hls.jsの以下のコードから line#A が呼び出されます。
私が hls.js で使用しているコードはここにあります https://video-dev.github.io/hls.js/stable/api-docs/file/src/controller/buffer-controller.js.html
問題文：
Web ページで数分間アクティビティがない場合に、ライブ ストリーミング ビデオの黒い画面の背後にある理由と、それを修正する方法を考えています。
そのバグを修正する方法はありますか? このバグを修正するためにオーバーライドできるコードはありますか? また、問題はなぜonMediaDetaching ()関数が呼び出されるのですか? 上記のように video タグにブレークポイントを配置すると、line#A(this.media.removeAttribute('src');)が呼び出されます。