Derek Herman
Joe Medley
このセクションでは、<video> タグと <source> タグを使用してメディア ファイルをウェブページに埋め込む方法、聴覚障がい者向けに動画に字幕を追加する方法、メディア フレームワークの使用に関する一般的なコンセプトについて説明します。また、プリロードを使用して再生開始を高速化する方法についても学びます。さらに、Kino というオフライン アダプティブ ストリーミング機能を備えた更新版のデモ PWA を構築した方法についても説明します。
このセクションでは、ウェブページに埋め込む準備ができている動画ファイルがあることを前提としています。カメラからダウンロードした .mov ファイルは使用できません。これがすべての場合は、ウェブ用にメディア ファイルを準備するを参照してから、このページに戻ってください。
このセクションでは、これらのトピックについて説明します。
- <video> タグと <source> タグでは、ウェブページにメディア ファイルを埋め込む方法について詳しく説明します。
- メディアのユーザー補助では、聴覚障がい者向けにメディア ファイルに字幕を追加する方法を学びます。
- メディア フレームワークでは、Shaka Player、JW Player、Video.js などのメディア フレームワークの使用に関する基本事項を学習します。
- 音声と動画のプリロードによる高速再生では、リソースを積極的にプリロードしてメディアの再生を高速化する方法について学習します。
- オフライン ストリーミングを備えた PWA では、フレームワークを使用せずに適応型ストリーミングとオフライン再生が可能な更新版のデモ PWA を構築する方法について説明します。さらに、ソースコードを操作することもできます。
このセクションでは、多くのトピックを取り上げます。まずは、<video> タグと <source> タグの使用方法を学びましょう。