음악 or 사운드(sound) 태그란 말 그대로 음악이나 소리가 나오게 하는 태그입니다.
요즘은 개인 홈페이지, 카페, 블로그등에 배경음악을 많이들 삽입하고 있는데요....
단순히 조용한 홈페이지 보다는 자신이 좋아하는 음악을 배경으로 깔아놓으면, 방문자에게 조금은 지루한 감을 없앨 수 있죠 -_-)v 살짝;;
그럼, 음악태그를 배우기 전에 우선, 음악태그에 주로쓰이는 파일의 종류에 대해서 잠시만 짚고 넘어가죠.
※ 음악파일의 종류
ⓐ asf / wma 파일 (윈도우미디어 파일) asf 는 오디오 스트리밍 파일의 약자로서 홈페이지 배경음악용으로 용량대비 음질이 괜찮다고 평가 할 수 있습니다. mp3파일에 비해 용 량은 1/4 이고 음질은 그냥 듣기에 큰차이가 없기때문이죠. 대부분의 인터넷음악사이트에서 대부분 asf와 wma 형식의 음악파일로 서비스를 하고 있습니다.
ⓑ mp3 파일
MP3파일은 오디오 데이터를 동영상 압축기술인 MPEG를 사용해 압축한 것으로 적은 용량으로 CD수준의 음질을 재생할 수 있습니다. MP3플레이어 등에 사용되는 파일로 오디오파일의 표준으로 사용되고 있죠.
다들 위 파일에 대해서는 한번쯤은 들어보셨죠? ^^;
그외 mid, ra, ram, wav 파일등이 있는데, 현재는 웹상에서 음악태그상에서는 거의 쓰이지 않으므로, 무시하셔도 좋습니다. -_-)/~ㅛ
계정,동영상 계정,동영상 호스팅,동영상 올리기,동영상 링크,옥션 계정,사진 계정,이미지 계정,이미지 링크,이미지 호스팅,무료 계정,계정,동영상 계정,동영상 호스팅,동영상 올리기,동영상 링크,옥션 계정,사진 계정,이미지 계정,이미지 링크,이미지 호스팅,무료계 정,미지링크,이미지호스팅,무료계정,
음악태그 종류 |
설명 |
<embed src="음악주소"> |
음악태그에 한해서는 가장 많이 쓰이죠. embed 태그에서는 주로 asf, wma의 파일들이 주로사용되고, 가끔 mp3파일도 이용되죠 ^^; 여러가지 속성에 따라 음악을 바로 재생할 수도 있고, 재생버튼을 눌러야 재생할 수도 있는등. 여러 가지 속성이 있습니다. 세부적인 속성은 아래 표를 참조하세요 |
<bgsound src="음악주소"> |
홈페이지의 배경음악을 넣는 데 사용하는 태그입니다. 주로 사용되는파일은 mid, wav파일이나 mp3 파일입니다. bgsound 태그는 일단 음악파일을 다 다운로드 받은 다음 재생을 시키기 때문에 mp3 나 wav는 시간이 오래 걸리는 단점이 있습니다. |
<object src="음악주소"> |
object 태그는 개인홈피나 까페등에서 거의 사용되지는 않지만, 이런 것도 있다는 참조만 하시면 됩니다. ^^; |
★ embed 태그속성 살펴보기 (중요)
embed 태그속성 |
설명 |
autostart=true/false |
true - 로딩되자마자 자동실행 false - 플레이 대기(stand by 상태) |
hidden=true/false |
true - BGM 플레이어 숨김 false - BGM 플레이어 보임 ※ 기본값이 false 이므로, BGM 플레이어 숨김때에만 hidden="true" 옵션을 사용하면 됩니다. |
loop=true/false |
true일 경우 계속 반복, false일 경우 한번만 반복 |
loop="-1" |
계속 반복 loop="true"와 동일함. |
width=수치 height=수치 |
플레이어 크기 조절 가능 ※ 적용 예) width="300" height="43" |
showstatusbar="1" |
플레이 시간표시 |
volume="0"일때 |
볼륨 최대 상태(0~-쪽으로 설정 가능) |
mute="0" 혹은 mute="true" |
음소거 |
계정,동영상 계정,동영상 호스팅,동영상 올리기,동영상 링크,옥션 계정,사진 계정,이미지 계정,이미지 링크,이미지 호스팅,무료 계정,계정,동영상 계정,동영상 호스팅,동영상 올리기,동영상 링크,옥션 계정,이미지 계정,이미지 링크,이미지 호스팅,무료계 정,,옥션계정,사진계정,이미지계정,이미지링크,이미지호스팅,무료계정,
★ embed 태그 실제 적용예
<embed src="mms://218.38.55.220/HIGH_MP3_040419/259/259791.mp3" volume="0" loop="-1" showstatusbar="true">
|
▶소스는 재생기 및 플레이 시간표시를 하며, 자동으로 무한 재생이 되는 소스입니다.
▷재생기 안보이게 / hidden=true ▷연속반복듣기 / loop=-1 ▷볼륨업 / volume=0 |
★ 자주 쓰이는 embed 태그 응용 |
1번.미디어가 보이면서 자동 풀레이 연속 듣기 <embed src="음악 소스" volume="0" loop="-1" showstatusbar="true">
2번.미디어가 보이며 재생버턴을 눌러야 하는것 연속듣기 <embed src="음악 소스" volume="0" loop="-1" showstatusbar="true" autostart=false>
3번.미디어가 안보이며 자동 연속 플레이 <embed src="음악 소스"loop="-1" hidden=true autostart=true>
4번.미디어가 안보이며 자동 1회 플레이 <embed src="음악 소스"loop="1" hidden=true autostart=true>
|
★ 플레이어 축소 |
|
<embed src="mms://218.38.55.214/LOW_WMA_MUKE031219/312/312730.asf" width="71" height="24" volume="-1" autostart="true"> |
★ table 태그의 응용 |
|
<table style="BACKGROUND: black" border=8> <tr><td> <embed src="mms://218.38.55.214/LOW_WMA_MUKE031219/312/312730.asf" volume="0" loop="-1" showstatusbar="true"> </td></tr> </table> |
| |