본문에 음악을 - 음악에 나만의 색깔 입히기

 

2. Embed로 본문에 음악 넣기

 

---

4) style 명령으로 플레이어 색깔 바꾸기

---

 

글은 다음과 같은 순서로 이어지고 있습니다.   ■ 지난 글     1. Daum 배경음악 블로그 본문에 넣기 1. 1) 기본 배경음악 넣기 1. 2) 본문따라 좌, 우, 중간으로 정렬하기     2. Embed로 본문에 음악 넣기 2. 1) 미디어 플레이어 복사해서 붙이기 2. 2) Embed 태그로 음원 넣기   2. 3) Embed 태그내 각종 명령 익히기   2. 4) Style 명령으로 플레이어 색깔 바꾸기 2. 5) 특별한 나, 나만의 플레이어 색으로 꾸미기   연재가 끝난 위의 글은 제목을 눌러 바로 가실 수 있습니다.

 

■ 오늘 연재하는 글     2. Embed로 본문에 음악 넣기 2. 1) 미디어 플레이어 복사해서 붙이기 2. 2) Embed 태그로 음원 넣기 2. 3) Embed 태그내 각종 명령 익히기 2. 4) Style 명령으로 플레이어 색깔 바꾸기 2. 5) 특별한 나, 나만의 플레이어 색으로 꾸미기

 

 

앞에서 단원 안내를 하며 미디어 플레이어 스킨의 가로 세로 길이를 style 명령어로도 정해 줄 수 있다는 걸 말씀 드렸습니다.  〈EMBED width=300 height=45 src=음원주소.wma type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉   〈EMBED style="width:300px; height:45px" src=음원주소.wma type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉 위의 태그 둘 다 똑같은 효과, 모양을 갖게 됩니다.     style 명령어를 쓸 때 유의하실 점은 기호와 단위를 제대로 적어야 한다는 것 입니다.    style="width：300px； height：45px"   style 명령어는 " " 표로 묶어 주어야 하며 기호；는 명령간의 구분을 표시 합니다. 앞으로 쓸 기회가 많으므로 꼭 익혀 두시기 바랍니다.

 

 

 

① FILTER: blue() - 기본형

 

 

〈EMBED style="FILTER: blue()" src="음원주소.wma"
type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉

 

style="FILTER: blue()" 이 명령이 없어도

기본으로 나오는 미디어플레이어스킨 모양 입니다.

자세한 이야기는 파장을 우려하여 피해 갑니다만,

타 게시판이나 카페 등에 음악을 올리실 때 매우 유용합니다.

 

 

② FILTER: gray()

 

 

〈EMBED style="FILTER: gray()" src="음원주소.wma"
type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉

 

 

③ FILTER: xray()

 

 

〈EMBED style="FILTER: xray()" src="음원주소.wma"
type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉

 

 

④ FILTER: invert()

 

 

〈EMBED style="FILTER: invert()" src="음원주소.wma"
type=audio/x-ms-wma volume="0" autostart="1" loop="-1"〉

 

 

④ FILTER로 반투명 효과   〈EMBED style="FILTER: alpha(opacity=40 Style=1 FinishOpacity=40)blue(); WIDTH: 300px; HEIGHT: 45px" src="음원주소.wma" type=audio/x-ms-wma loop="-1" volume="0" AutoStart="1"〉   〈EMBED style="FILTER: alpha(opacity=40 Style=1 FinishOpacity=40)gray(); WIDTH: 300px; HEIGHT: 45px" src="음원주소.wma" type=audio/x-ms-wma loop="-1" volume="0" AutoStart="1"〉

 

 

---

5) 특별한 나, 나만의 플레이어 색으로 꾸미기

---

 

 

무지개색으로 화려하게 나만의 색으로 만들어 봅니다.^^,

 

상자(Table)를 하나 만들어 바탕색(bgcolor)을 준다음

위 4)항의 ④ FILTER로 반투명 효과를 응용하여

특별한 미디어 플레이어 색을 만들어 봅니다. ^^,

 

 

〈TABLE cellSpacing=0 cellPadding=0 width=300 align=center border=0〉 〈TBODY〉 〈TR〉 〈TD width=300 height=1 bgColor=#66cc00〉 〈EMBED style="FILTER: alpha(opacity=40 Style=1 FinishOpacity=40)gray(); WIDTH: 300px; HEIGHT: 45px" src="음원주소.wma" type=audio/x-ms-wma loop="-1" volume="0" AutoStart="1"〉 〈/TD〉 〈/TR〉 〈/TBODY〉 〈/TABLE〉

 

아래 색상표를 참고하셔서 색깔을 바꿔 보시기 바랍니다.

 

왼쪽의 그림을 마우스로 누르시면 웹칼라차트를 보실 수 있습니다. 웹에서 사용되는 칼라 번호를 쉽게 얻을 수 있습니다. 표의 아래 색상 중에서 원하는 색 위에 마우스를 올리면 색상표 상단에 칼라번호가 나옵니다. 여기 나온 번호를 복사(Ctrl+C, 키보드의 Ctrl 키를 누르고 있으면서 C키를 누름)하여 필요한 자리에 붙여넣기(Ctrl+V, 키보드의 Ctrl키를 누르고 있으면서 V키를 누름) 하시면 됩니다.

 

 

---

 

 

 

인터넷에 저작권이 없는 음악이 제법 있습니다.

저작권 없는 음악을 찾으신다면 여기 링크를 참고하십시오.
http://blog.daum.net/mozzin/2919999

 

 

멋진 블로깅 하시기 바랍니다.

감사합니다.

 

 

 

 

 

 

아래 들리는 음악은 인디밴드 MP3 전문사이트

www.millim.com에서 활동하는 재즈 뮤지션 Lyricist님의
차이코프스키 피아노협주곡 제1번 입니다.