Di bagian ini, Anda akan mempelajari cara menyematkan file media di halaman web menggunakan tag <video> dan <source>, cara menambahkan teks ke video untuk difabel, dan beberapa konsep umum untuk menggunakan framework media.
Selain itu, Anda akan mempelajari cara menggunakan pramuat untuk mempercepat awal pemutaran, dan
kami akan membahas cara membuat PWA demo yang diperbarui dengan kemampuan streaming adaptif
offline yang disebut Kino.
Bagian ini mengasumsikan bahwa Anda memiliki file video yang siap disematkan di halaman
web. File .mov yang didownload dari kamera tidak akan berfungsi. Jika hanya itu saja
yang Anda miliki, lihat Menyiapkan file media untuk web, lalu kembali.
Bagian ini membahas topik-topik tersebut.
- Di Tag <video> dan <source>, Anda akan mempelajari secara khusus cara menyematkan file media di halaman web.
- Di Aksesibilitas media, Anda akan mempelajari cara menambahkan teks ke file media untuk penyandang gangguan pendengaran.
- Di Framework media, Anda akan mempelajari dasar-dasar penggunaan framework media seperti Shaka Player, JW Player, dan Video.js.
- Di Pemutaran cepat dengan pramuat audio dan video, Anda akan mempelajari cara mempercepat pemutaran media dengan melakukan pramuat resource secara aktif.
- Di PWA dengan streaming offline, Anda akan mempelajari cara mem-build PWA demo yang diperbarui yang mampu melakukan streaming adaptif dan pemutaran offline tanpa menggunakan framework. Selain itu, Anda dapat bermain dengan kode sumber.
Ada banyak hal yang perlu dibahas di bagian ini. Mulailah dengan mempelajari cara menggunakan tag<video> dan <source>.