| 1번째 줄: | 1번째 줄: | ||
==개요== | |||
;HTML5 audio autoplay | ;HTML5 audio autoplay | ||
;HTML5 음악 자동재생 | ;HTML5 음악 자동재생 | ||
| 4번째 줄: | 5번째 줄: | ||
;음악 재생 html | ;음악 재생 html | ||
*웹페이지가 열리면 바로 음악을 재생 | *웹페이지가 열리면 바로 음악을 재생 | ||
*PC에서는 잘 됨. IE8, 크롬. | |||
*스마트폰에서는 잘 안됨. 브라우저에 따라 autoplay가 제한되어 있음. | |||
==소스코드== | ==소스코드== | ||
| 23번째 줄: | 26번째 줄: | ||
</source> | </source> | ||
*예제: http://jmnote.com/html5/audio_bgm.php | *예제: http://jmnote.com/html5/audio_bgm.php | ||
==같이 보기== | ==같이 보기== | ||
2013년 9월 15일 (일) 23:23 판
1 개요
- HTML5 audio autoplay
- HTML5 음악 자동재생
- HTML5 audio 배경음악 자동재생
- 음악 재생 html
- 웹페이지가 열리면 바로 음악을 재생
- PC에서는 잘 됨. IE8, 크롬.
- 스마트폰에서는 잘 안됨. 브라우저에 따라 autoplay가 제한되어 있음.
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.play();
}
</script>
<body>
<h1>음악 재생중</h1>
</body>
3 같이 보기
로그인하시면 댓글을 쓸 수 있습니다.
{{ comment.name }}
{{ comment.created | snstime }}
-
{{comment.page_title}} ―{{comment.name}}