본문 바로가기
음악여행

[펌]미디어 재생기 색깔 다양하게 바꾸기

이보전진 2008. 12. 26. 13:06

1.이미지와 미디어를 같게 하는법.

IMG의 넓이(width)와 미디어의넓이(width)만 똑같이

해주시면,됩니다.

  

2.이미지는 보이는데 미디어는 안보이고 음악을 흘러 나오게 하는법.

 

* 태그 설명

 

● autostart는 자동실행 소스입니다.

    autostart=true   ( 음악 자동 재생 )

    autostart=false  ( 플레이 버튼을 눌러야만 재생 가능 )

    autostart="1"은 자동재생인데 이걸 "0"으로 바꿔주면 수동재생

 

● hidden 부분이 미디어 재생기 노출 여부를 제어하는 소스입니다.

    hidden=true    ( 미디어 재생기 감추기 )

    hidden=false   ( 미디어 재생기 보이기 )

 

● loop는 음악 재생 횟수를 제어하는 부분입니다.

    loop=true   ( 연속 반복 재생 )

    loop=false  ( 한번만 재생 )

    loop ="-1" 는 음악을 반복 설정하는 명령으로 -1 로 하면 무한반복 재생 옵션 입니다.

    loop=5 로 설정 하면 5번 반복 재생 하게 됩니다. 

 

● volume="0" 은  음악을 최대한 크게 들리게 하라는 명령어 입니다.


● height=45  (미디어 플레이어의 높이)

 

● width=20   (미디어 플레이어의 가로길이)

 

● <embed src = 음악파일주소>

 

3.미디어의 색깔을 여러 모양으로 바꾸는 방법.

포스트 수정에 들어가서 오른쪽 상단의 html 편집기를 클릭하여 열고
아래와 같이 소스를 입력한 후 src= 다음에 넣으려고 하는 음악주소(http://~)를 넣어주면 완성
  

 

<Embed src=음악주소

type=audio/x-ms-wma showPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" width="160" height="26">

 

<Embed style="FILTER: gray()" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width=160 Height=26>

 

<Embed style="FILTER: xray()" src=음악주소 type=audio/x-ms-wma  

ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width=160 Height=26>

  </FONT><FONT style="BACKGROUND-COLOR: #ff3300"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #ff6600"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #ffff00"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #00cc00"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #0000cc"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #000066"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>
  </FONT><FONT style="BACKGROUND-COLOR: #660066"><Embed style="FILTER: gray()alpha(opacity=35,style=1,finishopacity=35)" src=음악주소 type=audio/x-ms-wma ShowPositionControls="0" Volume="0" EnableContextMenu="0" showgotobar="0" showstatusbar="0" AllowScriptAccess="never" AutoStart="1" PlayCount="0" Width="160" Height="26"></FONT>

 
 
<EMBED invokeURLs=false style="FILTER: alpha(opacity=100 Style=2 FinishOpacity=0)" src=음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">
 
 
<EMBED invokeURLs=false style="FILTER: gray()alpha(opacity=100 Style=2 FinishOpacity=0)" src=음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">
 
 
<EMBED invokeURLs=false style="FILTER: xray()alpha(opacity=100 Style=2 FinishOpacity=0)" src=음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">
 
 
<EMBED invokeURLs=false style="FILTER: invert()alpha(opacity=100 Style=2 FinishOpacity=0)" src=음악주소 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 )는 나중 마우스로 늘려도 되지만 소스에서부터 정해주고 들어가도 상관 없습니다.(일곱개를 가로 일렬로 깔려다 보니...)원형 색깔 재생기의 소스는 아래와 같습니다.

 

<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" CellSpacing=0 CellPadding=0 bgColor=색상코드>
<TD>
<EMBED invokeURLs=false src=음악주소 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"></TABLE>

 

#FF5050
#FF9100
#FFD700
#A2EE00
#3296FF
#483D8B
#DA5ADA

 

무지개빛 기본색상코드 일곱가지를 적어놓았습니다만 바꾸고 싶으면 색상표를 이용하여 내가 만들고 싶은 색깔을 얼마든지 만들 수 있겠지요.

 

그리고 초록색으로 쓰여진 opacity=30(사용값 0~100)이라는 매개변수를 조절하면 어느 정도의 명암효과를 얻을 수 있습니다.

가로길이를 55로 준 원형재생기는 정지버튼이 보이지 않지만 우측테두리 경계선에 정지 버튼이 숨어 있습니다. 마우스를 갖다대면 "정지"라는 풍선말이 뜨거든요...

 

위의 소스는 좌측 정렬인데 중앙에 위치시키고 싶으면 소스 가장앞에 <CENTER> 를 우측 정렬시키고 싶으면 <DIV align=right> 를 적어주시면 됩니다.

<P align=정렬위치>를 써도 되는데 덧글공간을 먹는 현상이 발생하기도 해서 DIV를 써 주는 것이 안전합니다.

 

이 재생기는 단순소스 대입하는 태그치고는 상당히 실전효과가 뛰어난 태그라 판단되기에 첫 게시글로 올려봅니다. 

 

 

<EMBED invokeURLs=false ID="engine" autostart="true" AllowScriptAccess="never" style="BORDER-RIGHT: #cccccc 9px solid; BORDER-TOP: #cccccc 9px solid; filter:wave(strength=0,freq=30,lightstrength=90,phase=0,add=0) alpha(opacity=100 Style=1 FinishOpacity=100) gray progid:DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 9px solid; BORDER-BOTTOM: #ccc000 9px solid" ID="engine" src=동영상주소 width=320 height=240 type=audio/x-ms-wax playCount="1" volume="0" showpositioncontrols="0" showstatusbar="0" ShowControls="true" enablecontextmenu="0">

 

 

 

4.미디어를 다보이게 말고 플레이 부분과 스톱 부분만을 보이게 하는 방법.

 
 
<EMBED invokeURLs=false invokeURLs=false style="FILTER: alpha(opacity=100 Style=2 FinishOpacity=0)" src=음악주소 width=70 height=26 type=audio/x-ms-wma AllowScriptAccess="never" enablecontextmenu="0"  LOOP="1" volume="0" Autostart="1">

 

음악 여러개 올리기 네이버 버젼 태그

<FIELDSET style="BORDER-RIGHT: # 9999661px solid; PADDING-RIGHT: 10px; BORDER-TOP: # 9999661px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #999966 1px solid; WIDTH: 350px; PADDING-TOP: 10px; BORDER-BOTTOM: #999966 1px solid">
<table background="  " width="530" height="800" border=0><tr><td>
  <SPAN style="FONT-SIZE: 10pt"><FONT face=굴림>
</FONT><span style=color:#FFD228><center>
<img src=

style="FILTER: alpha(opacity=90, style=1, finishopacity=3)" width=200 height=197><br>

01:   <br>


<EMBED invokeURLs=false autostart="false" style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray(); "AllowScriptAccess="never"

src=

width=100 height=25 volume="0" PlayCount="10" AutoStart="-1"><br>

02:   <br>
<embed src=   style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0   hidden="false" width="100" height="25" AutoStart="0"><br>

03:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1 " hidden="false" width="100" height="25" AutoStart="0"><br>

04:   <br>
<embed src=   style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1  hidden="false" width="100" height="25" AutoStart="0"><br>

05:   <br>
<embed src=   style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1   hidden="false" width="100" height="25" AutoStart="0"><br>

06:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray(); 
volume=0 loop=-1  hidden="false" width="100" height="25" AutoStart="0"><br>

07:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0   hidden="false" width="100" height="25" AutoStart="0"><br>

08:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1 " hidden="false" width="100" height="25" AutoStart="0"><br>

09:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1  hidden="false" width="100" height="25" AutoStart="0"><br>

10:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0 loop=-1   hidden="false" width="100" height="25" AutoStart="0"><br>

11:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray(); 
volume=0 loop=-1  hidden="false" width="100" height="25" AutoStart="0"><br>

12:   <br>
<embed src=  style="FILTER: alpha(opacity=50 Style=1 FinishOpacity=2) gray();
volume=0   hidden="false" width="100" height="25" AutoStart="0"><br>

 

<P align=left><LEGEND><FONT color=#996600><SPAN style="FONT-SIZE: 8pt"></LEGEND></SPAN></FONT></SPAN></SPAN></P></DIV>

</P></SPAN></FONT></TD></TR></TBODY></TABLE></DIV></FIELDSET>
<P align=center></P>

내 컴에 저장된 음악을 블로그에 올리려면..

파일 변환 컨버터를 설치해야 합니다..

주로 애용하는 컨버터 입니다..

다운 받아 사용하세요..

 

dBpowerAMP Music Converter

01. dmc-r9.exe
02. db-wmfdist-wma9.exe
03. dBpowerAMP-codec-wmav9.exe

 

이렇게 3개를 다운로드 받습니다.

첫번째 링크는 dBpowerAMP Music Converter 본 프로그램입니다.
두번째 링크는 windows media format 9 series runtime입니다.
                   (이거 없이 첫번째와 세번째만 깔면 에러메시지 뜹니다.)
세번째 링크는 asf, wma ,wmv도 변환할 수 있도록 해주는

                  dBpowerAMP Music Converter용 코덱입니다.


저작자표시 비영리 변경금지

'음악여행' Related Articles

티스토리툴바