Pengguna menyukai media, terutama video; mereka bisa menyenangkan dan informatif. Pada perangkat seluler, video dapat menjadi cara yang lebih mudah untuk mendapatkan informasi daripada teks. Untuk pengalaman pengguna yang baik, video tidak boleh melebihi bandwidth yang tersedia. Pengguna harus dapat menggunakannya di perangkat apa pun yang mereka gunakan. Pengguna tidak perlu menunggu media didownload. Tidak ada yang suka jika mereka menekan putar dan tidak ada yang terjadi.
Anda yakin telah menonton video di perangkat sendiri, yang berarti tidak ada yang mengejutkan Anda dalam paragraf terakhir. Sekarang Anda perlu mempelajari cara menempatkan video atau {i>file<i} media lainnya di situs web Anda. Persyaratan teknis untuk menambahkan media harus tersedia untuk pengalaman pengguna.
Persyaratan teknis
- Versi file media memiliki format umum yang cocok untuk web dan berisi streaming audio dan video.
- Resolusi tersebut sesuai untuk perangkat pengguna Anda.
- Kecepatan bit tidak membebani bandwidth jaringan pengguna.
- Hasilnya dapat dilihat di semua browser besar yang menggunakan teknologi yang sesuai.
- File dienkripsi (Opsional).
Bagian media di situs ini akan membantu Anda memenuhi persyaratan teknis ini. Jangan khawatir jika konsep ini masih sedikit abstrak. Kami akan menjelaskannya secara bertahap di seluruh artikel. Di bagian pertama, Anda akan mempelajari konsep dasar media, lalu cara menambahkan media ke web di bagian kedua, dan di bagian terakhir penerapan praktis penggunaan media di web dengan beberapa teknik lanjutan.
Menampilkan video di web
Ada empat pendekatan yang dapat Anda lakukan saat menampilkan video di situs.
- Upload video Anda ke penyedia hosting media seperti YouTube atau Vimeo. Opsi ini mengharuskan Anda menyematkan pemain ke dalam situs Anda.
- Penyematan dasar yang dihosting sendiri menggunakan elemen
<video>dan<audio>HTML. - Penyematan berfitur lengkap lainnya menggunakan library video seperti Shaka Player, JW Player, atau Video.js.
- Membangun server media dan aplikasi streaming Anda sendiri.
Situs ini terutama membahas dasar-dasar penyematan media. Namun, kami membahas beberapa topik lanjutan agar Anda dapat mulai membangun aplikasi streaming media sendiri. Upaya untuk melakukannya tidaklah mudah. Oleh karena itu, kami telah membuat PWA Media dengan dukungan offline untuk digunakan sebagai referensi, yang akan menunjukkan cara-cara untuk mencapainya dan seberapa banyak upaya yang diperlukan. Aplikasi ini sama sekali bukan penawaran siap produksi atau pesaing layanan seperti YouTube atau Vimeo, tetapi akan memberi Anda titik awal untuk mempelajari sesuatu yang menantang dan baru.
Sebenarnya, membangun pesaing untuk layanan media yang dihosting akan membutuhkan tim engineer ahli dan ribuan jam kerja manusia. Sebaiknya Anda menggunakan salah satu metode lainnya, kecuali jika tujuan Anda adalah memasuki pasar tersebut sebagai pesaing. Sebaiknya Anda memahami teknologi ini dan meskipun Anda tidak dapat meluncurkan aplikasi atau pemutar video Anda sendiri, ada utilitas dalam mengeksplorasi dan bereksperimen dengan dukungan browser yang canggih, atau setidaknya menggunakan salah satu koleksi video yang ada.
Apa yang akan kita pelajari
Koleksi media memiliki tiga bagian. Di bagian pertama ini, kami akan memberikan konsep dan informasi prasyarat untuk menambahkan media ke situs Anda. Hal ini termasuk menjelaskan cara file media disatukan, dasar-dasar tentang aplikasi yang diperlukan untuk menyiapkan file untuk web, dan konsep streaming. Bagian kedua menjelaskan cara menyiapkan file dan mengonversinya ke berbagai format serta menambahkan enkripsi (opsional). Di bagian terakhir, kami akan menunjukkan cara menyematkan file media di halaman web, membahas praktik terbaik putar otomatis, menggunakan framework media, membuat video menjadi offline, dan membuat video dapat diakses.
Ada banyak hal yang harus dibahas, jadi mari kita mulai dengan Dasar-dasar file media.