Pengguna menyukai media, terutama video; media dapat menjadi menyenangkan dan informatif. Di perangkat seluler, video dapat menjadi cara yang lebih mudah untuk mengonsumsi informasi daripada teks. Untuk pengalaman pengguna yang baik, video tidak boleh memerlukan lebih dari bandwidth yang tersedia. Pengguna harus dapat menggunakannya, apa pun perangkat yang digunakan untuk melihatnya. Pengguna tidak perlu menunggu media didownload. Tidak ada yang suka saat mereka menekan putar dan tidak ada yang terjadi.
Anda pasti telah menonton video di perangkat Anda sendiri, yang berarti tidak ada yang mengejutkan Anda dalam paragraf terakhir tersebut. Sekarang Anda perlu mempelajari cara menempatkan video atau file media lainnya di situs Anda sendiri. Persyaratan teknis untuk menambahkan media harus mendukung pengalaman pengguna.
Persyaratan teknis
- Versi file media dalam format umum yang cocok untuk web dan berisi streaming audio dan video.
- Resolusi sesuai untuk perangkat pengguna Anda.
- Kecepatan bit tidak membebani bandwidth jaringan pengguna Anda.
- Hasilnya dapat dilihat di semua browser utama 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 semua artikel. Di bagian pertama, Anda akan mempelajari konsep dasar media, lalu cara menambahkan media ke web di bagian kedua, dan di bagian terakhir, aplikasi praktis, dengan beberapa teknik lanjutan, menggunakan media di web.
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 pemutarnya di dalam situs.
- Penyematan dasar yang dihosting sendiri menggunakan elemen
<video>dan<audio>HTML. - Penyematan yang lebih lengkap menggunakan library video seperti Shaka Player, JW Player, atau Video.js.
- Membuat server media dan aplikasi streaming Anda sendiri.
Situs ini terutama membahas dasar-dasar penyematan media. Namun, kami membahas beberapa topik lanjutan untuk membantu Anda memulai proses pembuatan aplikasi streaming media Anda sendiri. Upaya untuk melakukannya tidaklah mudah, jadi kami telah membuat PWA Media dengan dukungan offline untuk digunakan sebagai referensi, yang akan menunjukkan cara melakukannya dan seberapa banyak upaya yang diperlukan. Aplikasi ini bukan merupakan penawaran siap produksi atau pesaing untuk layanan seperti YouTube atau Vimeo, tetapi akan memberi Anda titik awal untuk mempelajari sesuatu yang menantang dan baru.
Sejujurnya, membuat pesaing untuk layanan media yang dihosting akan memerlukan tim engineer ahli dan ribuan jam kerja manusia. Kecuali jika tujuan Anda adalah memasuki pasar tersebut sebagai pesaing, sebaiknya gunakan salah satu metode lain. Sebaiknya pahami teknologi ini dan meskipun Anda mungkin tidak meluncurkan aplikasi atau pemutar video Anda sendiri, ada manfaat dalam menjelajahi dan bereksperimen dengan dukungan browser yang canggih, atau setidaknya menggunakan salah satu library video yang ada.
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 mencakup penjelasan tentang cara file media digabungkan, 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 secara opsional menambahkan enkripsi. 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 Anda dapat diakses.
Ada banyak hal yang perlu dibahas, jadi mari kita mulai dengan Dasar-dasar file media.