Video.js v10は、新しいフレームワークSPFを導入し、ファイルサイズを大幅に削減。シンプルなユースケースで驚異的な軽量化を実現し、ウェブサイトやアプリのストリーミング体験を向上させます。
Video.js v10は、特定の目的に特化した小型 ストリーミング エンジン構築を目指す新しいフレームワークを導入しました。 このフレームワーク、通称 SPF （Simple Package Framework）を活用することで、従来のVideo.js v8と比較して、ファイルサイズを大幅に削減することに成功しています。
例えば、シンプルなHLS（HTTP Live Streaming）ユースケースにおいて、SPFを使用したVideo.js v10は、ABR（Adaptive Bitrate）を含むVideo.js v8のファイルサイズのわずか19%に抑えられています。 さらに、HLS.js-lightと比較しても、そのファイルサイズはわずか12%という驚異的な軽さを実現しています。 従来のストリーミングエンジンは、多機能である反面、不要な機能が含まれるため、ファイルサイズが大きくなりがちでした。
SPFは、HLSを用いたシンプルなアダプティブストリーミングに必要な機能のみを厳選して組み込むことで、この問題を解決しました。 Video.js v10は、他のエンジンと連携することも可能であり、既存のストリーミング環境への統合も容易です。 開発チームは、Video.js v10が、特に一般的でシンプルなユースケースにおいて、ファイルサイズを大幅に縮小し、より多くのウェブサイトやアプリケーションが、軽量なABRストリーミングの恩恵を受けられることを期待しています。
ファイルサイズ削減の設計思想は、必要な機能のみでプレイヤーを構成できるようにすることにあり、シンプルなユースケースでは、その効果を最大限に発揮します。 例えば、ビデオプレイヤーと再生ボタンのみで構成されたReact用「hello world」プレイヤーは、gzip圧縮するとわずか5KB未満という驚異的なサイズに収まります。 この軽量性は、モバイル環境や低帯域幅環境でのストリーミング体験を向上させる上で大きなメリットとなります。
Video.js v10のアーキテクチャは、State、UI、Mediaを独自のコンポーネントに分割し、APIコントラクトを介して連携させることで、高い柔軟性と拡張性を実現しています。 各主要コンポーネントはオプションであり、簡単に交換・設定できます。 UIやメディアコンポーネントも単体で利用可能であり、開発者は自身のニーズに合わせて自由にカスタマイズできます。 プレイヤーを初期化する関数に必要な機能を「features」として配列で渡すことで、内部の状態・機能を構築できます。
例えば、再生機能のみを使用する場合は、「features.playback」のみを指定すれば、不要な機能を排除できます。 ファイルサイズはパフォーマンス指標の一つに過ぎませんが、最初からきちんと設計しておかないと、すぐに制御不能な状態になりかねません。 ベータ版リリース時点での新しいアーキテクチャの出来栄えについて、開発チームは「まだ改善の余地はあるものの非常に満足」とコメントしています。
また、v10ベータ版には、すぐに使える完成度の高いスキン（コントロールセット）がいくつか含まれており、さらに、任意のスキンに対して「Eject」機能を実行すれば、フレームワークの言語に合わせた完全なソースコードを取得できます。 このソースコードは、実際に使用したり改変したりできる本物のコンポーネントであり、UI内で発生するすべてのイベントに直接アクセス可能です。v10ベータ版には、「フロスト感のある美観を備えたデフォルトスキン」と「開発者向けのミニマルスキン」の2つが搭載されており、いずれも洗練されたコントロール、スムーズなインタラクション、細部まで配慮されたアニメーションを備えています
Video.Js ストリーミング HLS ABR 軽量化 SPF React Javascript ウェブ開発 動画プレイヤー
United States Latest News, United States Headlines
Similar News:You can also read news stories similar to this one that we have collected from other news sources.
【エンジニア向け】フロント開発のスキルアップに！UI構築に特化したJavaScriptライブラリ”React.js”を学ぼう！6/10（火）～ 無料セミナー「React.js入門講座」（全4回）【エンジニア向け】フロント開発のスキルアップに！UI構築に特化したJavaScriptライブラリ”React.js”を学ぼう！6/10（火）～ 無料セミナー「React.js入門講座」（全4回） 株式会社クリーク・アンド・リバー社のプレスリリース
Read more »
Ragate株式会社、Vercel社とパートナーシップ契約を締結――Nuxt.js/Next.js×Vercelでフロントエンド変革を加速Ragate株式会社、Vercel社とパートナーシップ契約を締結――Nuxt.js/Next.js×Vercelでフロントエンド変革を加速 Ragate株式会社のプレスリリース
Read more »
「Node.js 25」が公開 ～「V8」はv14.1に、パフォーマンスとセキュリティを改善／長らく非推奨だった「SlowBuffer」などのAPIは削除 (2025年10月16日)「Node.js」の開発チームは10月15日、「Node.js 25」をリリースした。2025年5月...
Read more »
C&R社、Next.js講座を4回にわたって開催。ウェブアプリケーション開発スキル向上を支援C&R社は、需要が高まるNext.jsに関する4回にわたる講座を企画しました。ウェブアプリケーション開発スキルを向上させたい企業や個人プロジェクトのニーズに応えます。株式会社コムセントCTOが講師を務め、Next.jsの深い理解を促します。Web制作会社であるコムセントの知見を活かし、実践的な内容でウェブ開発のスキルアップをサポートします。
Read more »
Prime Video、「ウォーフェア 戦地最前線」と「アウトローズ」配信開始Prime Videoで、A24による映画「ウォーフェア 戦地最前線」と、ジェラルド・バトラー主演作...
Read more »