[스크랩] 태그배우기

동영상 or 음악 태그란 말 그대로 음악이나 소리가 나오게 하는 태그입니다.

요즘은 개인 홈페이지, 카페, 블로그등에 동영상, 배경음악을 많이들 삽입하고 있습니다.

그럼, 동영상.음악태그를 알아보기 전에 우선, 음악태그에 주로쓰이는 파일의 종류에 대해서 잠시만 짚고 넘어갑시다.


 ※ 음악파일의 종류

ⓐ asf / wma / wmv 파일 (윈도우미디어 파일)
  asf 는 오디오 스트리밍 파일의 약자로서 홈페이지 배경음악용으로 용량대비 음질이 괜찮다고 평가 할 수 있습니다. mp3파일에 비해 용
량은 1/4 이고 음질은 그냥 듣기에 큰차이가 없기 때문이죠.
대부분의 인터넷음악사이트에서 대부분 asf와 wma 형식의 음악파일로 서비스를 하고 있습니다. 

ⓑ mp3 파일

MP3파일은 오디오 데이터를 동영상 압축기술인 MPEG를 사용해 압축한 것으로 적은 용량으로 CD수준의 음질을 재생할 수 있습니다.
MP3플레이어 등에 사용되는 파일로 오디오파일의 표준으로 사용되고 있습니다.

그외 mid, ra, ram, wav 파일등이 있는데, 현재는 웹상에서 음악태그상에서는 거의 쓰이지 않으므로, 참고정도로 파악하시면 됩니다.


 

음악태그 종류	설명
<embed src="음악주소">	음악태그에 한해서는 가장 많이 쓰입니다. embed 태그에서는 주로 asf, wma의 파일들이 주로사용되고, 가끔 mp3파일도 이용되기도 합니다. 여러가지 속성에 따라 음악을 바로 재생할 수도 있고, 재생버튼을 눌러야 재생할 수도 있는등. 여러 가지 속성이 있습니다. 세부적인 속성은 아래 표를 참조하세요
	홈페이지의 배경음악을 넣는 데 사용하는 태그입니다. 주로 사용되는파일은 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="http://test.myi.cc/media/music.asf"
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="http://test.myi.cc/media/music.asf" width="71" height="24" volume="-1" autostart="true">

★ table 태그의 응용

<table style="BACKGROUND: black" border=8> <tr><td> <embed src="http://test.myi.cc/media/music.asf" volume="0" loop="-1" showstatusbar="true"> </td></tr> </table>

출처 : 나물먹고 물마시고

글쓴이 : 나물먹고 물마시고 카페운영자 원글보기

메모 :