정보창고/블로그 정보 음악 플레이어 형태 만드는 방법
풍란의 향기
2012. 2. 27. 21:24
플레이어의 형태와 구성 내용등이 총 망라되어 있어 아마 블로그에 음악을 올리는데 아주 유용하게 사용되리라 생각됩니다. 모든내용은 어느 블로그나 홈페이지에 사용하셔도 아무 문제 없습니다, 이 곳에서는 음악 플레이어의 형태를 만드는 방법과 다양한 응용 모양을 설명하였고 나머지 2회와 3회는 플레이어의 모양을 소스와 함께 나타내었습니다. 아마 음악 태그의 속성과 미디어 플레이어에 대하여는 이 3회의 내용만 하여도 거의 모든 것을 알수 있을 것이라 생각 됩니다. 많은 도움이 되기를 바랍니다. --
<EMBED invokeURLs=true autostart=true x-x-allowscriptaccess="never" style="FILTER: gray(); WIDTH: 300px; HEIGHT: 40px" src="이안의 물고기 자리.wma " width=300 height=40 hidden=flase type=audio/x-ms-wma enablecontextmenu="0" LOOP="0" volume="-600" showControls="true"> 위에서 들리는 노래는 이안의 '물고기 자리'라는 노래입니다. 그리고 그 아래 소스는 위 노래의 소스입니다. 실제로 이만큼 복잡하게 나열할 필요는 없으나 태그 속성을 설명하기 위하여 조금 복잡하게 만들었습니다. 위 소스를 참고 하여 아래를 설명하였으니 내려 보면서 위에 있는 소스와 비교하여 보시면 됩니다.음악 명령어(태그)의 속성
음악 태그의 속성에는 일반적으로 두가지의 값을 사용합니다. true(참) 와 false(거짓) 인데 1 과 0 으로 대체 하기도 합니다. invokeURLs=false : 미디어 파일의 주소(URL) 타입의 값이 true(참)이면 호출하고 false(거짓)이면 호출하지 않게 됩니다 . 즉 URL을 윈도우 미디어 플레이어에 보내면 자동으로 인식하여 스크립트 명령을 브라우저에 미디어 파일의 주소를 호출 할지 말지를 체크하는 것입니다.autostart : 문서 즉 페이지가 열리는 동시에 음악이 연주 될지를 결정합니다. 1이나 true면 자동으로 스타트 됩니다. 반대로 false를 하게 되면 플레이 버턴을 눌러야 실행이 되겠지요.x-x-allowscriptaccess : 동영상을 실행할때 여기에 스크립트로 제어문들을 넣을 수 있는 속성인데 솔직히 별로 쓰이지 않는 것이라 잘 모르겠습니다.style="FILTER : 대개 gray() alpha() 값을 이용해 플레이어의 색상이나 투명도를 설정합니다. 2편과 3편에서 예를 들어 만들어 둔 플레이어들을 보시면 쉽게 이해가 됩니다.WIDTH : 플레이어의 가로 폭을 결정해 줍니다.HEIGHT : 플레이어의 세로 높이를 결정해 줍니다. src : 올리고자 하는 파일의 URL(주소)을 입력하면 됩니다.hidden : 미디어 플레이어를 보여줄 것인지 숨길 것인지르 결정합니다. true값을 넣으면 플레이어는 보이지 않고 음악만 들리게 됩니다. 반대로 flase를 넣어면 미디어 플레이어가 보이면서 음악이 들리게 되겠지요. type : 이것은 반드시 써 주어야 하는 것은 아닙니다. 동영상을 실행할때 여기에 스크립트로 제어문들을 넣을 수 있습니다. 시간이나 새 창 등입니다. type=video/x-ms-wma는 플러그인의 형식을 나타내는 것입니다. 이건 비디오 형식이고 ms사의 vma라는 뜻입니다. 리얼오디오 파일의 경우는 type="x-pn-realaudio-plugin" 이렇게 합니다. enablecontextmenu : 마우스 우측 복사 금지. 이 값에 의해 멀티미디어 파일 주소보기를 숨깁니다.LOOP : 음악의 들리기 반복 횟수를 지정합니다. loop=true , loop= -1, loop=infinity 이 3가지는 모두 무한 반복을 지정합니다. 이 소스를 아예 넣지않으면 1회 재생 후 멈추게 됩니다. 2를 써 넣으면 2번 반복되고 멈추겠지요.volume : 소리의 크기를 조절 합니다. 볼륨의 값은 -10000 부터 0 까지, 0 이 최대입니다. 기본 값은 -6000 입니다. 또한 balance라는 값을 통해서 왼쪽과 오른쪽의 스테레오에 대한 값을 줄 수 있습니다. -10000 이면 최대 왼쪽이고 10000 이면 최대 오른쪽 입니다.showControls : 플레이어의 형태를 지정하는 여러 옵션을 정한느 것입니다. 예를 들면 다음과 같은 것들이 있습니다.showcontrols=false : 컨트럴 바 숨김showstatusbar=true : 상태바 보임showaudiocontrols=false : 볼륨 컨트럴 바 숨김showpositioncontrols=false : 이전 다음곡 버튼 감추기showtracker=false : 트랙바 감추기 위의 속성들에 대하여 복잡하게 적어 놓으니 아마 조금 헷갈리는 분도 있을 것입니다. 미디어 플레이어가 보이면서 자동 연속 듣기 <embed src="음악 주소" volume="0" loop="-1" showstatusbar="true"> 미디어 플레이가 보이면서 재생 버턴을 눌러야 재생 되면서 연속듣기 <embed src="음악 주소 " volume="0" loop="-1" showstatusbar="true" autostart="false"> 미디어 플레이어가 안 보이면서 자동으로 연속듣기 <embed src="음악주소" loop="-1" hidden=true autostart=true> 미디어 플레이가 안 보이면서 자동 1회만 플레이 <embed src="음악 주소 " loop="1" hidden=true autostart=true>
미디어 플레이어의 다양한 꾸미기 <embed src="음악주소" style="FILTER:gray" volume="0"> 2. 검은색 플레이어로 바꾸고 싶다면 FILTER:gray 를 FILTER:xray 로 하여 주면 됩니다. <embed src="음악주소" style="FILTER:xray" volume="0"> 3. 미디어 플레이어의 일부 버턴만 보이게 할려면 가로폭(width)을 조정하면 됩니다. width=67 width=100 width=145 <embed src="음악 주소 " invokeURLs="false" width=178px; height=45px" ShowPositionControls="False" volume="0"> x-text/html; charset=utf-8" width=178 src=1.wma x-x-allowscriptaccess="sameDomain" allowNetworking="internal" x-x-allowscriptaccess="never" invokeURLs="false" ShowPositionControls="False" volume="0">6. 곡 정보를 나타나게 하는 방법(맨 위의 노래를 멈추고 아래를 플레이 시켜 보세요.) <embed src="음악주소 " showstatusbar="true" volume="0">