Menambahkan media ke halaman web

Daren Herman
Derek Herman
Joe Medley
Joe Medley

Di bagian ini, Anda akan mempelajari cara menyematkan file media di halaman web menggunakan tag <video> dan <source>, cara menambahkan teks ke video untuk penyandang gangguan pendengaran, dan beberapa konsep umum penggunaan framework media. Selain itu, Anda akan mempelajari penggunaan pramuat untuk mempercepat pemutaran pemutaran, dan kita akan membahas cara kami membangun PWA demo yang diupdate 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 yang Anda miliki, lihat Menyiapkan file media untuk web, lalu kembali.

Bagian ini akan membahas topik-topik tersebut.

  • Dalam tag <video> dan <source>, Anda akan mempelajari secara khusus cara menyematkan file media di halaman web.
  • Dalam Aksesibilitas media, Anda akan belajar menambahkan teks ke file media untuk gangguan pendengaran.
  • Dalam Framework media, Anda akan mempelajari dasar-dasar penggunaan framework media seperti Shaka Player, JW Player, dan Video.js.
  • Dalam Pemutaran cepat dengan pramuat audio dan video Anda akan belajar mempercepat pemutaran media dengan secara aktif melakukan pramuat resource.
  • Pada PWA dengan streaming offline, Anda akan mempelajari cara kami membuat PWA demo terupdate yang mampu melakukan streaming adaptif dan pemutaran offline tanpa menggunakan framework. Selain itu, Anda dapat bermain-main dengan kode sumber.

Ada banyak hal yang perlu dibahas di bagian ini, mulailah dengan mempelajari cara menggunakan tag<video> dan <source>.