Video dan Audio HTML5

VIDEO

•  Digunakan untuk memasukkan video, misalnya ingin memutar video kedalam halaman web.

•  Pada versi HTML sebelumnya untuk memutar video pada sebuah web menggunakan plugins tambahanyang biasa disebut flash Player.

• Tag Video Pada HTML5, setidaknya ada 3 jenis format videoyang mendukung yaitu :
• •  Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)
  •  MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)
  •  WebM(File WebM dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm) 
   
• Apabila anda mempunyai video dengan format video bukan ogg, mp4, dan webm. Anda bisa menggunakan aplikasi video converter salah satunya miro video converter.
•  Tag <video>
•  Sintaks Penulisanya :
  <video src="judulvideo.ogg" controls="controls">
  </video>
  atau
  <videocontrols="controls"> <source src="judulvideo.webm" type="video/webm"></video>

ATRIBUT PADA TAG <VIDEO>

CONTOH TAG <VIDEO>

AUDIO 

•  Digunakan untuk memasukkan suara/audio, misalnya ingin memutar lagu kedalam halaman web.

•  Ketika di generasi sebelumnya (HTML 4.01) memasukkan audio ke dalam web masih harus menggunakan flash.

•  Tag Audio Pada HTML5, setidaknya ada 3 jenis format audioyang mendukung yaitu:Ogg, MP3, Wav.

•  Tag <audio>

•  Sintaks Penulisanya : <audio controls="controls"><source src="judullagu.mp3" type="audio/mp3"></audio>

ATRIBUT PADA TAG <AUDIO>

CONTOH TAG <AUDIO>

INPUT FORM BARU DI HTML5

•  Macam -macam jenis input form baru di HTML5 yaitu:

1. email
2. url
3. number
4. range
5. Date pickers (date, month, week, time,
   datetime, datetime-local)
6. search
7. color
8. tel (tipe ini belum support jadi tidak ada perubahan)

•  Sintaks Penulisanya :

<input type="jenis"/>

CONTOH INPUT FORM

VALIDATOR 

•  http://validator.w3.org/

•  Digunakan untuk mengecek validasi atau kebenaran kode HTML web anda.