問題タブ [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.
amazon-cloudfront - エンコーダーの再起動後、HLS.js / Wowza / Cloudfront ブラウザーがメディアをダウンロードしない
私のワークフローは次のとおりです。
- ffmpeg を使用して、RTMP ストリームを WOWZA App1 に送信します。
- App1 はストリームを内部の 2 番目のアプリ (App2) に送信します。
- App2 はトランスコードして hls にパケット化し、Cloudfront ディストリビューションのオリジンです。
- Cloudfront はストリームをユーザーに提供します。
- ユーザーのプレーヤーは HLS.js に基づいています。
さまざまなシナリオに備えるために、テスト送信中に App2 を強制的に再起動しました。この場合、App1 はまだ ffmpeg からストリームを受信しており、それを App2 に送信しようとしています。app2 の準備が整った後、このリンクが再び確立され、App1 はストリームを App2 に送信し続けます。 、しかし、クライアント側にはビデオがありません。
- 再起動する前に
chunklist.m3u8
、17 番目までの多くのチャンクを一覧表示します。media-u3510ez40_17.ts
- 次に、App2 が再起動している間、chunklist.m3u8 が存在せず、cloudfront が 404 エラーを送信します。
- そして、App2 が戻ってくると、chunklist.m3u8 は新しい ID を持つ 1 から始まるチャンクの新しいリストを一覧表示します。
media-u1ofkjj9w_1.ts
問題は、ビデオがなく、ネットワーク トラフィックがブラウザが新しくリストされたチャンクをダウンロードしないことです。
新しいチャンクを追加し続けます chunklist.m3u8
が、ブラウザはこれをダウンロードしません... 18番目のチャンクが表示されるまで...そしてビデオが再開します.
私は何度も試してみましたが、問題は同じです。再起動する前に最後のチャンクに数字N
があり、再起動後にチャンクに到達するまでビデオはありませんN+1
が、ID は異なります。
この問題が Wowza にあるのか、Cloudfront にあるのか、HLS.js プレーヤーにあるのかはわかりません :/
chunklist.m3u8
再起動前:
chunklist.m3u8
再起動後:
javascript - React でのライブ ストリーミングでの Shaka Player + Mux.js
Shaka Player にライブ ストリーミングを実装しようとしています。通常Hls.js
は正常に動作していますが、表示されている Shaka Player で実装できないようですerror code 4030
。
Reactの純粋なHls:
React の Shaka Player は、私の同様のshaka デモmux.js
にインポートされましたindex.html
エラーログ: