Cara menambahkan Audio atau Video ke dalam postingan tanpa mentransfer data dari pihak ke tiga
Mungkin bagi sebagian kita, untuk menampilkan sebuah audio maupun Video pada postingan blog selalu mentransfer data dari pihak ke tiga. Misalnya saja, Untuk menampilkan Video di Blog, Kita butuh menyisipan kode embed yang di ambil dari Youtube atau web penayang video sejenisnya. Begitu juga Pemutar file Audio.
Bicara soal Praktis, Ya jelas ini cukup praktis. Tapi hal ini akan menggunakan beban data 2 hingga berkali-kali lipat dari data yang seharusnya. Kenapa bisa saya simpulkan kalau beban data yang di tanggung lebih banyak?
Satu karena beban data yang di gunakan untuk pemutar file dan satunya lagi untuk mengunggah file yang akan di putar ke dalam pemutarnya. Belum lagi jika pemutar tersebut menggunakan Script tambahan, apakah itu yang di gunakan untuk menanyangkan iklan atau yang lainnya.
Sangat jarang saya menemukan sebuah blog yang menggunakan tag Audio maupun Video dalam postingan blognya.
Langsung saja, Tag audio dan Video sama-sama di dukung dalam HTML 5 dan juga bisa di tampilan pada semua browser utama. Untuk Google Chrome hanya butuhkan versi 4.0+, Internet Explorer versi 9.0+, Mozilla Firefox versi 3.5+, Safari versi 4.0+ dan Opera versi 10.5+.
Dan yang akan jadi pembeda hanyalah mendukung atau tidaknya browser yang di gunakan terhadap file yang akan di tayangkan.
Tag Audio
Tag Audio. Tag Audio mendukung 3 jenis format file yakni MP3, WAV dan OGG. Untuk format MP3, semua browser utama seperti Google Chrome, Internet Explorer, Mozilla Firefox, Safari dan Opera dapat mengeksekusinya. Untuk format WAV, hanya Internet Explorer yang tidak mendukungnya. Dan Format OGG juga tidak di dukung Oleh Internet Explorer termasuk Safari.
Contoh penulisan tag audio,
<audio controls> <source src="audio.ogg" type="audio/ogg"> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.wav" type="audio/wav"> </audio>
Contohnya,
Tag Video
Tag Video. Tag Video juga tidak berbeda jauh dengan Tag Audio. Tag Video juga mendukung 3 jenis format file yakni MP4, WebM dan OGG. Untuk format MP4, semua browser utama seperti Google Chrome, Internet Explorer, Mozilla Firefox, Safari dan Opera juga dapat mengeksekusinya. Namun format ini hanya akan di dukung pada Firefox versi 21+ dan versi 30+ jika menggunakan OS Linux. Dan untuk Opera di butuhkan Opera Versi 25+. Untuk format WebM dan OGG, hanya Internet Explorer dan Safari yang tidak mendukungnya.
Contoh penulisan tag Video,
<video controls> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> <source src="video.webm" type="video/webm"> </video>
Contohnya,
Menggunakan Tag Audio maupun Video seperti ini jelas akan mempercepat loading halaman karena beban data hanya fokus ke file yang akan di tayangkan saja.
Semoga berguna!
0 komentar:
Post a Comment
Kolom komentar tersedia hanya untuk diskusi dan bukan sarana untuk promosi.
Komentar menggunakan media sosial seperti Facebook dan lain-lain sengaja di nonaktifkan karena sering di salahgunakan.
Mohon untuk tidak menyisipkan link promosi pada kolom komentar.