1. ev
  2. Soru-cevap
  3. <audio> etiketi için belirli bir başlangıç ​​birimi nasıl ayarlanır

<audio> etiketi için belirli bir başlangıç ​​birimi nasıl ayarlanır

2013-12-16 5 views
7

Yalnızca temel HTML ve CSS bilgisine sahibim ve bu soruyu yanıtlamaya çalışan Google'ı kapsamlı bir şekilde inceledim - hepsi de JavaScript ve/veya jQuery'ye işaret ediyor gibi görünüyor. Denedim ve işe yaramayacağım.<audio> etiketi için belirli bir başlangıç ​​birimi nasıl ayarlanır

Web sitem yüklendiğinde oynatmaya başlayan bir ses dosyam var. Belirli bir başlangıç ​​hacmini ayarlamak istiyorum, böylece ziyaretçilerim hacimleri yüksekse kalp krizi geçirmiyorlar.

Bu

ben ne var:

HTML:

<audio id="bgAudio" autoplay="autoplay" controls="controls" loop="loop" src="audio/025.mp3"></audio>

CSS:

#bgAudio { 
position:fixed; 
z-index:1000; 
width:250px; 
}

JavaScript:

backgroundAudio=document.getElementById("bgAudio"); 
backgroundAudio.volume=0.5;

Herhangi bir yardım çok takdir edilecektir!

kaynak

2013-12-16 Almir

+1

Kodunuz iyi görünüyor olarak değiştirin ne var; Sorun burada gönderdiğiniz kodda değil. "Document.getElementById (" bgAudio ") satırının DOM oluşturulduktan sonra (örn.," Document.ready "geri bildiriminin veya"

1

Ses seviyesini ayarlamak için JavaScript'i kullanın, ancak DOM'u herhangi bir nesneyi düzenlemeye hazır hale getirdiğinizden emin olmanız gerekir. Belki bir ondocumentready olayı veya harekete geçirici mesajdan bir Click olayı kullanın.

İlk olarak, değiştirmek istediğiniz video nesnesini alın.

bgAudio = document.getElementById("bgAudio");

sonra hacmi gibi, özelliklerini ayarlamak için bgAudio nesnesini kullanır.Bir web sitesinde çalışıyoruz yana

bgAudio.volume = 0.2;

, ben (jQuery kullanabilirsiniz varsayarak) böyle bir şey yapacağını:

$(document).ready(function() { 
    // the site has now loaded, grab the video! 
    bgAudio = document.getElementById("bgAudio"); 
    // now tweak the volume! 
    bgAudio.volume = 0.2; 
    // now, play it! 
    bgAudio.play(); 
});

kontrol dışarı bu referans malzemesini jquery hazır, olaylar ve videolar :

kaynak

2013-12-16 19:12:29

İlgili konular

 İlgili konular