Menambahkan media ke halaman web

Derek 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 untuk menggunakan framework media. Selain itu, Anda akan mempelajari cara menggunakan pramuat untuk mempercepat dimulainya pemutaran, dan kita akan membahas cara kami membuat PWA demo yang telah diupdate dengan kemampuan streaming adaptif offline yang disebut Kino.

Bagian ini mengasumsikan bahwa Anda memiliki file video yang siap untuk disematkan di halaman web. File .mov yang didownload dari kamera tidak akan berfungsi. Jika Anda hanya memilikinya, lihat Menyiapkan file media untuk web, lalu kembali.

Bagian ini membahas topik-topik tersebut.

  • Dalam 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 tunarungu.
  • Dalam Framework media, Anda akan mempelajari dasar-dasar penggunaan framework media seperti Shaka Player, JW Player, dan Video.js.
  • Pada Pemutaran cepat dengan pramuat audio dan video, Anda akan mempelajari cara mempercepat pemutaran media dengan melakukan pramuat resource secara aktif.
  • Dalam PWA dengan streaming offline, Anda akan mempelajari cara kami membuat PWA demo terbaru yang mampu melakukan streaming adaptif dan pemutaran offline tanpa menggunakan framework. Selain itu, Anda juga dapat bermain-main dengan kode sumber.

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