2011년 1월 11일 화요일

제13장 배경음악 넣기

제13장 배경음악 넣기

학습목표 홈페이지 문서에 아름다운 배경 음악을 넣어 봅시다 .  



어떤 사이트를 방문하면 스퍼커에서 아름다운 선율이 흘러나오는 것을 경험하셨죠!
간단히 태그를 사용하면 되는데요?
자신의 홈페이지에 배경음악을 넣어 볼까요?
보통은 미디파일은 사용하게 되는 데 확장자가 .mid 파일을 뜻하는 거죠.
어디서 구하냐구요? 검색엔진에서 검색해 보시면 무료로 다운 받을 수 있습니다.
보통 미디파일의 용량은 10 ~ 20KB 정도가 무난하구요.

배경음악 태그는 2가지 종류가 있는 데, 공부해 볼까요?

1 음악 플레이어 넣기
<EMBED SRC="음악파일" LOOP=TRUE/FALSE
    AUTOSTART=TRUE/FALSE VOLUME=숫자 WIDTH=픽셀 HEIGHT=픽셀>
▶ SRC="음악파일" : 배경음악이 있는 위치와 음악 파일명
▶ LOOP=TRUE/FALSE : 자동반복 기능 지정.
              true는 반복(loop=infinite라고 해도 됨), false는 한번만 연주
▶ AUTOSTART=TRUE/FALSE : 자동재생 기능 지정.
              true는 자동으로 재생, false는 플레이단추를 눌러야 연주됨
▶ VOLUME=숫자 : 소리크기 설정
▶ WIDTH=픽셀 : 홈페이지에 넣을 플레이어 박스의 폭
▶ HEIGHT=픽셀 : 플레이어 박스의 높이
메모장에서 다음 예제를 입력해 보세요.
<html>
<head>
<title>음악 플레이어 넣기</title>
</head>
<body>
<EMBED SRC="http://home.inpia.net/comttani/images/beauty.mid" LOOP=TRUE AUTOSTART=FALSE WIDTH=145 HEIGHT=55>
</body>
</html>
결과확인을 클릭해 보세요~~
 
2 음악플레이어 나타나지 않게하기
음악 플레이어가 나타나지 않고 배경음악만 나오게 할려면 아래 BGSOUND SRC="음악파일" ... 태그를 사용하시면 됩니다.
<html>
<head>
<title>음악플레이어 나타나지 않게하기</title>
</head>
<body>
<bgsound src="http://home.inpia.net/comttani/images/beauty.mid" loop="infinite">
</body>
</html>
※ bgsound 태그의 경우 음악을 끄실 때는 키보드의 Esc 키를 눌러 주시면 됩니다.
그러나 bgsound는 익스플로러에서만 들리고 넷스케이프를 사용하시는 분들은 들을 수가 없지요. 공통으로 들리게 하려면 embed를 사용하세요. bgsound에서는 주로 mid(미디) 파일이나 wav 파일에 사용합니다.. mp3나 asx, asf 등의 파일도 사용이 가능하지만 이러한 파일은 embed 태그를 사용하는 것이 좋습니다.
bgsound 태그에서 loop="숫자" 로 지정해 주면 숫자만큼 배경음악이 반복되구요 loop="infinite" 을 쓰면 계속 반복됩니다. embed 태그에서 loop="숫자"는 bgsound 태그의 loop와 같습니다. 그러므로 loop="true" 또는 loop="-1" 로 지정을 하면 계속 반복이 되겠지요.
autostart="true"는 자동 실행 명령입니다.
hidden="true"는 화면에 플레이어 화면이 보여지지 말라는 태그입니다.
플레이어 화면이 보여지게 하려면 width="숫자"와 height="숫자"로 가로(width)와 height(세로)의 수치를 적어주시면 됩니다.
bgsound는 배경음악 태그라서 따로 지정해주지 않아도 되지만 embed 태그는 배경음악 뿐만 아니라 동영상이나 플래시 무비를 보여줄 때도 사용이 되기 때문에 가로(width)와 height(세로)의 수치가 필요합니다.
mp3 파일도 embed 태그로 가능하지만 용량이 커서 속도도 느리고 음악이 끊기는 경우가 종종 있습니다. 가능하면 mp3 파일은 피하시고 asf나 wma 파일로 변환하여 사용하시는 것이 좋겠습니다.
참고로 embed는 1%만 로딩이 되도 음악이 나오구요
bgsound 는 100% 로딩이 되어야 음악이 나온답니다

댓글 없음:

댓글 쓰기