LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB “Flash Audio Video”
Dosen Pembimbing : Dwi Susanto
Oleh : Laras Intansari (4103131054) 3 D3 MMB B
PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015
Praktikum 3 Flash, Video dan Audio Tujuan - mahasiswa memahami cara menambahkan dokumen Flash ke halaman website - Mahasiswa memahami cara menambahkan video dan audio ke halaman website - Mahasiswa memahami element
dan pada HTML5 dan . dan <embed>. Saat ini cara yang menggunakan javascript juga banyak ditemui Untuk menampilkan dokumen Flash, browser membutuhkan sebuah plugin bernama Flash Player. Anda bisa mendownloadnya secara gratis pada website Adobe.com. Perkembangan Flash Saat Flash pertama kali diluncurkan, sebenarnya dikembangkan untuk membuat animasi. Seiring dengan perkembangan teknologi, para pengguna mulai memanfaatkannya untuk membuat media player dan bahkan membuat keseluruhan websitenya dengan menggunakan Flash. Saat ini tidak terlalu banyak website yang menggunakan Flash, beberapa alasannya adalah: - Pada kisaran tahun 2005-06 mulai bermunculan kumpulan kode-kode javascript atau biasa disebut Javascript Libraries seperti misalnya script.aculo.us, Protoype, dan Jquery. Javascript library ini sangat memudahkan pengguna untuk membuat animasi dengan javascript, sehingga browser tidak tergantung pada plugin dab . Pada saat penulisan buku ini, Flash masih merupakan cara yang popular untuk memainkan video dan audio pada website, akan tetapi semakin banyak pula yang mulai berpindah ke HTML5. Menambahkan Dokumen Flash Untuk menambahkan dokumen flash ke halaman website, ada beberapa cara yang bisa digunakan, mulai dari elemen HTML5, javascript atau menggunakan eksternal source. 1. Menggunakan <embed> Elemen <embed> merupakan salah satu elemen baru pada HTML5 dan saat ini telah didukung oleh hampir semua browser yang banyak digunakan saat ini. 2. Menggunakan Javascript Cara ini merupakan cara yang paling banyak digunakan. Terdapat beberapa script yang bisa digunakan untuk menambahkan dokumen flash pada halaman website tanpa anda perlu mempelajari secara mendalam tentang Javascript. Salah satunya adalah SWFObject yang bisa anda download secara gratis dari Google. Salah satu keuntungan dari cara ini adalah anda bisa menyediakan isi yang lain sebagai alternatif saat browser pengunjung web anda belum mendukung Flash. Memahami Format Video dan Pemutarnya Untuk menambahkan video pada website anda, ada dua hal yang perlu dipahami, yaitu format video dan player yang digunakan untuk memutar video tersebut. Biasanya berupa plugin.. Akan tetapi kita tidak bisa mengandalkan pengunjung website kita menggunakan browser terbaru yang telah mendukung elemem baru pada HTML5 tersebut. Browser yang mendukung elemen baru tersebut, juga mewajibkan video dirubah ke format file yang berbeda. Pendekatan Cara paling mudah untuk menambahkan video pada website anda adalah dengan menggunakan jasa layanan video seperti YouTube atau Vimeo. Akan tetapi terdapat beberapa hal yang menyebutkan bahwa penggunaan layanan ini tidaklah tepat, sehingga anda perlu menempatkan video anda pada layanan hosting anda sendiri. Pada saat penulisan modul ini, untuk memastikan sebagian besar orang bisa memainkan content video , dianjurkan bahwa sebaiknya menggunakan elemen HTML5 untuk browser yang sudah mendukungnya. Bisa juga menggunakan format video Flash untuk browser yang belum mendukung elemen HTML5 . Dengan cara ini, anda harus mengupload video mana saja yang ingin anda tampilkan dan setidaknya dalam 2 format yang berbeda yakni WebM dan MP4. merupakan salah satu elemen baru pada versi HTML5. Elemen ini hanya didukung oleh browser-browser dengan versi terbaru, sehingga apabila anda ingin video anda bisa dilihat oleh semua browser baik versi yang lama atau yang baru, anda tidak bisa hanya mengandalkan elemen ini untuk menempelkan video ke halaman website anda. Anda perlu mengkombinasikan andatar HTML5 dengan Flash Video. Tidak semua browser mendukung format yang sama, sehingga anda perlu menyiapkan video dengan beberapa format. Saat penulisan buku ini, format yang didukung oleh beberapa browser yang paling banyak dipakai oleh pengguna internet antara lain adalah H264 yang didukung oleh IE dan safari. Format berikutnya adalah WebM yang didukung oleh Android, Chrome, Firefox dan Opera. Untuk menambahkan video dengan menggunakan elemen baru HTM5 tersebut, kita cukup menuliskan tag diikuti dengan beberapa atribut. Contohnya seperti di bawah ini. . Atribut-atribut ini ibarat sebuah saklar yakni on dan off. Apabila atributatribut dituliskan, maka akan mengaktifkan opsi tersebut. Apabila atribut dihapus, maka opsi tersebut tidak dipakai atau diaktifkan. Elemen memiliki sejumlah atribut yang bisa anda gunakan untuk atau format video yang digunakan, maka browser hanya akan menampilkan apa saja yang berada antara tag dengan closing tag . Browser yang mendukung elemen ini akan menyediakan kontrol tersendiri, mirip dengan model kontrol pada video. yang merupakan bahasa untuk memasukkan file audio, dengan diikuti source dari audio tersebut PRAKTIKUM 8 maksudnya saya menampilkan control play pause stop dan otomatis play ketika browser dibuka.
