Praktikum 1
HTML Audio Tag
Tujuan
Mengenal cara menyajikan file
audio menggunakan HTML5
Dasar Teori
HTML
Hyper Text Markup Language (HTML) adalah
sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan
berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan
hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi.
HTML5
HTML Tag
Fungsi Tag HTML adalah untuk
membuat tampilan WEB yg kita buat menjadi lebih menarik. Tag HTML adalah kata kunci (nama
tag) yang dikelilingi oleh kurung sudut seperti <html>.
Tag HTML biasanya berpasangan seperti <b> dan</b>. Tag pertama dalam
pasangan adalah tag awal, tag kedua adalah tag akhir. Tag
akhir ditulis seperti tag awal, dengan garis miring sebelum nama
tag. Tag awal dan tag akhir juga disebut tag pembuka dan tag
penutup. Format tag HTML, yaitu <namatag> isi/konten</namatag>.
Tugas 1 - Menambahkan Audio Tag HTML
Tugas 1 - Menambahkan Audio Tag HTML
Analisa : Dalam menyajikan audio di web pada percobaan ini yaitu
menggunakan tag <audio> di awal
dan menutupnya dengan </audio>di
akhir sedangkan untuk menampilkannya menggunakan perintah tambahan controls pada tag audio atau dapat ditulis
<audio controls>. <Source>
disini berguna untuk mencari atau memanggil file audio mp3 dimana file tersebut
berada.
Tugas 2 - Menambahkan Audio Tag Melalui Javascript
Analisa : Pada perccobaan 2 ini dapat di analisa, bahwa selain
menggunakan fasilitas yang disediakan oleh HTML5 dalam penyajian file audio,
kita juga dapat menambahkan button untuk memberikan pilihan play list seperti
play, pause, dan reset yaitu dengan menambahkan perintah javascript pada file
html kita. Tag yang di pilih untuk mengawali javascript ini adalah tag
<script> di awal dan ditutup dengan </script> di akhir. Javascrip
ini berguna untuk mengontrol audio selain menggunakan formad yang disediakan
HTML5. Agar javascript dapat di akses
maka dapat menggunakan document.getElementByID(
) ID pada tag audio di awal
sedangkan untuk menggeser slider pada pemutar audio dapat menggunakan perintah currentTime seperti tugas 1 di atas.
Kesimpulan
Berdasarkan percobaan yang telah dilakukan di atas, maka
dapt di peroleh kesimpulan bahwa untuk menyajikan file audio mp3 dapat
menggunakan tag <audio> pada HTML5 serta tag <source> untuk
menentukan file mp3 yang ingin di mainkan. Selain mengendalikan audio melaui
HTML5, dapat juga menggunakan javascript dengan membuat pilihan atau button
play, pause, currentTime.