posted by 오리밭 2009. 7. 5. 13:57


━━━━━━━━━━ embed 태그에서 사용할 수 있는 각종 옵션 ━━━━━━━━━━


우선 제가 주로 사용하는 태그로 먼저 설명해 드릴께요.

<embed src=http://경로/파일.wmv autostart="1" volume="0" loop="-1" showstatusbar="1">
</embed>


자, 하나하나 한번 볼까요?

autostart="1" 이건 자동으로 플레이 한다는 뜻입니다. 블로그에서 '기본정보관리'에 들어가시면 제일 아랫쪽에 멀티미디어 관리 체크옵션이 있습니다. 체크를 해 주셨다면 자동으로 노래가 재생됩니다. 그리고 AUTOSTART 이렇게 대문자로 써 주시면 뮤직샘과 상관없이 자동플레이 됩니다.

volume="0" 볼륨 최대값으로 재생합니다. 볼륨값은 -10000부터 0까지 있습니다. volume옵션을 사용하지 않으면 기본값은 -6000으로 적용됩니다.

loop="-1" 무한반복하게 하는 설정입니다.

showstatusbar="1" 플레이어에서 제목이나 가수명, 앨범명 등이 나오는 부분입니다.
제가 올린 게시물의 형태를 예제로 더 자세한 설명 드릴께요. ^^

 

 


영어가 많기도 하죠? 어쩔 수 없습니다. 모든 속성은 영어로 지정해줘야만 하거든요. 한글도 사용할 수 있으면 얼마나 좋을까요? 각설하고 설명 들어갈께요. ^^

① AUTOSTART 위에서 설명했죠? 자동재생입니다. 이 옵션을 안 주거나 ATUOSTART="0"이라고 적으면 자동재생이 안 되겠죠? 그리고 블로그 관리로 들어가서 멀티미디어 관리에 체크해주시는 쎈쓰!

② Showtracker 이건 위에보면 시간이 지날수록 움직이는 바 있죠? 중간부터 듣고 싶으면 중간으로 확! 넘겨 버릴 수 있는 바...특정부분을 가리키는 바..그걸 생겼다 없앴다 할 수 있습니다. Showtracker="0" 이라고 적으면 안 보이겠죠? 이 옵션은 안 적으면 기본값은 "1", 즉 보입니다.

③ Loop 무한반복 설정입니다. 이 옵션을 안 적으면 한번만 재생됩니다.

④ Volume 이것 역시 위에서 설명했죠? ^^

⑤ Showaudiocontrols 이건 볼륨설정을 못 하도록 막아 버리는 옵션입니다. 볼륨조절이 없어져요. ^^ Showaudiocontrols="0" 이라고 적으면 볼륨조절이 없어지고 "1"로 적거나 이 옵션을 사용하지 않으면 기본값으로 볼륨조절이 보입니다.

⑥ Showstatusbar 스트리밍상태, 가수, 곡명, 앨범, 음질 등의 값을 보여주는 곳입니다. 이 옵션은 "1"로 적으면 보이고, "0"으로 적거나 그냥 내버려두면 기본값이 적용됩니다. 기본값은 보이지 않습니다.

⑦ Showgotobar 요놈은 어디에 쓰이는건지는 잘 모르겠습니다. 별로 쓰일일은 없더군요. 이 옵션은 "1"일 경우에는 보이고 "0"이거나 적지 않을경우 기본값으로 적용됩니다. 기본값은 보이지 않습니다.

⑧ Showdisplay 말 그대로 디스플레이 옵션입니다. 노래제목과 가수 등을 보실 수 있는 창이 하나 더 생깁니다.

⑨ Showpositioncontrols 이전곡, 다음곡, 빨리감기, 되감기등의 버튼을 감추는 옵션입니다. Showpositioncontrols="0"으로 하면 버튼들이 없어지고, "1"로 하거나 옵션을 사용하지 않으면 기본값으로 적용됩니다. 기본값은 보입니다.

해당 부분부분으로 설명을 드리면서 그림은 다 나와있는 그림이 아니네요. 모든건 직접 해 보셔야 합니다. 그래야 감이 오죠. 우선
< 여기 >를 참고 하셔서 블로그에 음악을 한번 올려보세요. 그리고 메모장을 수정하면서 이렇게 저렇게 한번 바꿔보시구요.

참고로 메모장도 괜찮지만 혹시라도 '나모'나 '드림위버'를 구할 수 있는 능력이 있으시다면 편집하시기 더 편할거예요. '나모'나 '드림위버'의 사용법은 직접 알아서 공부하세요. ^^



 


━━━━━━━━━━━━━플레이어의 색깔에 변화를 주자!━━━━━━━━━━━━

 

자, 지금부터는 색깔에 대해 말씀드리겠습니다.
여기저기 다니다보면 플레이어 색깔이 기본색이 아니라
검은색 혹은 회색으로 되어 있는 블로그나 카페 보셨나요?

 

이런식으로 되어 있는 예쁜 플레이어를 보셨을겁니다. 자, 이런건 어떻게 만들 수 있을까요? 여기까지 다 해보신 분들이라면 뭐 식은죽 먹기일 겁니다. 블로그에 음악 올릴줄 모르시는 분이 여기까지 따라 하셨다면
< 여기 >에 가셔서 배우신 후 다시 오세요. ^^

위의 그림에서 설명을 드릴께요. 다른 옵션에 관한 설명은 다 드렸으니 색깔만 설명 드릴께요.

①번플레이어의 태그는
<embed style="filter: invert()" src="http://경로/파일.wmv" autostart="1" volume="0" loop="-1"></embed> 이렇게 적었습니다. 자 뭔지 아시겠죠? embed 태그 안에 style="filter: invert()" 를 적는겁니다. 그럼 기본플레이어에서 색상이 반전되서 나오는겁니다.

②번 플레이어의 태그는
<embed style="filter: xray()" src="http://경로/파일.wmv" autostart="1" volume="0" loop="-1" Showpositioncontrols="0" showtracker="1"></embed> 이렇게 적었습니다. style="filter: xray()" 로 바꿨습니다. 즉 X-Ray 찍은듯한 색상이 나오게 됩니다. (②번 플레이어를 보면 Showpositioncontrols 옵션에 대해 아시겠죠? ^^)

③번 플레이어의 태그는
<embed style="filter: gray()" src="http://경로/파일.wmv" autostart="1" volume="0" loop="-1" Showaudiocontrols="0"></embed> 이렇게 적었습니다. 글자 그대로 gray 색상이죠. (③번 플레이어를 보면 Showaudiocontrols 옵션이 어떤건지 바로 아시겠죠? ^^)

그럼 다른 색상은 어떻게 하는지 한번 볼까요? ^^


눈치를 채셨는지 모르겠네요. 네, 해당색상코드만 바꾸면 되겠죠? 그런데 그것 말고 또 다른게 숨어 있습니다. 바로
opacity값이죠. opacity 말고도 finishopacity 라는게 또 있죠? 앞과 뒤의 색상을 그라데이션 효과를 줄 수 있습니다. 예를 들어 opacity를 20으로 주고 finishopacity값을 60으로 주면 앞쪽은 진한, 그리고 뒷쪽은 연한 붉은색이 되는거죠.

이 값을 적절히 사용하시면 새롭고 멋드러진 플레이어로 음악을 재생 하실 수 있을겁니다.


※ enablecontextmenu="0" : 메뉴금지, 결론적으로 마우스 우측 클릭 금지



※ asf, wma, wmv 파일만 가능합니다. mp3파일은 windows media encoder 같은 프로그램으로 변환해서 사용하시면 됩니다. (ogg나 mp3파일은 그냥 사용하실 수 없습니다. 윈도우즈 미디어 인코더나 '거원제트오디오'로 변환한 후 사용하세요.)






























사용자 삽입 이미지


사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지