음악(SOUND) 태그
※ 현재 ram 파일이 재생중입니다. 중간쯤에 플레이어 있습니다. ※ sound 태그란 말 그대로 음악을 나오게하는 태그입니다. 음악태그를 사용하기 위해서 우선 알아야 할 게 확장자입니다. 확장자는 간단하게 설명해서 음악파일의 맨 끝에 나오는 .mid나 .asx등을 말하는 겁니다. 대표적인 걸로는 아래의 것이 있습니다. mid(미디) / wav / rm,ram / asx,asf 기타 mp3,au,..등이 있습니다.
○ 다른 확장자 정리한 것입니다. 확장자 보기
음 악 ( S O U N D ) 태 그 |
태 그 |
설 명 |
<bgsound src="음악주소"> |
이것은 네스케이프에서는 실행이 안되고 익스플로에서만 실행이 된답니다. embed는 파일을 다운 받으면서 실행이 되지만 이 것은 파일을 다 받은 후에 실행이 된다는 걸 아시기 바랍니다. |
<embed src="음악주소"> |
파일을 다운로드 받으면서 재생을 하기 때문에 보통 이걸 만이 쓰죠. |
<a href="음악주소" target-"new">아무 글자(음악 파일 곡명을 써주면 좋겟 죠)</a> |
이것은 미디어플레이어나 리얼오디오 같은 재생기가 뜨면서 들려주는 겁니다. 배경음악으로 사용하는 것이아니라 음악 들려줄 때 사용하는 태그입니다. |
<object src="음악주소"> |
object 태그를 사용하는 사람들은 그다지 만치 안습니다. 이것은 embed와 같은 기능인데 새로운 창이 박히면서 거기에 음악상태바나 동영상이 나타나게 되죠. W3C에서 embed 보다는 object 를 사용할 것을 권고하고 있다네요. |
e m b e d 태 그 속 성 |
autostart=true/false |
true의 경우 로딩되자마자 자동실행되고 false의 경우 그 반대죠^^ |
hidden=true/false |
음악조절판이 true의 경우 보이지 않고 반대로 false의 경우 보이게 됩니다. |
loop=true/false |
true일 경우 계속 반복, false일 경우 한번만 반복이져^^ |
showcontrols=true/false |
false일 경우 화면은 보이고 플레이어의 조절판 하단은 안보임. true는 반대 |
width=수치 height=수치 |
음악조절판의 좌우높이 조절을 하는 옵션입니다. |
☞ mid(미디) 파일 미디파일은 홈페이지의 배경음악으로 만이 쓰입니다. 이것의 장점은 용량이 작아서 빠른 로딩이죠. 단지 단점이라면 음질이 다른 확장자 보다 좋지 않다는 거죠. 미디파일은 노래가사는 들리지 않고 경음악 처럼 멜로디만 나온답니다. 아래 명령어를 써주시면 된답니다. <embed src="http://myhome.hananet.net/~kpy2one/mp3/sound.mid" autostart="false" hidden="false" loop="3" width="128" height="43">
☞ wav 파일 이건 용량이 만아서 배경음악 으로는 잘 사용하지 않습니다. 굳이 사용 하시겠다면 "loop=반복횟수"를 사용하시기 바랍니다. 간단하게 자신의 목소리나 인사말을 녹음시켜 홈페이지에 삽입시킬때 많이 사용합니다. 노래를 웹상에서 직접 듣는 것은 용량이 크기 때문에 부담이 되겠죠..
☞ 다른 확장자 파일도 마찬가지로 <bgsound src="음악주소"> <embed src="음악주소"> 이런 식으로 사용 하시면 됩니다. 여기에 표에 나와 있는 속성을 지정해주면 되겠죠.
☞ 리얼플레이어로 가능한 rm / ram 파일을 object 태그로 올리는 방법.
<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="200" height="20" id="Real System"> <param name="_ExtentX" value="7938"> <param name="_ExtentY" value="2646"> <param name="Autostart" value="True"> <param name="BACKGROUNDCOLOR" value="#000000"> <param name="CENTER" value="0"> <param name="CONTROLS" value="ControlPanel"> <param name="loop" value="true"> <param name="SRC" value="http://oxtag.com/html/music/ram/contract.ram"> </object>
▶ 실 행 화 면(현재 재생중입니다!)
이런 방법으로 embed에 리얼 오디오 파일을 플러그인 시키는 겁니다. 이 color 부분이 플러그 인을 해준 부분입니다.(수치는 여러분이 알맞게 조정 하세요.)
옵 션 |
수 치 |
All |
width="275" height="125" |
stopbutton |
width="35" height="25" |
playbutton |
width="35" height="25" |
controlpanel |
width="275" height="40" |
controlpanel,stautsbar |
width="275" height="60" |
controlpanel,infovolumepanel |
width="275" height="105" |
최신가요 50곡 / 대중가요 / 최신팝송 무자게 만습니다. 일단 여길 클릭. |