Prak 02 – HTML5 Audio Player Skin

1. Tujuan

Mengubah tampilan HTML5 Audio Player menggunakan CSS

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

Buatlah tombol custom dan tampilan custom

6. Petunjuk Praktikum

gunakan plain CSS untuk memodif tampilan dari button yang ada.
boleh menggunakan bootstrap CSS untuk layouting.
boleh menggunakan font-awesome atau material-icon untuk icon pada tombol play dan pause.

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
Create a Customized HTML5 Audio Player

Leave a Reply

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