HTML - Multimedya Göm

Bazen web sayfanıza müzik veya video eklemeniz gerekir. Web sitenize video veya ses eklemenin en kolay yolu, adı verilen özel HTML etiketini eklemektir.<embed>. Bu etiket, tarayıcının kendisinin, tarayıcının <embed> etiketini ve verilen medya türünü desteklemesi sağlanan multimedya için kontroller içermesine neden olur.

Ayrıca bir <noembed><embed> etiketini tanımayan tarayıcılar için etiket. Örneğin, seçtiğiniz bir filmi görüntülemek için <embed> kullanabilirsiniz ve<noembed> Tarayıcı <embed> etiketini desteklemiyorsa tek bir JPG resmi görüntülemek için.

Misal

Gömülü bir midi dosyasını oynatmak için basit bir örnek:

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed Tag</title>
   </head>
	
   <body>
      <embed src = "/html/yourfile.mid" width = "100%" height = "60" >
         <noembed><img src = "yourimage.gif" alt = "Alternative Media" ></noembed>
      </embed>
   </body>

</html>

<embed> Etiketi Nitelikleri

Note-The hizalama ve autostart nitelikleri HTML5 kullanımdan kaldırılmış. Bu nitelikleri kullanmayın.

Sr.No	Öznitelik ve Açıklama
1	align Nesnenin nasıl hizalanacağını belirler. Ortaya, sola veya sağa ayarlanabilir .
2	autostart Bu boole özelliği, medyanın otomatik olarak başlaması gerekip gerekmediğini belirtir. Doğru veya yanlış olarak ayarlayabilirsiniz.
3	loop Sesin sürekli olarak mı (döngüyü doğru olarak ayarla), belirli sayıda (pozitif bir değer) mi yoksa hiç mi (yanlış) çalınması gerektiğini belirtir
4	playcount Sesin kaç defa çalınacağını belirtir. IE kullanıyorsanız , bu döngü için alternatif bir seçenektir .
5	hidden Multimedya nesnesinin sayfada gösterilip gösterilmeyeceğini belirtir. Yanlış bir değer hayır anlamına gelir ve doğru değerler evet anlamına gelir.
6	width Nesnenin piksel cinsinden genişliği
7	height Nesnenin piksel cinsinden yüksekliği
8	name Nesneye başvurmak için kullanılan bir ad.
9	src Yerleştirilecek nesnenin URL'si.
10	volume Sesin seviyesini kontrol eder. 0 (kapalı) ile 100 (tam ses) arasında olabilir.

Desteklenen Video Türleri

Flash filmler (.swf), AVI'ler (.avi) ve MOV'un (.mov) dosya türleri gibi çeşitli ortam türlerini gömme etiketinde kullanabilirsiniz.

.swf files - Macromedia'nın Flash programı tarafından oluşturulan dosya türleridir.
.wmv files - Microsoft'un Window Media Video dosya türleridir.
.mov files - Apple'ın Quick Time Movie formatıdır.
.mpeg files - Hareketli Resimler Uzman Grubu tarafından oluşturulan film dosyalarıdır.

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed Tag</title>
   </head>

   <body>
      <embed src = "/html/yourfile.swf" width = "200" height = "200" >
         <noembed><img src = "yourimage.gif" alt = "Alternative Media" ></noembed>
      </embed>
   </body>

</html>

Bu, aşağıdaki sonucu verecektir -

Arka Plan Sesi

HTML kullanabilirsiniz <bgsound>film müziğini web sayfanızın arka planında çalmak için etiketi. Bu etiket yalnızca Internet Explorer tarafından desteklenir ve diğer tarayıcıların çoğu bu etiketi dikkate almaz. Ana belge kullanıcı tarafından ilk indirildiğinde ve görüntülendiğinde bir ses dosyası indirir ve çalar. Arka plan ses dosyası da kullanıcı tarayıcıyı her yenilediğinde yeniden oynatılacaktır.

Note- bgsound etiketi kullanımdan kaldırıldı ve HTML'nin gelecekteki bir sürümünde kaldırılması bekleniyor. Bu yüzden kullanılmamaları gerekir, ses eklemek için HTML5 etiketi ses kullanılması önerilir. Ancak yine de öğrenme amacıyla, bu bölüm bgsound etiketini ayrıntılı olarak açıklayacaktır.

Bu etiket, loop ve src olmak üzere yalnızca iki niteliğe sahiptir . Bu niteliklerin her ikisi de yukarıda açıklananla aynı anlama sahiptir.

İşte küçük bir midi dosyasını oynatmak için basit bir örnek -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML embed Tag</title>
   </head>
	
   <body>
      <bgsound src = "/html/yourfile.mid">
         <noembed><img src = "yourimage.gif" ></noembed>
      </bgsound>
   </body>
	
</html>

Bu, boş ekranı oluşturacaktır. Bu etiket herhangi bir bileşeni göstermez ve gizli kalır.

Internet Explorer ayrıca yalnızca üç farklı ses biçimi dosyasını işleyebilir - PC'ler için yerel biçim olan wav; au, çoğu Unix iş istasyonu için yerel format; ve MIDI, evrensel bir müzik kodlama şeması.

HTML Nesne etiketi

HTML 4, <object>genel nesne dahil etmeye yönelik çok amaçlı bir çözüm sunan öğe. <object> öğesi, HTML yazarlarının bir nesnenin bir kullanıcı aracısı tarafından sunumu için gerekli olan her şeyi belirtmesine izin verir.

İşte birkaç örnek -

Örnek 1

Bir HTML belgesini bir HTML belgesinin içine aşağıdaki şekilde gömebilirsiniz -

<object data = "data/test.htm" type = "text/html" width = "300" height = "200">
   alt : <a href = "data/test.htm">test.htm</a>
</object>

Tarayıcı, nesne etiketini desteklemiyorsa, burada alt niteliği devreye girecektir .

Örnek - 2

Bir PDF belgesini bir HTML belgesine aşağıdaki gibi gömebilirsiniz -

<object data = "data/test.pdf" type = "application/pdf" width = "300" height = "200">
   alt : <a href = "data/test.pdf">test.htm</a>
</object>

Örnek - 3

Belge ile ilgili bazı parametreleri belirtebilirsiniz. <param>etiket. İşte bir wav dosyasını gömmek için bir örnek -

<object data = "data/test.wav" type = "audio/x-wav" width = "200" height = "20">
   <param name = "src" value = "data/test.wav">
   <param name = "autoplay" value = "false">
   <param name = "autoStart" value = "0">
   alt : <a href = "data/test.wav">test.wav</a>
</object>

Örnek - 4

Aşağıdaki gibi bir flash belge ekleyebilirsiniz -

<object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id = "penguin" 
   codebase = "someplace/swflash.cab" width = "200" height = "300">
   
   <param name = "movie" value = "flash/penguin.swf" />
   <param name = "quality" value = "high" />
   <img src = "penguin.jpg" width = "200" height = "300" alt = "Penguin" />
</object>

Örnek - 5

HTML belgesine aşağıdaki gibi bir java uygulaması ekleyebilirsiniz -

<object classid = "clsid:8ad9c840-044e-11d1-b3e9-00805f499d93" 
   width = "200" height = "200">
   <param name = "code" value = "applet.class">
</object>

classidözniteliği, hangi Java Eklentisi sürümünün kullanılacağını tanımlar. JRE'nin indirilip indirilmeyeceğini ve nasıl indirileceğini belirtmek için isteğe bağlı kod tabanı niteliğini kullanabilirsiniz.