<audio> 태그의 구체적인 시작 볼륨 설정 방법

나는 HTML과 CSS에 대한 기본적인 지식 만 갖고 있으며,이 질문에 대한 답변을 찾기 위해 광범위하게 Google을 검토했다. JavaScript 및/또는 jQuery를 가리키는 것으로 보인다. 나는 그것을 시도하고, 그것을 작동시킬 수 없습니다.<audio> 태그의 구체적인 시작 볼륨 설정 방법

웹 사이트를로드 할 때 오디오 파일이 재생되기 시작했습니다. 볼륨이 높으면 방문객이 심장 발작을 일으키지 않도록 특정 시작 볼륨을 설정하고 싶습니다.

이

내가 무엇을 가지고 :

HTML :

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

CSS :

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

자바 스크립트 :

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

도움을 주시면 대단히 감사하겠습니다!

출처

2013-12-16 Almir

귀하의 코드가 잘 보이는으로 변경이 무엇; 문제는 여기에 게시 한 코드에 없습니다. 'document.getElementById ("bgAudio")'라인은 DOM이 생성 된 후에 실행됩니다 (예 :'document.ready' 콜백 내부 또는''의 맨 아래에있는'

JavaScript를 사용하여 볼륨을 설정하지만 DOM을 사용하여 개체를 수정할 준비가되어 있어야합니다. 아마도 ondocumentready 이벤트 나 클릭 유도 문안 (call-to-action)의 Click 이벤트를 사용하십시오.

먼저 수정하려는 비디오 객체를 가져옵니다.

bgAudio = document.getElementById("bgAudio");

그런 다음 볼륨과 같은 속성을 설정합니다 bgAudio 객체를 사용합니다.당신이 웹 사이트에서 작업하기 때문에

bgAudio.volume = 0.2;

, 나는 (당신이 jQuery를 사용할 수 있습니다 가정) 이런 짓을 할 것이다 :

$(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(); 
});

체크 아웃이 참조 자료를 JQuery와 준비, 이벤트 및 비디오에 :

출처

2013-12-16 19:12:29

<audio> 태그의 구체적인 시작 볼륨 설정 방법

관련 문제