MODUL IV
advertisement
MODUL IV MENERAPKAN MULTIMEDIA DALAM WEB A. MAKSUD DAN TUJUAN 1. Maksud Menyisipkan multimedia dalam halaman web (dapat berupa suara, ataupun video) 2. Tujuan Mahasiswa dapat membuat background web dengan menggunakan suara Mahasiswa dapat menampilkan video dalam halaman web B. DASAR TEORI Multimedia merupakan teknologi yang memadukan antara teks, gambar diam, animasi gambar, suara, dan bahkan video. Sebuah web juga dapat menyertakan multimedia didalamnya. Tipe suara dan video yang dapat disertakan dalam halaman web antara lain : Format Kategori Ekstensi AVI Video avi MPEG Video mpg, mpeg Quick Time Video qt, mov AIFF Audio aif, aiff AU Audio au MIDI Audio mid, midi WAV Audio wav Perlu diketahui bahwa tidak semua browser menyediakan fasilitas untuk memainkan berkas-berkas yang disebutkan diatas. Sebagai gantinya, diperlukan perangkat lunak eksternal; misalnya WinAmp untuk memainkan suara atau Windows Media Player untuk memainkan film ataupun suara. Link ke Suara dan Video Sebuah halaman web dapat mengandung link yang menghubungkan ke suara atau video. Sebagai contoh ditunjukkan pada kode berikut: <html> <head> <title>Suara</title> </head> <body> Jika anda ingin mendengarkan suara klik pada salah satu link berikut:<br> <a href=”lagu.mid”>Lagu bagus</a><br> <a href=”nyanyi.wav”>Suara drum</a><br> </body> </html> Perhatikan bahwa tag <a> digunakan untuk mereferensi ke berkas suara. Contoh yang pertama merujuk ke berkas berekstensi .mid dan yang kedua merujuk ke berkas wav. Tag <BGSOUND> Tag ini berfungsi untuk memainkan suara sebagai latar belakang. Atribut yang digunakan dalam tag <BGSOUND> yaitu : Atribut Kegunaan SRC Menentukan nama berkas yang akan dimainkan LOOP Diisi dengan nilai yang menyatakan berapa kali berkas akan dimainkan. Jika diisi dengan nilai INFINITIVE maka suara akan dimainkan terus menerus Tag <EMBED> Tag ini digunakan untuk memainkan berkas yang berupa suara ataupun film. Beberapa atribut yang digunakan dalam tag <EMBED> antara lain: Atribut Kegunaan SRC Menentukan sumber berkas suara atau video WIDTH Menentukan lebar video HEIGHT Menentukan tinggi video UNITS Menentukan satuan untuk video HIDDEN Menyembunyikan control AUTOSTART Diisi dengan nilai TRUE atau FALSE untuk menentukan berkasa akan dimainkan secara otomatis atau tidak LOOP Jika diisi dengan TRUE, maka berkas akan dimainkan berulang-ulang. C. PRAKTIK 1. Ketikkan script berikut dan simpan dalam file musik.htm . <html> <head> <title>Halaman Web diiringi Musik</title> </head> <body> Selamat Mendengarkan Musik <bgsound src="nyanyi.wav" loop="3"> </body> </html> Jalankan di Web browser. Dengarkan suara yang menyertai web tersebut. Berapa kali berkas suara tersebut diputar? 2. Ketikkan script berikut dan simpan dengan nama video.htm <html> <head> <title>Menonton video di Web</title> </head> <body> Selamat menikmati klip video berikut. <embed src="hands.avi" height="400" width="400" units="pixels" autostart="true" loop="false"> </embed> </body> </html> Jalankan di web browser. 3. Untuk menyertakan multimedia, dapat juga dengan membuat link untuk menghubungkan ke suara atau video. Ketiklah script berikut dan simpan dengan nama link_multimedia.htm <html> <head> <title>Link Multimedia</title> </head> <body> Untuk mendengarkan musik klik link berikut ini :<br> <a href="lagu.wav">Musik Daerah</a><br><br> Jika ingin menonton video, klik link berikut :<br> <a href="hands.avi">Video</a> </body> </html> Jika dijalankan di web browser, maka hasilnya sebagai berikut: Cobalah klik salah satu link. Akan tampil kotak dialog yang menanyakan file tersebut mau dismpan atau dijalankan langsung. Klik Open. Maka file suara atau video tersebut akan ditampilkan. D. LATIHAN 1. Buatlah sebuah halaman web yang menyertakan file suara sebagai background. Berkas suara tersebut hanya dimainkan sekali (tidak diulang). 2. Cobalah memasukkan berkas video ataupun audio dengan menggunakan format-format yang lain. (misalnya untuk berkas suara menggunakan file yang berekstensi .mid, .mpeg) E. TUGAS Dari tugas modul 1, buatlah halaman web anda tersebut setiap diakses akan diiringi oleh sound dan halaman tersebut juga dapat menampilkan video.
