Oleh : SUMARNO e-mail : sumarno_may@hotmail.com PEMBERITAHUAN : Tutorial ini adalah properti arista mediacom. Boleh di akses dan disebar luaskan untuk tujuan pendidikan. Tidak dibenarkan untuk diperjual belikan maupun tujuan komersial lainnya. MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 1
Halaman-halaman web-site Anda akan lebih semarak dan menarik apabila disertai dengan file-file MULTIMEDIA yang bisa di embed pada halaman HTML diantaranya: 1. File Sound MIDI, yaitu yang dihasilkan oleh alat synthesizer music instrument. Biasanya musik yang dihasilkan ini berupa instrumentalia, dan menggunakan file-extension.mid. File size dari sound MIDI tersebut relatif kecil, sehingga waktu proses down-loadingnya relatif singkat. Dan juga biasanya digunakan untuk ring-tone HP (polyphonic). 2. File sound WAV, yaitu hasil transfer sound dari piringan hitam, CD atau dari MP3. File musik yang berextension.wav adalah suara musik asli (plus vocalis). Tentu saja file sizenya relatif besar tergantung durasi dan kualitas suara dari musik yang direkamnya. 3. File video MPG, WMV, adalah format file video yang compatible dengan Media Player lintas platform Operating System. Extension dari file-file video diantaranya:.mpg,.wmv.3gp dan lain-lain PENGERTIAN EMBED MEDIA PLAYER Embed adalah suatu perintah dari suatu program untuk memanggil atau mengaktifkan program lain yang sudah terinstal. Dalam hal ini adalah perintah dari program browser untuk mengaktifkan program Media Player atau Quick Time Player. Sehingga browser memberikan fasilitas untuk bisa memutar file multimedia yang dilampirkan. MS. WINDOWS telah dilengkapi dengan program Media Player yang bisa di embed oleh semua browser pada umumnya. MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 2
CARA MENG-EMBED FILE FILE MULTIMEDIA MENGGUNAKAN EMBEDDING PLUG-IN MEDIA PLAYER PADA HTML : 1. EMBED FILE MUSIK WAV Pertama, file multimedia harus disimpan (disave) kedalam sebuah folder/direktori yang sama dengan file html yang akan dilampiri file multimedia tersebut. Sebagai contoh disini saya membuat Local Situs Directory pada drive E:\. Lihat gambar 01 : Gbr. O1 ( Direktori Situs E:\Situs\insert_multimedia ) Lokasi file-file situs E:\ Situs\insert_multimedia 2. Isikan script-code dibawah ini kedalam HTM editor : <embed src="dontforget.wav" height="40" autostart="false" loop="true" volume="60" /> Kode tersebut akan berbentuk Mini Media Player kalau dibuka dengan browser Internet Explorer, seperti terlihat pada gambar 02. Buka file halaman HTML yang akan dilampiri file musik dengan HTML Editor. Kalau Anda sudah menguasai kode-kode HTML, bisa menggunakan Note Pad. Disini saya menggunakan program Macromedia Dream Weaver MX. MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 3
Gbr. O2 ( Mini Media Player untuk memainkan musik pada halaman HTML) Pada Macromedia Dreamveaver MX, pada tampilan Design tentukan dahulu dimana akan diletakkan Media Player dengan maletakkan cursor disuatu tempat. Kemudian salin script-code diatas. Klik View >> Code. Selanjutnya tampilan design berganti menjadi tampilan HTML Code. 3. Biarkan cursor berada ditempatnya, jangan meng-klik ditempat lain. Isikan (ketik) script-code tersbut ( <embed src="dontforget.wav" height="40" autostart="false" loop="true" volume="60" /> ). Anda bisa merubah parameternya : embed src= dontforget.wav height= 40 autostart= false autostart= true loop= false loop= true = File musik WAV yang di lampirkan = Tinggi mini Media Player = 40 pixels = Play secara manual = Play secara otomatis = Musik / Video hanya sekali play = Musik / Video play berulang-ulang volume= 60 = posisi volume = 60% MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 4
Untuk mencobanya dengan browser (dianjurkan menggunakan Internet Explorer), tekan kunci F12. Apabila gambar mini Media Player didalam halaman HTML sudah tampil seperti terlihat pada gambar 02, klik tanda Play untuk mencoba mendengarkan musik yang dilampirkan. Mini Media Player juga mensupport file MIDI (.mid). Apabila berhasil, klik EXIT (X) browser tersebut untuk kembali ke program Macromedia Dreamweaver. Jangan lupa Save hasil pekerjaan anda 4. EMBED FILE VIDEO MPG. Untuk melampirkan file video, isikan script-code seperti dibawah ini : <embed src="pemandangan.mpg" autostart="false" loop="true" volume="60" /> Lakukan seperti cara membuat embed file musik yang sudah dijelaskan diatas. Hilangkan (delete) parameter height agar mensuport ukuran lebar dan tinggi (frame size) video yang ditampilkan. embed src= pemandangan.mpg = File video MPG yang diembed. Tampilan didalam browser Internet Explorer seperti ierlihat pada gambar 03 : Gbr. O3 ( Mini Media Player untuk memainkan video pada halaman HTML) MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 5
Apabila proyek anda berhasil, jangan lupa di Save. Kemudian up-load ke web hosting anda. Cobalah akses melalui internet. 5. BEBERAPA HAL YANG PERLU DIPERHATIKAN : 1. Ukuran file musik atau video jangan terlalu besar agar proses download tidak memakan waktu lama dan terlalu banyak menyedot bandwidth. Usahakan file size jangan melebihi 1.8 Mega byte (Mbyte). 2. Sebaiknya nama file terdiri huruf kecil semua, dan jangan ada spasi. Gunakan karakter under_score ( _ ) untuk menyatakan spasi. Sebagai contoh : burung_kakak_tua.wav, indonesia_raya.mid, video_pariwisata.mpg. 3. Untuk file musik sebaiknya gunakan format MID, karena file sizenya relatip sangat kecil, tidak pernah mencapai 300 Kilo byte (Kbyte). 4. Browser yang mensupport Mini Media Player dari Windows, adalah : Internet Explorer (IE) all version. Mozilla Fire Fox all version 5. Pada kasus tertentu browser Mozilla Fire Fox akan minta diinstal plug-in Quick Time Player. 6. File-file multimedia yang compatible dengan browser-browser tersebut adalah : WAV, MID, MPG dan WMV. File video format 3GP hanya compatible pada Apple Quick Time Player. Tidak semua browser compatible dengan player tersebut. Ingin mempublikasikan suara atau video anda di Web-site? Silahkan mencobanya!! *** Jakarta 23 Agustus 2007 MELAMPIRKAN MULTIMEDIA PADA HALAMAN WEB-SITE oleh: SUMARNO 6