음악 재생기 꾸미기 1

1

재생기에 예쁜 색을 입혀볼까요^^

Embed style=FILTER: gray() src=음악주소 ShowPositionControls=0 Volume=0 EnableContextMenu=0 showgotobar=0 showstatusbar=0 AllowScriptAccess=never AutoStart=true loop='-1'PlayCount=0 Width=160 Height=26 (검정색은 xray로..)

★기본 재생기에서

색을 주기 위하여 필요한 소스람니다..^^

* FONT

* EMBED invokeURLs=false invokeURLs=false style=FILTER: gray; WIDTH: 158px; HEIGHT: 25px src=음악주소 width=158 height=25 type=audio/mpeg autostart=false AllowScriptAccess=never invokeURLS=false AutoStart=yes volume=0 loop=-1

* Background-Color의 빨간글자부분에 원하는 색상 태그를 넣어주시면 다양하게 활용하실

수 가 있지요.

* 자동으로 재생시키기 위하여: Autostart를 true로

수동으로의 재생방법은 false(즉 Autostar=true)

* 재생을 반복하기 위하여: loop=-1

한번만 재생시키기 위하여: loop=1을 해주시면...

* 재생기를 숨기기 위하여: hidden=true 감출땐 false

* 볼륨을 설정하고 싶을때: volume=0 볼륨의 값은 0~-1000까지

*재생기의 크기를 조절하고 싶을때: width 와 height값을 지정해주시면 된답니다..

♣ 음악만 재생하는 미디어 플레이어

embed src=음악주소 style=FILTER:gray volume=0

embed src=음악주소 style=FILTER:invert() volume=0

embed src=음악주소 style=FILTER:xray() volume=0

♣ 동영상 재생 미디어 플레이어

embed src=음악주소 invokeURLs=false loop=-1 autostart=truewidth=250 height=250 volume=0style=FILTER:gray style=border:ridge 0 -마찬가지로 크기나 색상은 위의 설명과 같이 하시고 재생기에 테두리윤곽을 주시고 싶으시다면 border:ridge의 숫자 0을 더 큰수로 줄수록 보더 선이 굵어져요.

♣ 곡정보를 나타나게 하고 싶다면

embed src=음악주소 autostart=true showstatusbar=true style=FILTER:gray volume=0

♣ 음악 정보만 표시하고 싶다면

embed src=음악주소 type=application/x-mplayer2 autostart=true showstatusbar=true showcontrols=false volume=0

♣ 흐리게 표시하고 싶을때

embed invokeURLs=false autostart=true AllowScriptAccess=never invokeURLS='false' style=FILTER: gray()alpha(opacity=10,style=1,finishopacity=80) src=음악주소Volume=0 loop=-1

♣원형 재생기를 만들고 싶을때 (1)

EMBED invokeURLs=false invokeURLs=false style=FILTER: alpha(opacity=100 style=2 finishopacity=2) gray(); WIDTH: 171px; HEIGHT: 25px src=음악주소 width=171 height=25 autostart=true AllowScriptAccess=never invokeURLS=false loop=-1 volume=0 (검정색은 xray로..)

♣원형재생기를 만들고 싶을때 (2)

EMBED invokeURLs=false invokeURLs=false style=FILTER: xray(opacity=80 style=2 finishopacity=2 gray(); WIDTH: 70px; HEIGHT: 25px src=음악주소 width=70 height=25 autostart=true AllowScriptAccess=never invokeURLS=false loop=-1 volume=0

♣움직이는 원형재생기를 만들고 싶을때 (3)

marquee scrollamount=1 behavior=alternate width=200px EMBED invokeURLs=false invokeURLs=false style=FILTER: gray(opacity=100 style=2 finishopacity=2 gray(); WIDTH: 51px; HEIGHT: 25px src=음악주소 width=75 height=25 autostart=true AllowScriptAccess=never invokeURLS=false loop=-1 volume=0/MARQUEE FONT *scrollamount 숫자는 커질수록 속도가 빨라지며 *behavior은 왔다 갔다하라는 명령어므로 빼주시면 사라졌다 나타나게된답니다.^^

♣ 태그 연습장←클릭

-소스입력후 결과보기,copy하여 블로그에 붙여넣기 하여 쓰세요.

-결과보기에 나오지 않더라도 그대로 카피하여 사용하시면 됩니다.

(때로 흰색이나 그림은 표시되지 않을 경우도 있답니다)

*opacity, finishopacity의 수치가 낮을수록 흐려지게 되므로

수치를 조절해주시는 센스..^^

*태그는 반드시 꺽쇠가로 즉 안에 넣어 사용해주셔야 합니다^^

포스팅 과정에서 변형이 되어서앞과 뒷부분의 을 일단 뺐어요...ㅎㅎㅎ

서마담..

음악 , 동영상 올리는 태그 태            그 설                     명  <bgsound src="음악주소"> 이것은 네스케이프에서는 실행이 안되고 익스플로에서만 실행이 된답니다. embed는 파일을 다운 받으면서 실행이 되지만 이것은 파일을 다 받은 후에 실행이 됩니다.  <embed src="음악주소"> 파일을 다운로드 받으면서 재생을 하기 때문에 보통 이걸 만이 쓰죠.  <a href="음악주소" target"_new">제목</a> 이것은 미디어플레이어나 리얼오디오 같은 재생기가 뜨면서 들려주는 겁니다. 배경음악으로 사용하는 것이아니라 음악 들려줄 때 사용하는 태그입니다.  <object src="음악주소"> object 태그를 사용하는 사람들은 그다지 만치 안습니다. 이것은 embed와 같은 기능인데 새로운 창이 박히면서 거기에 음악상태바나 동영상이 나타나게 되죠.   embed   옵션 태그   autostart=true/false true의 경우 로딩되자마자 자동실행되고 false의 경우 그 반대죠^^   hidden=true/false  음악조절판이 true의 경우 보이지 않고 반대로 false의 경우 보이게 됩니다.   loop=true/false true일 경우 계속 반복, false일 경우 한번만 반복이져^^   showcontrols=true/false false일 경우 화면은 보이고 플레이어의 조절판 하단은 안보임. true는 반대   width=수치 height=수치 음악조절판의 좌우높이 조절을 하는 옵션입니다.

<embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:invert()"> 그레이:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:gray()"> 엑스레이:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:xray()"> 웨이브:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:wave()"> 블러:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:blur()"> 글로우::색상변경가능 <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:progid:DXImageTransform.Microsoft.glow(color=blue)"> 드롭쉐도우::색상변경가능 <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:progid:DXImageTransform.Microsoft.dropshadow(color=red)"> 엠보스:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:progid:DXImageTransform.Microsoft.emboss()"> 엔그레이브:: <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:progid:DXImageTransform.Microsoft.engrave()"> 기본::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2);width:80;height:30;"> 인버트::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2)invert();width:80;height:30;"> 그레이::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2)gray();width:80;height:30;"> 엑스레이::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2)xray();width:80;height:30;"> 엠보스::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2)progid:DXImageTransform.Microsoft.emboss();width:80;height:30;"> 엔그레이브::alpha <embed src=http://haxim.kr/tagtest/sample.mid style="FILTER:alpha(style=2)progid:DXImageTransform.Microsoft.engrave();width:80;height:30;">