Diskusi singkat tentang skema pemutaran video online berdasarkan HTML5

Artikel ini terutama memperkenalkan skema pemutaran video online berdasarkan HTML5, membahas masalah terkait seperti pengkodean dan dukungan browser. Teman yang membutuhkannya bisa merujuknya

Sekarang di era khusus ini: Flash akan mati, masalah historis Microsoft dan IE, standar HTML5 tidak pasti, perselisihan antara Apple dan sumber tertutup Google dan open source, tren umum internet seluler, dan pertempuran browser sendiri ... ini semua mengarah pada pengembang web yang cukup bingung ketika merancang solusi video. Artikel ini berfokus pada topik ini untuk membahas teknologi, prinsip, dan alat terkait.

Banyak orang mengira penyandian dan format untuk hal yang sama, dan sering menggunakan akhiran file video untuk secara unik menentukan tingkat dukungan file video. Faktanya, untuk meringkasnya dalam satu kalimat, sufiks file dari sebuah video (dengan asumsi tidak ada modifikasi berbahaya dari akhiran) sebenarnya mewakili format enkapsulasi, sedangkan algoritma pengkodean video atau audio tidak memiliki hubungan langsung dengan format enkapsulasi itu sendiri: format enkapsulasi yang sama (mis. Suffix yang sama) Cankapsule Video yang berbeda. Video yang berbeda. Video yang berbeda. Video yang berbeda. Video yang berbeda. Apakah perangkat pemutaran video atau perangkat lunak mendukung pemutaran video tidak hanya tergantung pada format pengemasan, tetapi juga pada algoritma pengkodean. Mengenali ini adalah dasar untuk pemahaman dan masalah pemecahan masalah.

Format enkapsulasi menentukan semua konten video, termasuk gambar, suara, subtitle, kontrol sistem, dll., Di antaranya gambar dan suara adalah yang paling kritis.

MPEG adalah organisasi internasional yang mendefinisikan spesifikasi video. MPEG-1 dan MPEG-2 yang pernah mereka luncurkan sebenarnya adalah VCD dan DVD terkenal, tetapi ini semua adalah hal kuno. Mari kita lihat spesifikasi MPEG-4 yang terkait dengan topik artikel ini.

Spesifikasi MPEG-4 menentukan bahwa sufiks file bernama .mp4, dan saat ini mencakup tiga pengkodean gambar dan algoritma kompresi: XVID/DIVX/AVC (H.264), di antaranya XVID dan DIVX juga dapat secara kolektif disebut MPEG-4 Bagian 2 atau MPEG-4 Visual, sementara H.264 yang lebih terkenal dan AVC adalah H.2 yang lebih terkenal. Audio adalah AAC. Konten berikut tentang kompatibilitas berasal dari Wikipedia dan format pabrik dan tes penulis:

Browser Android: Mendukung Divx dan AVC, XVID seharusnya tidak mendukungnya

iPhone dan iPad (iOS): Dukungan Divx dan AVC, XVID tidak mendukung

Chrome: Mendukung AVC, tidak mendukung DIVX dan XVID. Google mengumumkan pada awal 2011 bahwa mereka akan menghapus dukungan browser Chrome untuk AVC (H.264) karena masalah lisensi. Tetapi sampai versi saat ini, AVC masih didukung. Selain itu, setelah pengujian yang sebenarnya, jika Divx dan AAC dikemas dalam MP4, Chrome dapat bermain, tetapi hanya suara (AAC).

Firefox dan Opera: Karena masalah lisensi, Firefox dan Opera secara bertahap mendukung dukungan untuk AVC. Penulis menguji AVC di Firefox terbaru dan masih dapat bermain (penjelasan Wikipedia adalah bahwa itu mungkin terkait dengan sistem itu sendiri yang memiliki dekoder); Adapun DivX dan XVID, hasil tes penulis di bawah Firefox tidak didukung. Dilihat dari daftar kompatibilitas Wikipedia, Opera memiliki dukungan yang buruk untuk AVC.

IE: IE11 penulis dapat mendukung AVC, tetapi tidak mendukung Divx dan XVID

Advokasi Webm

Karena masalah lisensi AVC (H.264), kamp open source yang dipimpin oleh Chrome, Firefox, dan Opera telah mulai mengguncang dukungan untuk AVC. Meskipun browser ini masih dapat mendukung AVC, mereka juga cenderung ke arah proyek multimedia open source yang disebut WebM, yang mencakup pengkodean video open source baru dan solusi codec yang disebut VP8. Saat ini, VP8 telah berkembang menjadi VP9. Webm sebagai format yang dienkapsulasi memiliki akhiran .Webm dan jenis video MIME/Webm. Dalam hal audio, vorbis/opus dapat digunakan. Dalam hal kompatibilitas, chrome, firefox, dan opera memiliki kompatibilitas yang sangat ideal untuk VP8, tetapi Safari dan IE hampir tidak dapat mendukungnya.

OGG hampir sama dengan Webm, open source dan banyak didukung pada platform open source. Skema pengkodean videonya disebut Theora (dikembangkan oleh VP3, dikembangkan oleh XIPH.org Foundation, dan dapat digunakan dalam format paket apa pun), dan audio adalah Vorbis. Suffix biasanya .ogv atau .ogg, dan tipe mime adalah video/ogg. Dalam hal kompatibilitas, Chrome, Firefox, dan Opera dapat mendukungnya (tetapi Opera tidak dapat mendukungnya di platform seluler), tetapi Safari dan IE hampir tidak dapat mendukungnya.

Premis aktual dari diskusi di atas adalah: Video didasarkan pada solusi HTML5 <Video>. Sekarang mari kita ringkas kompatibilitas:

*IE9 VP8 hanya dapat didukung jika pengguna telah menginstal VP8 Codec.

‡ Google Chrome mengumumkan pengabaian H.264 pada tahun 2011, tetapi belum terpenuhi. Dapat dilihat bahwa arus utama masih MP4 (AVC), tetapi untuk menyelesaikan goyangan kamp open source atas AVC, Anda dapat memilih untuk menggunakan solusi multi-sumber video untuk memberikan dukungan tambahan untuk WebM atau OGG berdasarkan AVC: