HTML5 - Gömülü Multimedya

İçinde HTML5 video ve ses öğelerinin ortak birçok faktörü vardır, bu nedenle nesne HTMLMediaElement içindeki her birinin temel özelliklerini tanımlar. GÜNEŞ.
Ses öğeleri nesne tarafından temsil edilir HTMLAudioElement, bu nesne, işlevselliklerinde herhangi bir artışı temsil etmez. HTMLMediaElement, diğer tarafta nesnemiz var HTMLVideoElement video öğelerini ve nesnenin tersini temsil eden HTMLAudioElement bu, üzerinde bazı ek özellikler varsayarsa HTMLMediaElement.
Ses öğesi
eleman Ses HTML belgelerimize ses içeriği yerleştirmemize olanak tanır, HTML5 ve aşağıdaki özellikleri içerebilir: otomatik oynatma, ön yükleme, kontroller, döngü, sessiz, src.
Belgelerimize bir ses öğesinin nasıl dahil edileceğine dair bir kod örneği görelim:

 Örnek Ses içeriği oynatılamıyor 

Özniteliği tanımladığımız bir etiketimiz olduğunu fark ettik. kontroller böylece dosyanın oynatılmasını manipüle etmemize izin veren düğmelere sahip olabiliriz. kaynak ses dosyasının yolunu gösteriyoruz ve son olarak otomatik oynatma, mevcut olması, belge yüklendiğinde dosyanın oynatılması gerektiğini gösterir.
Gördüğümüz gibi, kullanımı oldukça basit bir şey, aşağıdaki resimde tarayıcımızda nasıl görüneceğini görelim:

Multimedya Bilgilerini Alın
Başta da belirttiğimiz gibi, nesne ile HTMLMediaElement ortak ses ve video özelliklerini grupladık ve video durumunda bazı ek özelliklerin artırıldığını.
Bu nesne ile elde edebileceğimiz bilgiler şunlardır:

• otomatik oynatma Dosyanın otomatik olarak çoğaltılmasının etkinleştirilip etkinleştirilmediğini bize bildirir.
• canPlayType() bize tarayıcının belirtilen dosyayı yeniden üretip üretemeyeceğini söyler.
• akımSrc dosyanın geçerli kaynağını bilmenizi sağlar.
• kontroller dosyadaki oynatma kontrollerinin varlığını veya olmadığını bilmemizi veya belirlememizi sağlar.
• varsayılanSesi kapalı dosyanın tamamen sessiz birimle başlayıp başlamayacağını belirtir veya ayarlar.
• döngü dosyanın döngüye alınması gerekip gerekmediğini belirtir veya ayarlar.
• sessiz dosya sesini azalt
• ön yükleme sayfa yüklendiğinde oynatılmadan önce yüklenecek dosyayı belirtir veya ayarlar.
• kaynak medya dosyasının yolunu belirtir veya ayarlar.
• Ses dosya oynatmanın ses seviyesini ayarlar veya gösterir.

Belirttiğimiz gibi, video öğesinin bazı ek özellikleri var, aşağıda ne olduklarına bakalım:

• boy uzunluğu yüksekliği belirtir veya ayarlar.
• afiş video için bir kapak resmi yerleştirebileceğimiz poster niteliğinin değerini belirtir veya ayarlar
• videoYükseklik videonun yüksekliğini belirtir veya ayarlar.
• videoGenişliği videonun genişliğini belirtir veya ayarlar
• Genişlik genişliği belirtir veya ayarlar.

Aşağıdaki kodda bu elemanlardan nasıl bilgi alabileceğimizi ve tarayıcıda görmek için belgemizde nasıl görüntüleyebileceğimizi göreceğiz:

 Örnek Video görüntülenemiyor 
 
Mülk
Değer

 

 

Bu öğreticiyi bitirmek için, tarayıcının bu kodla bize ne gösterdiğini görelim:

BÜYÜT

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.