Langsung ke konten utama

Format File Video dan Animasi Aplikasi Web

Untuk menampilkan video pada halaman web dapat ditangani secara langsung oleh HTML5. Tag yang digunakan untuk menampilkan video adalah <video> </video>. Namun tidak semua format videonya dapat ditampilkan di web. Sementara ini, hanya beberapa format video yang bisa diproses, di antaranya adalah WebM ,OGG , MP4. Berikut daftar ke kompabilitasan dari masing-masing browser terhadap file video.
image
Dari tabel di atas dapat dilihat bahwa bila saat meletakan file mp4 di web yang kita buat, akan ada beberapa orang yang tidak bisa memutar hasil embed mp4 di web yan telah kita buat tersebut. Hal tersebut bisa jadi disebabkan browser yang digunakan tidak support pada file berekstensi mp4. Bila anda hendak menampilkan video pada halaman web sedangkan file video yang anda miliki berformat seperti *.avi, maka video dengan format *.avi tersebut harus dikonversi terlebih ke format yang didukung oleh HTML5 dengan menggunakan program gratis atau melalui layanan situs web.
Contoh program yang dapat mengkonversi format video adalah :
 Miro Video Converter dapat diunduh secara gratis atau melalui layanan www.microvideoconverter.com .
 FormatFactory  di unduh gratis di http://format-factory.en.softonic.com
 http://video.online-convert.com  layanan konversi secara online
MIME untuk format VideoMIME (Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah menterjemahkan konten yg diterima. Tidak hanya pada web, email juga menggunakan MIME. Berikut adalah tipe mime untuk format video.
image
Menyajikan file Video pada tampilan web
File video seperti mp4 dapat dimainkan pada halaman web melalui tag<video> < /video>. Ketika mencoba menjalankan video pada halaman web , file video ditempatkan dalam satu folder yang sama dengan file *.htm dan nama file audio nya disesuaikan dengan file audio yang anda gunakan.Berikut adalah format lengkap untuk memainkan video ke dalam aplikasi web
image
image
Atribut Height dan Width dalam tag <video> digunakan untuk menentukan tinggi dan lebar penampilan video. Atribut Src menentukan file video. Bila listing program diatas dijalankan akan menghasilkan tampilan video di browser chrome . Tekan tombol play untuk memulai menjalankan videonya
image
Gambar 13.1 video pada tampilan web menggunakan browser chrome
Bila dijalankan akan menghasilkan tampilan video di browser mozilla firefox, video tidak akan muncul hal ini dikarenakan browser mozilla firefox tidak mendukung format file *.mp4.

Komentar

Posting Komentar

Postingan populer dari blog ini

Puisi Tentang Sepeda Motor

RODA DUA oleh Imas Khaerunni'am Di jalanan terbuka, roda dua berputar, Melaju dengan gagah, menyusuri dunia yang luas. Dua roda berpadu, menjadi satu kesatuan, Menghadapi tantangan, tak pernah berhenti melaju. Mesin berdentum, bergema di antara aspal dan angin, Membawa penjelajah menuju tempat baru yang mempesona. Roda yang berputar, melangkah dengan lincah dan gesit, Mengukir jejak di tanah, mengejar mimpi yang kian dekat. Roda dua, senjata bagi pencinta petualangan, Menembus jalur yang tak terjamah dan terpencil. Melintasi pegunungan tinggi dan jalan yang sempit, Merasakan kehidupan di setiap hembusan nafas yang dalam. Di setiap tikungan, roda dua berdansa, Seperti melukis garis hidup yang penuh warna. Memacu adrenalin, membebaskan hati yang terkekang, Roda dua, menyampaikan pesan keberanian tanpa kata-kata. Terima kasih, roda dua, sahabat perjalanan yang sejati, Atas penga
Posting Komentar
Baca selengkapnya

Radar Multimedia

Adobe Premiere Pro Adobe Premiere Pro adalah sebuah program penyunting video berbasis non-linier (non-linear editor / NLE) dari Adobe Systems. Itu adalah salah satu produk software dari Adobe Creative Suite, tetapi juga bisa dibeli personal. Bahkan kalau dibeli personal, itu termasuk Adobe Encore dan Adobe OnLocation. Walaupun yang dua versi pertama hanya tersedia untuk Windows, versi CS3 tersedia baik untuk Windows maupun Mac OS X. CS3 tersedia dalam Bahasa Inggris, Bahasa Prancis, Bahasa Jerman, Bahasa Jepang, Bahasa Italia, dan Bahasa Spanyol. Adobe Premiere Pro merupakan program pengolah video pilihan bagi kalangan profesional, terutama yang suka bereksperimen. Program ini banyak digunakan oleh perusahaan Pembuatan Film/Sinetron, Broadcasting, dan Pertelevisian. Salah satunya adalah BBC [2] dan The Tonight Show [3] Itu sudah sering digunakan untuk film-film, seperti Dust to Glory, Captain Abu Raed,[4] dan Superman Returns,[5] dan untuk tempa
Posting Komentar
Baca selengkapnya

Jangan Lewatkan! Pentingnya Program Bootcamp untuk Meningkatkan Karier dan Mengembangkan Keterampilan Baru!

Sekarang, program Bootcamp menjadi semakin populer di kalangan fresh graduate maupun mereka yang ingin beralih karier. Program ini tidak hanya memberikan keterampilan teknis yang dibutuhkan untuk memasuki pasar kerja, tetapi juga membawa manfaat lainnya seperti kesempatan untuk belajar dari para ahli, memperluas jaringan, dan mengembangkan keterampilan baru. Inilah mengapa penting untuk tidak melewatkan kesempatan ini. Yuk, simak penjelasan lebih lanjut dari Kha Pedia tentang apa itu Bootcamp dan manfaatnya! Apa itu Bootcamp? Bootcamp adalah program pelatihan intensif yang dirancang untuk mempersiapkan peserta dengan keterampilan yang relevan dalam bidang karier tertentu. Awalnya, bootcamp umumnya terkait dengan bidang IT, seperti bootcamp coding. Namun, seiring waktu, jenis bootcamp telah berkembang untuk mencakup berbagai bidang keahlian, seperti Digital Marketing, Administrasi, UI/UX, SEO, Copywriting, dan lainnya. Bagi yang tertarik mengikuti Bootcamp, kalian bisa memi
Posting Komentar
Baca selengkapnya