Selasa, 27 Maret 2012

TUGAS PEMROGRAMAN WEB

Menyisipkan File Multimedia ke dalam Website

Sebuah webpage yang isinya hanya teks tentu saja akan membosankan, pada html ada tag-tag untuk menampilkan media images, audio, video maupun dokumen.
Tag yang digunakan yakni :

Tag <embed>    
   EMBED adalah tag HTML yang digunakan untuk memasukkan file video atau file musik. Hasil yang ditampilkan oleh tag ini tergantung dari browser masing-masing pengunjung dikarenakan EMBED mengharuskan browser yang digunakan telah terinstall suatu plugin yang mendukung untuk memainkan file musik atau video yang terdapat pada halaman HTML tersebut.

Atribut <embed> :
  • SRC
        Atribut SRC merupakan atribut yang paling penting dari tag ini, karena digunakan untuk menunjukkan sumber lokasi dari file yang akan dimainkan. Pada contoh diatas, file musik yang akan diputar diletakkan pada suatu direktori yang sama dengan file HTML yang dibuat, sehingga penulisan atribut SRC dapat ditulis seperti demikian.
  • WIDTH
        Atribut ini berguna untuk mengatur lebar tampilan dari pemutar yang akan ditampilkan.
  • NAME
        Atribut ini digunakan untuk memberikan nama dari tag EMBED yang ditampilkan. Umumnya, atribut ini tidak perlu digunakan.
  • HEIGHT
        Atribut ini berguna untuk mengatur tinggi tampilan dari pemutar yang akan ditampilkan.
  • ALIGN
        Atribut ini digunakan untuk menentukan posisi dari objek
  • AUTOSTART
        Atribut ini digunakan untuk menentukan apakah file musik atau video yang ditampilkan akan diputar secara otomatis atau tidak.
  • LOOP
        Atribut ini digunakan untuk menentukan apakah file yang diputar akan secara otomatis diputar secara berulang atau tidak.
  • VOLUME
        Atribut ini digunakan untuk menentukan seberapa besar volume suara yang akan digunakan untuk memutar file musik atau video yang akan ditampilkan. Apabila atribut ini tidak digunakan, maka secara otomatis browser menentukan bahwa volume akan diatur 100% sekeras-kerasnya.
  • type - Merupakan tipe MIME dari objek yang akan diembed. MIME singkatan dari Multimedia Internet Mail Extensions. Sebuah tipe MIME digunakan untuk menetapkan kode khusus untuk jenis informasi pada file. Untuk penggunaan format MPEG "video / mpeg", untuk digunakan "application / x-shockwave-flash" Flash format, digunakan untuk format WMV "video / x-ms-wmv", dan untuk digunakan format QuickTime "video / quicktime"



Tag <objek>
Atribut tag <object>

  • type - Merupakan tipe MIME dari objek yang akan diembed. MIME singkatan dari Multimedia Internet Mail Extensions. Sebuah tipe MIME digunakan untuk menetapkan kode khusus untuk jenis informasi pada file. Untuk format WAVE, gunakan "audio / x-wav", untuk format MP3, gunakan "audio / mpeg", dan untuk format MIDI, gunakan "audio / RTP-midi. Untuk penggunaan format MPEG "video / mpeg", untuk digunakan "application / x-shockwave-flash" Flash format, digunakan untuk format WMV "video / x-ms-wmv", dan untuk digunakan format QuickTime "video / quicktime"
  • data - Menandakan lokasi dari file audio.
  • name - Menentukan nama untuk objek file audio.
  • width - Menentukan lebar dari panel kontrol untuk file audio.
  • height - Menentukan ketinggian panel kontrol untuk file audio
  • hidden - Membawa nilai 'true' atau 'false' untuk menentukan apakah panel kontrol harus ditampilkan atau tidak. Nilai default adalah false.
  • autoStart - Membawa nilai 'true' atau 'false' untuk menentukan apakah file tersebut harus mulai bermain secara otomatis atau tidak. Nilai default adalah false.

Tag <param>
Tag <param> digunakan untuk melewatkan parameter ke file objek audio seperti jika harus mulai bermain secara otomatis.
atribut :

  • name - Detail tentang file audio (seperti "autostart") yang akan bermain.
  • value - Nilai untuk detail ini. Misalnya, jika atribut name memiliki nilai "autostart", Anda dapat memberikan atribut nilai nilai "false"

Audio

Ada beberapa format yang bisa ditamplkan (.wav, .mp3, .mid, dll)1. Tag <embed>
    Contoh Listing Tag <embed> :
<html>
    <head>
        <tittle>mengembed audio dgn embed</title>
    </head>
        <body>
        <embed src="abcd.wav" width="200" height="60" autoStart="false" />
        </body>
</html>

2. Tag <object>
    Contoh Listing tag <object> :
<html>
    <head>
        <tittle>mengembed audio dgn object dan param</title>
    </head>
        <body>
          <object type="audio/mpeg" object data="justin.mp3" width="200" height="40">
            <param name="src" value="justin.mp3">
            <param name="autoplay" value="false">
            <param name="autoStart" value="0">
            dengarkan musik: <a href="justin.mp3">justin.mp3</a>
            </object>
        </body>
</html>


Output







Video

Ada beberapa format yang bisa ditampilkan (.mpeg, .swf, .mwv, .mov dll)1.
Tag <embed>
    Contoh Listing Tag <embed> :
<html>
    <head>
        <tittle>mengembed video dgn embed</title>
    </head>
        <body>
        <embed src="http://www.youtube.com/v/wvOv9LkaWRQ?version=3&amp;hl=en_US" width="300" height="200" />
        </body>
</html>

2. Tag <object>
    Contoh Listing tag <object> :
<html>
    <head>
        <tittle>mengembed video dgn object dan param</title>
    </head>
        <body>
            <object width="425" height="344" type="application/x-shockwave-flash">
            <param name="movie" value="http://www.youtube.com/v/HTYeuo6pIjY?version=3&amp;hl=en_US" />
            <param name="allowFullScreen" value="true" />
            <param name="allowscriptaccess" value="always" />

            <embed src="http://www.youtube.com/v/HTYeuo6pIjY?version=3&amp;hl=en_US"
            type="application/x-shockwave-flash" allowscriptaccess="always"
            allowfullscreen="true" width="425" height="344"></embed>

            </object>
        </body>
</html>

output
Diposting oleh Tri Sulistiyoningsih (09.240.0050) di 02.58

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

Total Tayangan Halaman