Sebagai kelanjutan tulisan saya terdahulu, sekarang saya ingin mencoba salah satu fitur HTML5 yaitu Video, dalam hal ini saya mencoba 2 format, yang pertama adalah Ogg Video.

Format video Ogg adalah format yang selalu saya gunakan dalam merender video dari Pitivi dimana hasilnya saya unggah ke youtube.com. Dalam tulisan ini saya menggunakan hasil rekaman Ultah ke 3 anak saya.

eh… omong2 ultah… todays my birthday… 😛

Anyway… browser compatibilty video berformat Ogg adalah sebagai berikut :

  1. Out of the box untuk

– Firefox 3.5+ (sudah saya coba di FF 3.6)

– Opera 10.50 (saya mencoba Opera 10.10 dan tidak berhasil)

– Chrome 3.0+ (sudah saya coba di Chrome 5.0)

  1. Safari perlu menginstal XiphQT

  2. IE perlu menginstal vlc plugin

Format kedua yang saya sediakan adalah MP4, katanya sih browser Safari dan Webkit lainnya di Mac bisa langsung memainkan Video tersebut (mungkin temen2 yang pakai Safari di Mac bisa kasih feedback setelah mencoba tautan di bawah)

Agar kedua format tersebut diproses dengan benar oleh Web Server, telebih dahulu saya memastikan apakah masing2 Mime Type sudah teregister… perintah

wisu@silver:~$ cat /etc/mime.types | grep “ogg|mp4”

memberikan keluaran sebagai berikut

application/ogg ogg ogx

audio/mp4a-latm

audio/ogg oga spx

video/mp4 mp4

video/ogg ogv

video/mp4v-es

ternyata server Hardy Heron saya telah mengenali ogg video dan mp4 tanpa harus melakukan modifikasi.

Langkah berikutnya adalah menempatkan file2 ultahsekar.ogv dan ultahsekar.mp4 serta file video.html berikut

<!DOCTYPE html>

Mencoba HTML5 Video

Mencoba HTML5 Video

ke salah satu direktori di webserver, sehingga hasilnya bisa anda coba pada tautan berikut : Video

Keren juga… hanya sedikti code dan nggak perlu Flash… 😀

Update 8 Feb 2010: Iseng coba akses dari Chrome di Debian Lenny pakai kernel AMD64… lancar jaya… tanpa flash… 😀