Pengguna menyukai media, terutama video; karena menyenangkan dan informatif. Di perangkat seluler, video dapat menjadi cara yang lebih mudah untuk mendapatkan informasi daripada teks. Untuk mendapatkan pengalaman pengguna yang baik, video tidak perlu melebihi bandwidth yang tersedia. Pengguna harus dapat menggunakannya, apa pun perangkat yang mereka gunakan. Pengguna tidak perlu menunggu media didownload. Tidak ada yang suka ketika mereka menekan {i>play<i} dan tidak ada yang terjadi.
Anda tentu saja menonton video di perangkat sendiri, yang berarti tidak ada hal yang mengejutkan Anda dalam paragraf terakhir. Sekarang Anda perlu belajar cara menempatkan video atau {i>file<i} media lain di situs web Anda sendiri. Persyaratan teknis untuk menambahkan media harus sesuai dengan pengalaman pengguna.
Persyaratan teknis
- Versi file media memiliki format yang umum untuk web dan berisi streaming audio dan video.
- Resolusi sudah sesuai untuk perangkat pengguna Anda.
- Kecepatan bit tidak membebani bandwidth jaringan pengguna Anda.
- Hasilnya dapat dilihat di semua browser besar yang menggunakan teknologi yang sesuai.
- File dienkripsi (Opsional).
Bagian media di situs ini akan membantu Anda mencapai persyaratan teknis tersebut. Jangan khawatir jika konsep ini masih agak abstrak. Kami akan menjelaskannya secara progresif 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 tentang penerapan praktis, dengan beberapa teknik lanjutan, dalam 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 situs.
- Penyematan dasar yang dihosting sendiri menggunakan elemen
<video>dan<audio>HTML. - Penyematan berfitur lebih lengkap menggunakan koleksi video seperti Shaka Player, JW Player, atau Video.js.
- Membangun server media dan aplikasi streaming Anda sendiri.
Sebagian besar situs ini membahas dasar-dasar penyematan media. Namun, kami membahas beberapa topik lanjutan untuk membantu Anda memulai pembuatan aplikasi streaming media Anda sendiri. Upaya untuk melakukan hal ini tidaklah mudah, jadi kami membuat PWA Media dengan dukungan offline untuk digunakan sebagai referensi, yang akan menunjukkan kepada Anda cara mencapainya dan seberapa besar upaya yang diperlukan. Aplikasi ini sama sekali bukan penawaran siap produksi atau pesaing layanan seperti YouTube atau Vimeo, tetapi aplikasi ini akan memberi Anda titik awal untuk mempelajari sesuatu yang menantang dan baru.
Sejujurnya, membangun pesaing untuk layanan media yang dihosting akan membutuhkan tim engineer ahli dan ribuan jam kerja manusia. Kecuali jika tujuan Anda adalah untuk memasuki pasar tersebut sebagai pesaing, sebaiknya Anda menggunakan salah satu metode lainnya. Ada baiknya jika Anda memahami teknologi ini, dan meskipun Anda tidak dapat meluncurkan aplikasi atau pemutar video sendiri, ada manfaatnya untuk menjelajahi dan bereksperimen tentang kecanggihan dukungan browser, 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. Informasi ini mencakup 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 secara opsional. Di bagian terakhir ini, kami akan menunjukkan cara menyematkan file media di halaman web, membahas praktik terbaik putar otomatis, menggunakan framework media, merekam video ke offline, dan membuat video Anda dapat diakses.
Ada banyak hal yang perlu dibahas, jadi mari kita mulai dengan Dasar-dasar file media.