Kadang kita menginginkan dokumen HTML ditambah ditambah dengan berbagai objek multimedia, yaitu objek-objek yang terdiri atas citra atau gambar, suara dan video. Untuk itu, pada artikel kali ini akan diberikan contoh bagaimana cara menambahkan objek-onjek tersebut didalam HTML.
  • Menambahkan Video

Apabila anda ingin menambahkan video pada halaman website yang dibuat, anda dapat melakukannya dengan menggunakan perintah berikut :

<video width=”320” height=”240” controls>
<source src=”movie.mp4” type=”video/mp4”>
Your browser does not support the video tag.
</video>

Simpan file video dan program HTML anda dalam satu folder yang sama.
  • Menambahkan Suara

Selain video, anda juga dapat menambahkan suara pada halaman HTML. Berikut contoh bagaimana cara menambahkan file suara tersebut :

<audio controls>
<source src=”horse.ogg” type=audio/ogg>
<source src=”horse.omp3” type=audio/mpeg>
Your browser does not supported the audio tag.
</audio>

Simpan file suara dan program HTML anda dalam satu folder yang sama.
  • Menambahkan Background Suara

Dengan menggunakan HTML, memungkinkan bagi anda apabila ingin menambahkan suara yang tampil ketika sebuah halaman sedang di akses atau dibuka.

<audio autoplay id=”bgsound”>
<source src=http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4 type=”audio/mp4”>
<source src=http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga type=”audio/ogg; codecs=vorbis”>
<p>Your user agent does not support the HTML5 Audio element.</p>
</audio>
<button type=”button” onclick=”document.getElementById(‘bgsound’).pause();”>
Stop background sound
</button>