on

Prak 01 – HTML5 Audio Tag


1. Tujuan

Mengenal cara menyajikan file audio menggunakan HTML5

2. Alat

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 menggunakandocument.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

1. HTML5

2. JS



8. Kesimpulan

-HTML5 memiliki atribut <audio></audio>
-Javascript memiliki atribut play, pause, dan reset tersendiri.
9. Referensi

Comments

Post a Comment