embed - 음악, 동영상, 플래시 파일

embed 태그는 html 문서상에 음악, 동영상, 플래쉬 등을 끼워 넣을 수 있는 태그입니다.
bgsound 라는 비슷한 태그가 있으나, bgsound보다는 embed 태그를 권장합니다.

플래쉬 애니매이션을 다른 사람에게 보이기 위해서 게시판이나 홈페이지 등에서 다음과 같이 태그를 작성합니다.

<embed src="http://oxtag.com/html/music/asx/yemin.asx" width=500 height=400>

하지만, 사실 위와 같이 하면 못 보는 사람들도 있습니다.
단지, 처음 컴퓨터에 윈도우즈를 설치하고 익스플로러를 띄워서 어떤 사이트들을 방문하면
이것저것 설치를 하는게 많죠? 그 가운데서 Macromedia 사의 Flash Plugin도 설치를 합니다.
그래서, 플래쉬 애니매이션을 볼 수 있는 것이구요.

그럼, 어떻게 음악파일인지, 플래쉬 파일인지 알 수 있을까요?
사실, 컴퓨터는 파일의 확장자를 가지고 파일을 구분하긴 하지만,
좀 더 엄밀히 말하면 파일 안에 header라는 공간에 '나는 무슨 무슨 종류의 파일이에요~'
하고 자기 자신을 설명하는 부분이 있습니다.
따라서, ogg 확장자를 mp3로 변경한다고 해서 ogg 음악파일이 mp3 음악파일이 되는건 아니죠.
특정 프로그램으로 아예 파일의 형식 자체를 바꾸어야 하는 겁니다.

embed 태그로 음악을 재생할 때는 여러가지 유용한 기능들을 추가할 수 있습니다.
embed 태그로 재생이 되는 음악, 동영상 등은 특별히 건드리지 않는 한 사용자의 Windows Media Player로 연결이 됩니다.
Windows Media Player에서 '도구 -> 옵션 -> 파일 형식' 에 가셔서
embed에 재생될 파일 확장자를 체크해 놓는게 좋습니다.
하지만, 모든 사람이 다 이렇게 하진 않죠. 하라고 말을 해도 안 하죠..^^;

그래서 모든 사람이 들을 수 있게 mp3, ogg 등의 파일에는 type="application/x-mplayer2"를 붙이는게 좋습니다.
의미는 그냥 지금 재생할 파일을 Media Player로 연결시켜줘~ 라고 보시면 됩니다. ^^;


자....
그럼 "예민 - 꽃이 바람에게 전하는말"을 감상하시면서 여러 기능들을 알아보죠.

먼저 속성값의 false(1)과 true(0)이 있습니다.

1. 플레이어 안보이고 음악만 나오게...

<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" hidden=true>  

예제(안보임) :
hidden=true를 넣으시면 음악은 재생이 되고, 콘트롤 등은 안 보입니다.
기본값은 hidden=false로 콘트롤이 보이는 것이기 때문에 안보이게 하지 않으실 거면 넣지 않으셔도 됩니다.




2. 반복하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" loop="true">  
  
예제 :
loop=true, loop=-1, loop=infinity등을 넣으시면 사용자가 정지를 하기 전까지는 계속해서 반복을 합니다.
특별히 원하는 횟수만큼 반목을 하고 싶다면 loop=3식으로 반복하기 원하는 숫자를 입력하시면 됩니다.
반복되는 음악을 감상하시면서 다른 기능들도 알아보죠. ^^




3. 자동재생 안하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false">  
  
예제 :
autostart=false, autostart=0등을 넣으시면 사용자가 시작 버튼을 누를 때 까지 음악 재생을 안 합니다.
기본값은 자동 재생이기 때문에 특별히 값을 넣지 않게 되면 바로 음악이 시작 됩니다.
예제에서 시작 버튼을 눌러야 음악이 재생됩니다. 이하 모든 예제에는 자동재생을 꺼 놨습니다.
여러곡이 한꺼번에 나오면 머리 아프잖아요. ;;




4. 상태바 보이기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true">  
  
예제 :
showstatusbar=true, showstatusbar=1등을 넣으시면 현재 플레이어 상태를 보여줍니다.
기본값은 false 입니다. 연결상태, 버퍼링 과정, 인코딩된 음악에 제목과 가수가 있으면 그것도 표시를 해줍니다.
동영상 같은 버퍼링이 오래 걸리는 것이라던지, 연결이 오래 걸리는 영상 등을 보여줄 때 사용하면 보시는 분들이
무작정 안된다고 하지 않고 기다려주겠죠? ^^ 예제에서는 정지된 상태이기 때문에 "정지됨"이라고 표시되어 있습니다.




5. 콘트롤바 숨기기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true" showcontrols="false">  
  
예제 :
showcontrols=false, showcontrols=0등을 넣으시면 사용자가 제어 할 수 있는 콘트롤들이 몽땅 안 보이게 됩니다.
기본값은 true 입니다. 예제에서 처럼 상태바는 보여주고 콘트롤 바는 안보여주게 할 수 있고,
동영상 같은 것(뮤직비디오)을 콘트롤바 없이 보여주는 것도 꽤 괜찮습니다.^^




6. 볼륨 콘트롤 안보이기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showaudiocontrols="false">  
  
예제 :
showaudiocontrols=false, showaudiocontrols=0등을 넣으시면 볼륨에 관한 콘트롤이 없어집니다.
기본값은 true 입니다. 사용자가 볼륨을 건드리지 못하게 할 때 사용하면 유용하겠죠?
무조건 소리 없이 동영상만 봐라 혹은 최대 볼륨으로 들어아 할 때 등등...써 놓고 보니 별 활용가치는 없는 듯 하네요. ㅡㅡ;;




7. 이전곡, 다음곡 버튼 감추기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showpositioncontrols="false">  
  
예제 :
가운데가 허전하죠? ^^; showpositioncontrols=false, showpositioncontrols=0등을 넣으시면 예제에서
보시는 것 처럼 이전곡, 다음곡 버튼이 없어집니다. 이전곡, 다음곡 등을 사용자가 누르지 못하게 하는 거죠.
지금 보고 있는거 끝까지 봐라!! 라고 하는 강제적인 기능입니다. (-_-;)




8. 트랙바 감추기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showtracker="false">  

예제 :
showtracker="false", showtracker=0등을 넣으시면 예제에서 보시는 것 처럼 트랙바가 없어집니다.
현재 곡이 진행되고 있는 상황을 표시하는 목적과 사용자가 원하는 곳으로 쉽게 이동을 하기 위한 것인데,
이걸 없애버림으로서, 원하는 곳으로 이동 못하는거죠. 뭐, 깔끔하게 보이기 위한 것도 있겠죠.




9. 응용하기
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" autostart="false" showstatusbar="true" showaudiocontrols="false" showpositioncontrols="false" showtracker="false">  
  
예제 :
모든 기능들은 중복이 가능합니다. 예제에서처럼 썰렁하게 만들 수도 있습니다. ^^;




10. 볼륨 및 기타
  
<embed src="http://oxtag.com/html/music/asx/yemin.asx" type="application/x-mplayer2" volume="0" balance="10000">  
  
예제 :
볼륨은 -10000 부터 0 까지 아주 초절정의 섬세한 조정을 할 수 있습니다. 0이 최대값입니다.
기본 값은 -6000 입니다. 또한, balance 라는 것을 통해서 왼쪽과 오른쪽의 스테레오 값을 조정할 수 있습니다.
-10000이면 왼쪽 최대 10000이면 오른쪽 최대입니다. 한번 예제에 있는 것을 재생시켜 보세요. 스피커에서 오른쪽만 들릴겁니다. ^^