HTML5 Audio Tag

Prak 1 – HTML5 Audio Tag

I.            TUJUAN

Mengenal cara menyajikan file audio menggunakan HTML5

II.            ALAT DAN BAHAN

Notepad++

III.            DASAR TEORI

HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan. Meskipun HTML5 telah dikenal luas oleh para pengembang web sejak lama, HTML5 baru mencuat pada April 2010 setelah CEO Apple Inc., Steve Jobs, mengatakan bahwa dengan pengembangan HTML5, "Adobe Flash sudah tidak dibutuhkan lagi untuk menyaksikan video atau menyaksikan konten apapun di web".

Tag merupakan suatu pasangan yang terdiri 2 bagian yang disebut dengan tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> dan tag akhir ddinyatakan dalam bentuk </nama tag>. Format penulisan suatu tag adalah sebagai berikut :

<nama tag> ... </nama tag>

Contoh :

<audio> Teks yang akan ditampilkan </audio>

Sedangkan atribut adalah suatu karakteristik yang menyertai/ada di dalam suatu tag awal. Tag awal dapat memiliki lebih dari satu atribut yang menyatakan karakteristik dari tag tersebut. Format penulisan atribut dalam suatu tag bisa dituliskan seperti ini <tag atribut1="value" atribut2="value" ... > dan ditutup dengan tag akhir yaitu </tag>.

Kemudian untuk mengontrol audio menggunakan javascript DOM. Dimulai dengan memberi ID pada tag audio untuk bisa diakses menggunakan document.getElementById(). Setelah itu dapat menggunakan perintah play(), pause() untuk fungsi play dan pause, dan bisa menggunakan perintah currentTime=0 untuk mereset audio.

IV.            HASIL PRAKTIKUM

          1. HTML5 Audio Tag

          2. Audio Tag Melalui Javascript

V.  KESIMPULAN

      Dari praktikum diatas, praktikum 1 dengan HTML5 menggunakan elemen <audio></audio> yang diikuti dengan letak audio yang akan di upload. 

      Sedangkan pada praktikum 2 dengan JavaScript menggunakan ".play" untuk fungsi play , ".pause" untuk fungsi pause dan ".currentTime=0" untuk fungsi reset.

REFERENSI :
http://www.mohhasbias.com/prak-01-html5-audio-tag/