Tag <object>……</object>

Tag <object> adalah tag yang digunakan untuk mendefinisikan komponen multimedia dalam suatu dokumen html, dimana diletakan dan bagaimana komponen multi media akan disajikan.

Gambar:

<object data=”namafile.ekstensi” type=”image/tipe”>

Keterangan Gambar

</object>

Plugin

Plugin adalah tanbahan yang disisipkan atau didaftarkan agar dikenal oleh browser web, sehingga menambah kemampuan standar suatu browser web.

Applet

Applet merupakan aplikasi yang dapat dijalankan di atas browser. Pada awalnya merupakan istilah bagi apikasi yang dapat dijalankan oleh browser yang memiliki Java Virtual Machine (JVM), merupakan interpreter Java.

Tag <applet>…</applet> merupakan tag pertama kali yang disediakan pada dokumen HTML, tag ini diganti dengan tag <object>.

<applet code=”namaapplet.class”>

<param name=”nama1” value=”nilai1”>

<param name=”nama2” value=”nilai2”>

……

</applet>

<object code=”namaapplet.class”>

<param name=”nama1” value=”nilai1”>

<param name=”nama2” value=”nilai2”>

……

</object>

<applet code=”DropGame.class” width=”500″ height=”300″>

</applet>

ActiveX

Komponen ActiveX adalah komponen yang disediakan dalam linkungan windows untuk dapat di jalankan dalam browser, khususnya Internet Explorer.

Hati hati menggunakan komponen ActiveX karena tidak semua browser akan dapat menampilkannya.

Flash

Browser web membutuhkan plugin untuk dapat menyajikan multimedia dengan menggunakan flash.

Dokumen html harus memiliki link khusus untuk dapat secara otomatis browser melakukan download plugin terlebih dahulu jika plugin flas belum diinstal.

Plugin untuk flash diimplementasikan dalam bentuk ActiveX dalam linkungan Internet Explorer yang didefinisikan dengan :classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″

codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″

width=”400″ height=”200″ id=”rasid” align=””>

<param name=movie value=”rasid.swf”>

<param name=quality value=high>

<embed src=”rasid.swf” quality=high  width=”400″ height=”200″ name=”rasid” align=””

type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>

</embed>

</object>

Materi Tambahan  Tag Object (bukan dari buku)

Memutar file WAV Audio

<object width=”420″ height=”360″
classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”
codebase=”http://www.apple.com/qtactivex/qtplugin.cab”>
<param name=”src” value=”liar.wav”>
<param name=”controller” value=”true”>
</object>

Memutar MP4 Video

<object width=”420″ height=”360″
classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B”
codebase=”http://www.apple.com/qtactivex/qtplugin.cab”>
<param name=”src” value=”movie.mp4″>
<param name=”controller” value=”true”>
</object>

Memutar SWF Video

<object width=”400″ height=”40″
classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″
codebase=”http://fpdownload.macromedia.com/
pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0″>
<param name=”SRC” value=”bookmark.swf”>
<embed src=”bookmark.swf” width=”400″ height=”40″>
</embed>
</object>

Memutar file WMV

<object width=”100%” height=”100%”
type=”video/x-ms-asf” url=”3d.wmv” data=”3d.wmv”
classid=”CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6″>
<param name=”url” value=”3d.wmv”>
<param name=”filename” value=”3d.wmv”>
<param name=”autostart” value=”1″>
<param name=”uiMode” value=”full”>
<param name=”autosize” value=”1″>
<param name=”playcount” value=”1″>
<embed type=”application/x-mplayer2″ src=”3d.wmv” width=”100%” height=”100%” autostart=”true” showcontrols=”true” pluginspage=”http://www.microsoft.com/Windows/MediaPlayer/”></embed>
</object>

CARA MENGGUNAKAN AUDIO

Dengan <embed>

<embed height=”100″ width=”100″ src=”horse.mp3″>

Dengan <object>

<object height=”100″ width=”100″ data=”horse.mp3″></object>

Dengan HTML5 <audio>

<audio controls=”controls”>
<source src=”horse.mp3″ type=”audio/mp3″>
<source src=”horse.ogg” type=”audio/ogg”>
Your browser does not support this audio format.
</audio>

Dengan Hyperlink

<a href=”horse.mp3″>Play the sound</a>

Solusi Terbaik Audio

<audio controls=”controls” height=”100″ width=”100″>
<source src=”horse.mp3″ type=”audio/mp3″>
<source src=”horse.ogg” type=”audio/ogg”>
<embed height=”100″ width=”100″ src=”horse.mp3″>
</audio>

CARA MENGGUNAKAN FILE VEDIO

Dengan <video>

<video width=”320″ height=”240″ controls=”controls”>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
<source src=”movie.webm” type=”video/webm”>
Your browser does not support the video tag.
</video>

Dengan  Hyperlink

<a href=”intro.swf”>Play a video file</a>

Cara paling baik

<video width=”320″ height=”240″ controls=”controls”>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
<source src=”movie.webm” type=”video/webm”>
<object data=”movie.mp4″ width=”320″ height=”240″>
<embed src=”movie.swf” width=”320″ height=”240″>
</object>
</video>

Cara memasang Vedio YouTube di HTML

<iframe width=”420″ height=”345″
src=”http://www.youtube.com/embed/XGSy3_Czz8k”>
</iframe>

<embed
width=”420″ height=”345″
src=”http://www.youtube.com/v/XGSy3_Czz8k”
type=”application/x-shockwave-flash”>
</embed>