컴퓨터 상식

<음악 명령어 속성 이해하기>와 <음악 올리기 실전 연습>

해피y 2017. 1. 18. 22:56

 

<음악 명령어(embed 태그) 속성 이해하기>

 

블로그나 카페 등 웹상에 음악을 올리려면 먼저 음악 명령어(태그)들의 속성부터 이해해야 합니다.

어렵지 않으니 차근차근 읽어 보시고 아래 실전 연습을 하시기 바랍니다.

처음에는 이해가 안되더라도 아래 실전연습을 해보면 금방 이해가 될 것입니다.

 

먼저 음악을 올리는 미디어 플레이어(오디오바)의 기본 소스는 아래와 같습니다.

 

<EMBED style="FILTER:gray" height=69 type=application/octet-stream width=400
src=음원주소
showstatusbar="1" loop="-1" enablecontextmenu="1" autostart="1" volume="0" showtracker="1">

  

위의 기본 소스를 이해하기 위한 음악 명령어(태그)의 속성들을 설명하겠습니다.

 

음악 명령어(태그)의 속성

 

1. style="FILTER:gray"  : 미디어 플레이어의  스타일(색상)을 지정합니다.

                                   gray (회색), xray (흑색), invert 가 있습니다.

 

2. height= "수치" : 미디어 플레이어의 세로 크기를 지정 합니다.

 

3. width= "수치" : 미디어 플레이어의 가로 크기를 지정 합니다.

 

4. src= "음원주소" : "음원주소"부분에 음악이 등록된 URL주소를 입력합니다.
 

5. showstatusbar="1" or "true" : 미디어 플레이어의 하단 곡,음악가 등과 시간표시.

   showstatusbar="0" or "false" : 나타나지 않음.

 

6. loop="-1" or  "infinite" : 음악을 무한 번으로(계속해서) 반복 재생하라는 명령어.

       (loop=true/false : true일 경우 계속 반복, false일 경우 한 번만 반복 )

   loop="1" : 음악이 한 번만 재생됨.

   loop="2" : 음악이 두 번만 재생됨.

   loop="10" : 음악이 열 번 재생됨.

 

7. autostart="1" or  "true" : 게시물이 로딩되면서 자동으로 음악을 재생하라는 명령어.

   autostart="0" or "false" : play 버턴을 눌러야 음악이 재생됨.(수동재생)

 

8. volume=" 원하는 수" : 볼륨을 조절합니다.

   volume="0"이면 최대 볼륨 상태.

   volume="30"정도면 아주 적게 들리고
   volume="70"이면 보통.

 

9. showtracker="1" : 음악 진행 상태 (미디어 플레이어의 윗부분)

 

10. enablecontextmenu= "1" or  "true" : 미디어 플레이어의 속성을 보여줌.

     enablecontextmenu= "0" or "false" : 미디어 플레이어의 속성을 안보여줌.

                      (음원의 속성 "퍼가기 금지"시키는 경우에 사용합니다.)

 

11. type=application/octet-stream : <Daum>에서는 넣지 않아도 자동 생성됩니다.

 

12. 그외 명령어도 있지만 현재는 여기까지만 알아도 충분하기 때문에 생략합니다. 

          (참고로 되도록이면 "0" 또는 "1"를  사용하세요.)

 

 

  

<음악 올리기 실전 연습>

 

이제 음악을 실제로 블로그에 실제로 올려 보도록 하겠습니다.

 

(먼저 저의 블로그에는 무단복사나 퍼가기를 금지하기 위해 마우스 오른쪽 사용을 허용하지 않습니다. 그래서 아래 소스를 복사 할 수가 없기에 때문에 메모장에 필요한 소스를 적어 놓았으니 [첨부파일]을 클릭하여 열기를 하시고 아래 설명데로 따라 해 보세요~~)

 

[첨부파일]

음악 올리기 실전 연습.txt

 

자, 그럼 시작하겠습니다.

 

1. 우선 자신의 블로그에 글쓰기를 클릭하여 글쓰기의 우측상단에 있는 □ HTML부분에 체크를 하여 HTML 편집상태로 합니다.

 

2. 아래는  위에서 소개한 미디어 플레이어(오디오바)의 기본 소스입니다.

 

<EMBED style="FILTER:gray" height=69 type=application/octet-stream width=400
src=
음원주소
showstatusbar="1" loop="-1" enablecontextmenu="1" autostart="1" volume="0" showtracker="1">

 

3. 아래의 미디어 플레이어의 Play버턴을 클릭하면 흘러나오는 음악의 주소입니다.

 

http://bin.cafe.empas.com/k21sea/pds/b7/attach_down.html?asn=5&msn=1¬ice=0/1.wma

 

4. 3번의 음악주소를 2번의 음악소스에 아래와 같이 음원주소 부분에 붙여넣기 합니다.

 

<EMBED style="FILTER:gray" height=69 type=application/octet-stream width=400
src=
http://bin.cafe.empas.com/k21sea/pds/b7/attach_down.html?asn=5&msn=1¬ice=0/1.wma
showstatusbar="1" loop="-1" enablecontextmenu="1" autostart="1" volume="0" showtracker="1" >

 

5. 위 4번을 복사하여(<첨부파일>의 메모장에서 복사하세요) 방금 열어 둔 블로그의 글쓰기에 붙여넣기 한 후 □ HTML부분에서 체크를 해제하여 일반 편집(에디터) 상태로 변경합니다.

 

6. 아래와 똑 같은 미디어 플레이어가 나타나며 음악이 자동으로 재생될 것입니다.

   성공입니다. 신기하고 재미가 있으시지요~~

 

   (일단 글쓰기를 등록하시고 잠깐 쉬시면서 음악 감상해 보세요...)

 

안개 낀 밤의 데이트 [원제 : LED LANTERNS ] 

 

 

7. 자, 이제 다음 사항들이 어떻게 변하는지 설명에 따라 직접 변경해 보시기 바랍니다.

   방금 등록한 글을 [수정]을 클릭하시기 바랍니다.

   그리고 HTML 편집상태로 바꾸어 주세요. 

 

   아래의 각각의 사항들을  한가지씩 따로 해 보시고 어떻게 변경되는지 확인해 보세요.

   (당연히 HTML 편집상태에서 수정 후  일반 편집(에디터) 상태로 바꾸어야 겠지요.) 

 

1) 미디어 플레이어 크기 변경

   height=69 부분에서 수치를 "51"로 , width=400 에서 "300"으로 수정해 보세요.

 

2) showstatusbar바 변경

   showstatusbar="1"에서 수치를 "0"으로 수정해 봅니다.

 

3) 자동 / 수동 재생

   autostart="1"에서 수치를 "0"으로 수정해 봅니다.

 

4) 볼륨조절

   volume="0" 에서 수치를 "50"으로 수정해 봅니다.

 

5) showtracker바 변경

   showtracker="1" 에서 수치를 "0"로 수정해 봅니다.

 

6) 속성 안보여주기

   enablecontextmenu="1"에서 수치를 "0"으로 수정하고 일단 글쓰기를 등록한 후

   커서를 미디어 플레이어에 올려 놓고 오른쪽마우스를 클릭해 봅니다.

   그리고 이 게시물에 있는 미디어 플레이어에도 같이 해 보시기 바랍니다.

 

7) 미디어 플레이어의 색상 변경

   style="FILTER:gray" 에서 style="FILTER:xray"  style="FILTER: invert" 로

   각각 변경 해 보세요.

  

 

음원주소만 있으면 이렇게 자신의 블로그나 카페 등에 음악을 올리는 것은 간단합니다.

하지만 음악을 올릴 때는 저작권에 유의하시고 올리시기 바랍니다.

저작권 문제가 발생될 때는 음원을 등록한 사람이 아닌 음악을 직접 올린 사람이 책임을 져야 합니다. 이점 각별히 유의하시기 바랍니다.

다음편에는 유튜브 동영상을 이용하여 개별곡을 올리는 방법을 설명하겠습니다.