HTML5 adalah versi kelima dari HTML standar yang pertama kali diciptakan pada tahun 1990. HTML5 hingga bulan September 2011 ini masih dalam tahap pengembangan. HTML5 ini diharapkan dapat memperbaiki teknologi HTML sehingga mendukung teknologi multimedia terbaru serta lebih mudah dimengerti oleh manusia maupun mesin. Meski masih dalam tahap pengembangan, perlu kiranya kita mengenal HTML5 ini. Berikut muchad sajikan coding-coding menarik di HTML5.
<html> <body> Ini contoh Video<br />
<video width="320" height="240" controls="controls"> <source src="http://img.muchad.com/film.mp4" type="video/mp4" /> <source src="http://img.muchad.com/film.ogg" type="video/ogg" /> <source src="http://img.muchad.com/film.webm" type="video/webm" /> Browser Anda tidak mendukung Video Tag. </video> <br /><br /> Ini contoh Audio<br /> <audio controls="controls"> <source src="http://img.muchad.com/song.ogg" type="audio/ogg" /> <source src="http://img.muchad.com/song.mp3" type="audio/mpeg" /> Browser Anda tidak mendukung Elemen Audio. </audio> <br /><br /> Contoh Input<br /> <form action="" method="get"> Homepage: <input type="url" name="user_url" /><br /><br /> <input type="submit" /> </form> <br /><br /> <form action="" method="get"> E-mail: <input type="email" name="user_email" /><br /><br /> <input type="submit" /> </form> </body> </html>Tampilan dari coding di atas adalah sebagai berikut:
Ini contoh Video
Ini contoh Audio
Contoh Input
Mudah kan
Ya berkat HTML5 kita lebih mudah memasukkan video maupun lagu layaknya coding memasukkan gambar. Selamat mencoba.
Contoh file video dan suara peroleh dari Wikipedia.
INGAT! Untuk video dan suara tidak semua browser mendukung berikut listnya:
| Format Video | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
| Format Audio | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
|---|---|---|---|---|---|
| Ogg Vorbis | No | Yes | Yes | Yes | No |
| MP3 | Yes | No | No | Yes | Yes |
| Wav | No | Yes | Yes | Yes | Yes |
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.