“ sessiz ” özelliği, geliştiricilerin, ihtiyaçlarına göre sesi kapatma veya açma seçeneği sunarak ses oynatmayı kontrol etmelerine olanak tanır. Son kullanıcılara sesi kapatma veya açma özgürlüğünün sağlanması, gezinme deneyimlerini geliştirir. Ek olarak, JavaScript kullanımı, ses oynatımı üzerinde daha iyi kontrol sağlayan dinamik kontrolü mümkün kılar.
Bu makale, HTML DOM ses kapatma özelliğinin JavaScript kullanılarak kullanımını açıklayacaktır.
JavaScript'te HTML DOM Ses Sessiz Özelliği Nasıl Kullanılır?
“ sessiz ” özelliği sıklıkla bir web sayfasındaki sesi kapatmak veya açmak için kullanılır. “Değeri ne zaman ses.sessiz ” özelliği “ olarak ayarlandı doğru ”, ses kapatılır ve sesi açmak için “ sessiz ” özelliğinin “ olarak ayarlanması gerekiyor YANLIŞ ”. Ayrıca, sessize alma özelliğinin diğer medya kontrolleriyle entegrasyonu vardır ve tarayıcılar arası uyumluluğa izin verir.
Sözdizimi
JavaScript'teki HTML DOM ses kapatma özelliğinin sözdizimi aşağıda belirtilmiştir:
seçilmişObj.muted = doğru | YANLIŞ
Nerede ' seçiliObj ”, sesi kapatılacak herhangi bir ses dosyasıdır. Bu özellik yalnızca iki değeri saklayabilir: ' doğru ' veya ' YANLIŞ ”. Bu özellik true olarak ayarlanırsa ses dosyası kapatılır ve bunun tersi de geçerlidir.
Şimdi HTML DOM’un daha iyi anlaşılması için bazı örnekleri inceleyelim” sessiz ' mülk.
Örnek 1: Ses Dosyasının Sesini Kapatma
Bu örnekte, seçilen dosyanın sesi ' sessiz ' mülk. Örneğin aşağıdaki kod bloğunu ziyaret edin:
< div >< h2 stil = 'renk: deniz yeşili;' > DOM Sesi Kapatılmış Özelliği h2 >< br >
< ses İD = 'demoSes' kontroller >
< kaynak kaynak = 'ses.mp3' tip = 'ses/mpeg' >
ses >
< br >
< düğme tıklamada = 'sessizAyarlayıcı()' > Sessize Ayarla düğme >
div >
< senaryo >
izin vermek c = document.getElementById ( 'demoSes' ) ;
işlev sessizAyarlayıcı ( ) {
c.sessiz = doğru ;
uyarı ( 'Başarıyla sessize alındı!' )
}
senaryo >
Kodun açıklaması:
-
- İlk olarak ebeveyn “ div ' öğesini içeren ' öğesi oluşturulur
' kimliğine sahip ' etiketi demoSes ”. Bu öğe tek bir “ kaynak ” Seçilen ses dosyasının adresini ve türünü içeren öğe. - Daha sonra, “” öğesini çağıran düğme oluşturulur. sessizAyarlayıcı() ' işlevini kullanarak ' tıklamada ” olay dinleyicisi.
- Daha sonra “
- İlk olarak ebeveyn “ div ' öğesini içeren ' öğesi oluşturulur