Pertemuan 16

 

 Belajar cara memanggil audio dan vidio pada HTML

Elemen `<audio>` dan `<video>` adalah elemen HTML yang digunakan untuk menyematkan dan memutar audio dan video di halaman web.

 Elemen `<audio>`:

Elemen `<audio>` digunakan untuk menyematkan file audio, seperti lagu atau suara, di halaman web. Berikut adalah contoh penggunaannya:

Ini adalah contoh hasilnya:

Penjelasan:

- `controls`: Ini adalah atribut yang menambahkan kontrol pemutaran (seperti play, pause, volume, dll.) ke pemutar audio.

- `<source>`: Ini adalah elemen yang menentukan sumber audio. Dalam contoh di atas, ada dua sumber audio, yaitu "lagu.mp3" dan "lagu.ogg", dengan tipe MIME yang berbeda (MP3 dan Ogg Vorbis).

- Teks di dalam tag terakhir ("Browser Anda tidak mendukung elemen audio.") akan ditampilkan jika browser tidak dapat memutar file audio tersebut.

Penjelasan:

- `controls`: Seperti pada elemen `<audio>`, ini adalah atribut yang menambahkan kontrol pemutaran ke pemutar video.

- `width` dan `height`: Ini adalah atribut yang menentukan dimensi video dalam piksel.

- `<source>`: Seperti pada elemen `<audio>`, ini adalah elemen yang menentukan sumber video. Dalam contoh di atas, ada dua sumber video, yaitu "video.mp4" dan "video.webm", dengan tipe MIME yang berbeda.

Kedua elemen `<audio>` dan `<video>` juga mendukung atribut lainnya untuk mengontrol perilaku dan tampilan, seperti `autoplay` untuk memulai pemutaran otomatis, `loop` untuk mengulang pemutaran secara terus menerus, dan lain sebagainya.

Dengan menggunakan elemen `<audio>` dan `<video>`, Anda dapat menyematkan dan memutar file audio dan video di halaman web Anda dengan mudah. Pastikan menyediakan format file yang berbeda (seperti MP3 dan Ogg Vorbis untuk audio, dan MP4 dan WebM untuk video) untuk memastikan kompatibilitas dengan berbagai browser.