Prak 01 – HTML5 Audio Tag

1. Tujuan

Mengenal cara menyajikan file audio menggunakan HTML5

2. Alat

Atom 1.3.2

3. Bahan

Stance Gives You Balance by Hogan Grip download info

4. Dasar Teori

Gunakan pertanyaan berikut untuk menuliskan dasar teori yang relevan

  1. Apa yang dimaksud dengan HTML?
  2. Apa yang dimaksud dengan HTML5?
  3. Apa yang dimaksud dengan HTML Tag?
  4. Apa yang dimaksud dengan HTML5 Audio Tag?
  5. Bagaimana mengendalikan audio menggunakan Javascript? (play, pause, currentTime)

5. Tugas Praktikum

  1. Tampilkan file audio yang diberikan ke dalam sebuah halaman web menggunakan HTML5 Audio Tag
  2. Buat screenrecord yang menunjukkan percobaan tentang manipulasi audio tag melalui Javascript. Diantaranya adalah penggunaan perintah play(), pause(), dan properti currentTime

6. Petunjuk Praktikum

gunakan <audio></audio> tag untuk menyajikan file mp3
kemudian gunakan tag <source> untuk menentukan file mp3 yang ingin dimainkan

untuk mengontrol audio menggunakan javascript DOM. dimulai dengan memberi ID pada tag audio untuk bisa diaccess menggunakan document.getElementByID(). setelah DOM-nya diperoleh, dapat digunakan perintah play(), pause() untuk fungsi play dan pause. dan bisa menggunakan properti currentTime untuk menggeser slidernya.

7. Hasil Praktikum

Tampilkan screen record dari praktikum ini

8. Kesimpulan

Tuliskan hal-hal yang diperoleh dari praktikum ini

9. Referensi

W3C HTML5 Audio Tag
W3C HTML Audio/Video DOM play() method
Atom Text Editor

Leave a Reply

Your email address will not be published. Required fields are marked *