Pernahkah Anda menginginkan cara yang menyenangkan dan menarik untuk memublikasikan video di situs Anda sendiri seperti aplikasi 60 Minutes atau RedBull.tv baru dari Chrome Web Store? Dengan senang hati kami umumkan rilis aplikasi web Contoh Pemutar Video. Contoh Pemutar Video adalah aplikasi web pemutar video open source yang dibuat menggunakan arsitektur yang sama dengan aplikasi 60 Minutes dan RedBull.tv. Aplikasi ini dapat disesuaikan, diperluas, atau digunakan langsung dan diisi dengan konten Anda sendiri.
Cara kerjanya
Saat pengguna membuka Contoh Pemutar Video, mereka dapat memilih untuk menonton satu video atau membuat playlist video/episode dari daftar yang telah mereka upload dan isi ke aplikasi. Contoh Pemutar Video dikonfigurasi dan informasi tentang video disimpan dalam file JSON (masing-masing config.json dan data.json), yang keduanya terletak di direktori data.
Fitur utama
- Pengalaman menonton video yang indah, termasuk tampilan layar penuh
- Kemampuan untuk berlangganan acara, menonton episode, membuat playlist
- Dukungan untuk beberapa format video bergantung pada format yang didukung browser pengguna (termasuk WebM, Ogg, MP4, dan bahkan penggantian Flash)
- Halaman Kategori dengan ringkasan berbagai acara/kategori yang tersedia di aplikasi
- Notifikasi episode baru (saat aplikasi diinstal melalui Chrome Web Store)
- Dukungan bawaan untuk berbagi ke Google+, Twitter, dan Facebook
- Untuk memastikan penyesuaian yang mudah, semua file sumber, termasuk PSD Photoshop, disertakan
Cara pembuatannya
Contoh Pemutar Video ditulis untuk platform web terbuka menggunakan HTML dan JavaScript, yang secara luas mengikuti pola dan struktur Model View Controller.
- Library ini dibuat menggunakan library JavaScript Google Closure open source
- Dikompilasi dengan Closure Compiler
- Didistribusikan melalui Chrome Web Store untuk memanfaatkan notifikasi
Dukungan Browser
Selain berfungsi sebagai aplikasi yang dapat diinstal melalui Chrome Web Store, Contoh Pemutar Video telah diuji dan berfungsi di semua browser modern.
Cobalah
Anda dapat melihat demo cara kerja pemutar video di aplikasi demo. Untuk mempelajari lebih lanjut cara kerja aplikasi, lihat dokumentasi.
Anda dapat mengambil kode dari Kode Google.
Selamat menikmati!