リールを31.8 MB MP4の代わりに、適応型HLS梯子として再生

Featurekamo-marketing
Shipped
2026年8月19日 2:22 UTC
Author
Kamo
Commit
79d2ffe

ヒーローは、単一の 3.9 Mbps 720p24 MP4 で bare <video src> を指していたので、 デスクトップと同じストリームを正確にダウンロードした弱い接続上の電話 訪問者が過去にスクロールした後、繊維、およびダウンロードを保存しました。 今は再生します KlusterServicesのヒーローhls-encodeの仕事によって造られる720p/540p/360p梯子: プレイヤーは、その接続が実行され、フェッチ ~4s セグメントのみ 眺めながら。 360p の rung は 5.4 MB 元の 31.8 MB に対してです。 再生は JSX から外に移動し、HLS の間で選択するので効果に MP4はランタイムの決定です。 SafariとiOSでプレイリストをネイティブに取得 (iOSにはメディアソースの拡張子がないため、hls.jsにはオプションはありません)。 他の人は、動的にインポートされた hls.js を介してそれを取得します。 エントリーバンドル。 致命的な hls.js エラー、サポートされていないブラウザ、または失敗 チャンクは、まだ真実のソースである元のMP4上のすべての土地をロードします。 <video> は意図的に `src` を実行しない — 宣言を解除すると、 31.8 MBのプログレッシブダウンロードでこの変更が削除されます。 hls.js は直接依存性になります。 独立して存在していた @react-three/drei は、package.json をまったく使用しない。npm install 階段のロックファイルから67の残余のパッケージを剪定しました。 アプリ内検索 ドライ、 3、または react-world-flags (FlagEmoji.tsx ドキュメントの置換 目的の最後に ポスター属性も機能し始めます:参照されている public/kamo12-poster.jpg このコンポーネントが書かれているので、オブジェクト 最初のフレームがデコードされるまで、ヒーローは空白をレンダリングしました。 ザ・オブ・ザ・ ジョブをエンコードできるようになりました.

All changes

配送を見るのが好きですか?

これらのアップデートは、自動的にワークスペースに埋め込まれます。 週1回無料スタートし、週1回生育する.

永遠に無料で始める料金を見る