음악 재생기 꾸미기 2

아래 소스는 네이버 블로그에서 사용하는 음악재생기의 기본소스입니다.

포스트 우측 상단에 첨부한 디스켓 파일을 좌클릭하면 태그장이 열립니다.

태그장안에는 이 소스가 그대로 입력되어 있습니다.

아래표와 한가지 틀린부분은 "invokeURLs=false"부분인데 신경쓸 건 없답니다.

왜냐하면 "invokeURLs=false" 는 블로그에 포스팅을 하는 순간 자연적으로 입력되기 때문이지요.

<bgColor=#e8f5ff>

<TABLE style="FONT-SIZE: 9pt" height=10 cellSpacing=0 DIV <> cellPadding=3 width=30 bgColor=#DCEBFF>

<EMBED FONT < invokeURLS="false" AllowScriptAccess="never" autostart="true" invokeURLs="false">autostart="1" face=굴림> 음악주소에 "음악주소"를 붙여넣기하고 결과보기 클릭하면 아래와 같은 재생기가 만들어질 겁니다. 그럼 마우스로 긁어 복사하여 포스트에 불여넣기 하면 됩니다. (일단 편의상 음악 생략하고 재생기 모양만으로 설명) 그리고 이 재생기는 기본적으로 우클릭하여 속성이나 등록정보 보기를 막아놓았는데 그걸 해제시키려면 enablecontextmenu="0"을 enablecontextmenu="1"로바꾸면 되고요. 무한재생을 기본소스로 설정했지만 그걸 한번만 재생시키는 경우를 원한다면 LOOP="1" 항목을 LOOP="0" 으로 바꾸면 됩니다.

이제 저 기본소스에서 변화를 주겠습니다. 이제부터는 글자의 색깔을 주목해 주세요. showaudiocontrols="1"이란 항목을 showaudiocontrols="0"으로 바꾸어 볼까요? 그럼 아래처럼 됩니다.

기본소스에서 showpositioncontrols="0"를 showpositioncontrols="1"로 바꿉니다. 가운데 버튼이 모두 나타납니다.

가장 위의 "트래커버튼"을 보이게 하려면 대문자로 쓰여진 HEIGHT: 25px과 소문자로 쓰여진 height=25 를 각각 HEIGHT: 45px와 height=45 로 기입한후 showtracker="0"항목을 showtracker="1"으로 바꿉니다.

테두리선을 조절하고 싶으면 위에서 두번째 줄 초록색의 cellPadding=3 의 숫자를 변화시켜주면 됩니다. cellPadding=7 로 변화시켰을때 테두리를 없애려면 당연히 cellPadding=3 를 cellPadding=0 으로 바꿔주면 되겠지요.

검은색 재생기 bgColor=#DCEBFF 을 bgColor=#787878 으로 바꾸고 오렌지색으로 표시된 ray 를 xray 로 바꿔주세요. 검은색 뽀샤시 재생기 bgColor=#c8c8c8으로 바꾸고 오렌지색으로 표시된 ray 를 xray 로바꾼 다음 보라색으로 표시된 opacity=100,style=3,finishopacity=100 항목을 opacity=100,style=3,finishopacity=20 로 바꿔주세요.

색반전 재생기 bgColor=#DCEBFF 을 bgColor=#800000 으로 바꾸고 오렌지색으로 표시된 ray 를invert 로 바꿔주세요. 색반전 뽀샤시재생기 bgColor=#DCEBFF 을 bgColor=#D28484 으로 바꾸고 오렌지색으로 표시된 ray 를invert 로 바꾼 다음 보라색으로 표시된 opacity=100,style=3,finishopacity=100 항목을 opacity=0,style=3,finishopacity=50 로 바꿔주세요.

회색 재생기 bgColor=#DCEBFF 을bgColor=#dcdcdc으로 바꾸고 오렌지색으로 표시된 ray 를 gray 로 바꿔주세요. 회색 뽀샤시(흰색) 재생기 cellPadding=3 을 cellPadding=0 으로 바꾸고 bgColor=#DCEBFF 을bgColor=#FFFFFF로 바꾼후 오렌지색으로 표시된 ray 를 gray 로 바꾼 다음 보라색으로 표시된 opacity=100,style=3,finishopacity=100 항목을 opacity=30,style=3,finishopacity=10 로 바꿔주세요.

혹시나 제대로 되지 않았으면 띄어쓰기나 따옴표가 제대로 기입되었는지 다시 한번 확인해 봅시다.

재생기 크기 조절하는 방법을 간과할 뻔 했네요.

아래 그림은 재생기를 수정 모드에서 본 것입니다. 그림 가운데 대고 좌클릭 한번.

그럼 각 모서리마다 네모난 작은 사각형이 보일 것입니다. 아무거나 택해도 상관없지만 저는 가장 오른쪽 하단 부분을 즐겨 이용합니다. 붉은색 체크부분에 마우스를 갖다댑니다.

그럼 사선모양의 양화살표 가 나오거든요? 화살표가 나오면 좌클릭으로 꾸욱 눌러줍니다.

눌러준 상태에서 마우스를 왔다갔다하면재생기 크기가 마우스가 움직이는대로 줄어들거나 늘어나가나 합니다.