"HTML5 음악 볼륨 조절"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(같은 사용자의 중간 판 4개는 보이지 않습니다)
6번째 줄: 6번째 줄:


==소스코드==
==소스코드==
<source lang='html5'>
<syntaxhighlight lang='html5'>
<!DOCTYPE html>
<!DOCTYPE html>
<meta charset="utf-8" />
<meta charset="utf-8" />
22번째 줄: 22번째 줄:
<h1>음악 재생중 ( 볼륨 = 0.4 )</h1>
<h1>음악 재생중 ( 볼륨 = 0.4 )</h1>
</body>
</body>
</source>
</syntaxhighlight>
*예제(볼륨 = 0.4): http://jmnote.com/html5/audio_bgm_volume.php
*예제(볼륨 = 0.4): http://zetawiki.com/ex/html5/audio_bgm_volume.php
*예제(볼륨 = 1.0): http://jmnote.com/html5/audio_bgm.php
*예제(볼륨 = 1.0): http://zetawiki.com/ex/html5/audio_bgm.php


==같이 보기==
==같이 보기==
30번째 줄: 30번째 줄:
*[[HTML5 음악 반복 재생]]
*[[HTML5 음악 반복 재생]]


==참고 자료==
==참고==
*http://www.w3schools.com/tags/av_prop_volume.asp
*http://www.w3schools.com/tags/av_prop_volume.asp


[[분류: HTML5]]
[[분류:HTML5]]
[[분류: 자바스크립트]]
[[분류:JavaScript]]
[[분류: audio]]
[[분류:Audio]]

2020년 11월 2일 (월) 02:51 기준 최신판

1 개요[ | ]

HTML5 음악 볼륨 조절
HTML5 음악 음량 조절
  • Audio 인스턴스의 volume 값을 변화시키면 된다.
  • 값의 범위는 0.0(음소거) ~ 1.0(최대음량)

2 소스코드[ | ]

<!DOCTYPE html>
<meta charset="utf-8" />
<script>
var bgm = new Audio('');
if(!bgm.canPlayType('audio/ogg')) alert('브라우저가 ogg 재생을 지원하지 않습니다.');
else {
	var bgm_url = 'http://upload.wikimedia.org/wikipedia/commons/d/d7/Wikinews_Remix_Jingle.ogg';
	bgm = new Audio(bgm_url);
	bgm.volume = 0.4;
	bgm.play();
}
</script>
<body>
<h1>음악 재생중 ( 볼륨 = 0.4 )</h1>
</body>

3 같이 보기[ | ]

4 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}