HTML5 Audio Player

Prak 2 – HTML5 Audio Tag

I.            TUJUAN

Mengenal cara menyajikan file audio menggunakan HTML5

II.            ALAT DAN BAHAN

Notepad++

III.            DASAR TEORI

HTML5, CSS, Javascript
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".

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.
Sedangkan Cascading Style Sheet (CSS) adalah bahasa pemrograman web yang digunakan untuk memberi hiasan dan mengatur gaya tampilan / layout halaman web supaya lebih menarik..

Bootstrap dan JQuery UI
Bootstrap adalah sebuah framework css yang dapat digunakan untuk mempermudah membangun tampilan web. Bootstrap pertama kali di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Saat ini Bootstrap dikembangkan secara open source dengan lisensi MIT.

JQuery UI adalah plugin komponen user interface (hal-hal yang berhubungan dengan antarmuka pengguna) berupa interaksi, widget berfitur lengkap dan efek animasi yang berada di bawah framework JQuery.Setiap komponen dibangun sesuai dengan arsitektur kerja JQuery (menemukan sesuatu, kemudian memanipulasinya) dan memiliki kemampuan untuk menerima tema yang bermacam-macam sesuai dengan keperluan desain Slider, button, dialog boxkotak dialog/modal, accordion, tooltip, tabs, dihasilkan dari jquery ui.

IV.            HASIL PRAKTIKUM

V.   KESIMPULAN

      Perbedaan dari praktikum yang pertama adalah terletak pada penggunaan css yang lebih dominan. Dengan perbedaan tampilan dari  HTML5, audio player ini menggununakan css, dan bootstrap untuk beberapa fungsi didalamnya. Dan juga Jquery untuk mengontrol penggunaan tiap bar.