Saturday, March 5, 2016

HTML Audio Tag

By: saiful arifin On: 8:20:00 AM
  • Share The Gag
  • 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       

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


    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



    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.


    Saturday, June 27, 2015

    Full Project

    By: saiful arifin On: 1:58:00 AM
  • Share The Gag

  • Tuesday, June 2, 2015

    Praktikum 13 bouncing 2

    By: saiful arifin On: 10:22:00 PM
  • Share The Gag