[스크랩] 다양한 색상의 음악재생 플래이어

다양한 색상의 음악재생 플래이어 음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">   음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">   음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1"> 소스중에 초록색으로 쓰여진 100을 낮춰주면 점점 투명해지다가 0에 이르면 완전 투명해집니다. 투명도를 조절해서 써 보세요. 노란색 Autostart="1"은 자동재생인데 이걸 "0"으로 바꿔주면 수동재생 됩니다. 재생기를 마우스로 잡아 크기를 조절할 수 있습니다. 이제 이 기본형에서 한층 더 진보된 응용형으로 들어가 봅시다. 바로 원형 재생기에 칼라를 넣는 기법입니다. 위의 기본형에서는 파란색으로 표시된 가로 길이가 width=70 으로 되어 있는데 이걸 55로 줄이고 시작하겠습니다. 맘에 드는 길이를 알아서 책정해 주면 되겠지요. 가로길이와 세로길이( height )는 나중 마우스로 늘려도 되지만 소스에서부터 정해주고 들어가도 상관 없습니다.(일곱개를 가로 일렬로 깔려다 보니...)원형 색깔 재생기의 소스는 아래와 같습니다. 색상코드> 음악주소 style="FILTER: alpha(opacity=30,style=2,finishopacity=0)" width=55 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0" LOOP="1" volume="0" Autostart="1"> #FF5050 #FF9100 #FFD700 #A2EE00 #3296FF #483D8B #DA5ADA 무지개빛 기본색상코드 일곱가지를 적어놓았습니다만 바꾸고 싶으면 색상표를 이용하여 내가 만들고 싶은 색깔을 얼마든지 만들 수 있겠지요. 그리고 초록색으로 쓰여진 opacity=30(사용값 0~100)이라는 매개변수를 조절하면 어느 정도의 명암효과를 얻을 수 있습니다. 가로길이를 55로 준 원형재생기는 정지버튼이 보이지 않지만 우측테두리 경계선에 정지 버튼이 숨어 있습니다. 마우스를 갖다대면 "정지"라는 풍선말이 뜨거든요... 위의 소스는 좌측 정렬인데 중앙에 위치시키고 싶으면 소스 가장앞에  를 우측 정렬시키고 싶으면 를 적어주시면 됩니다. 를 써도 되는데 덧글공간을 먹는 현상이 발생하기도 해서 DIV를 써 주는 것이 안전합니다. 이 재생기는 단순소스 대입하는 태그치고는 상당히 실전효과가 뛰어난 태그라 판단되기에 첫 게시글로 올려봅니다.         style="FILTER: gray()" src="음악주소" ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width=160 Height=26>  style="FILTER: xray()" src="음악주소" ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width=160 Height=26>               ● 표준 사이즈 음악주소 width=300 height=45 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과  ● 중간 사이즈 ( Type1 ) 음악 주소 width=65 height=45type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과  ● 중간 사이즈 ( Type2 ) 음악  주소 width=165 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과  ● 작은 사이즈 ( Stop 보튼 보이기 ) 음악 주소 width=64 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과  ● 작은 사이즈 ( Stop 버튼 숨기기 ) 음악 주소 width=48 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과   ● 회색 표준 사이즈 음악주소 width=300 height=45 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과  ● 회색 중간 사이즈 ( Type1 ) 음악 주소 width=65 height=45type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과   ● 회색 중간 사이즈 ( Type2 ) 음악  주소 width=165 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과 ● 회색 작은 사이즈 ( Stop 보튼 보이기 ) 음악 주소 width=64 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과   ● 회색 작은 사이즈 ( Stop 버튼 숨기기 ) 음악 주소 width=48 height=28 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과 ● 블랙 표준 사이즈 음악주소 width=300 height=45 type=audio/x-ms-wma showControls="true" volume="0" LOOP="FALSE" enablecontextmenu="0"> ▼ 결과 ▲ 블랙 미디어 재생기는  style 소스 부분만 바꿔주면 됩니다.  ☞ style="FILTER: xray();  로 고쳐 주세요.

출처 : 영상 스토리

글쓴이 : 향기인 원글보기

메모 :