서브메뉴

[TT1.0]기본 + mp3플레이어

by Textcube_Admin

은빛기타
mp3player_skin.JPG


스킨말고, mp3 플레이어만 받으실 거면 tattertools ->support -> review 에서 받으실 수 있습니다.





사용방법 쓰겠습니다.





모든 블로거들의 꿈(?)인 배경음악에 대해서 설명합니다.





이곳저곳 둘러보니 모두 윈도우미디어를 빌려와서 사용하고 있길래,


모질라 유저들은 볼 수가 없는 문제점이 있더군요.


그래서 Flash를 사용한 mp3 플레이어를 사용한 곳을 찾았는데 없더군요 -_-;;





우선 제 블로그의 우측에 보이는 MP3플레이어는 순수 Flash로 제작된 것입니다.


wma,ogg 파일은 안해봤습니다. 될지도 모르겠네요 누군가가 테스트를 해주시면 감사..


모질라 1.5.x, IE 6.0.x버전에서 제대로 돌아가는 것을 확인 했습니다.








사용 방법





파일은 모두 4개입니다.





mp3player.swf


playlist.xml


config.xml


mp3player.html





1. mp3player.swf 파일은 아시겠지만 폼 입니다. 이 폼을 불러오는게 쉽지 않았습니다.;;;


2. playlist.xml 파일은 플레이리스트 입니다.여기는 플레이시 노래제목 같은 것을 보여주는


곳입니다


이 곳은 모두 3개의 섹션으로 이루어 져 있습니다. 소스파일을 잠깐 살펴 보겠습니다.





<track>


<annotation>Everythings gonna be alright</annotation>


<location>mp3/01.mp3</location>


<info>Everythings gonna be alright(Jades version)</info>


</track>





<annotation>은 노래 플레이시 보여주는 텍스트입니다.


<location>은 노래위치입니다.이곳이 좀 애매합니다. 윈도우에서는 mp3/01.mp3 라고 해도


잘 들립니다만, 이상하게 리눅스에서는 곡 위치를 못찾더군요.


(./mp3/01.mp3도 마찬가지더군요..)


그래서 주소를 모두 써줍니다.


예) http://samahee.net/skin/test/mp3/01.mp3 이런 형식..


<info>는 안써도 상관은 없는데 안쓰면 플레이리스트 우측에 보이는 작은 화살표가 안보입니다.


사용자가 임의 정보를 써주는 곳입니다.





이하 여러 곡을 플레이 하시려면 <track></track>을 많이 써주시면 됩니다.





자 그럼 노래를 넣어봅시다.


위에 예를 든,


http://samahee.net/skin/test/mp3/01.mp3 이 부분을 노래로 읽어 오려면,


http://samahee.net/skin/test/mp3/ 안에 노래를 넣으면 되겠죠?


왠만하면 config.xml, playlist.xml, mp3player.swf 파일이 같이 모여있는 곳에 mp3 폴더를 만드세요.





3. config.xml은 아주 단순한 설정 파일입니다.


<autostart>true</autostart> 페이지가 오픈될 때 자동으로 play (flase는 반대)


<shuffle>true</shuffle> 램덤 (flase는 반대)


<volume>80</volume> 초기 볼륨 (0~100)


나머지는 직접 해보시면 될 것 같습니다.





4. html 문서로 직접 테스트 해보 실 수 있습니다.





자, 이제 3개의 파일을 다운 받았습니다. 그러면 mp3player.swf 파일을 어딘가에 넣어둬야 겠죠?


간단하게 skin.html 파일에 넣었습니다. skin.html 파일은 현재 사용중인 스킨의 홈에 있습니다.


예) http://samahee.net/skin/Tattertools_simple/skin.html





임의로 제가 넣은 위치로 설명 드립니다.





</s_rct_notice> 을 찾습니다.


바로 아래에 <s_search> 부분이 보일건데, 사이에 넣습니다.





<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="200" id="mp3player" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">





<param name="movie" value="./mp3player.swf?config=./config.xml&file=./playlist.xml" />





<param name="wmode" value="transparent" />





<embed src="./mp3player.swf?config=./config.xml&file=./playlist.xml" wmode="transparent" width="200" height="200" name="mp3player"


type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />





</object>





붉은 색 부분을 못 읽어올 경우, http://samahee.net/skin/Tattertools_simple/config.xml


과 같은 형식으로 써주시면 됩니다.





간혹 깨지는 글자는 풀 소스 받아가시는 분이 수정해주시면 감사 ㅋ





flash mp3플레이어 Full 소스 파일은 제 블로그에 있습니다




2006/04/02 20:46 2006/04/02 20:46
Rated 5/5 (100%) (1 Vote)
받은 트랙백이 없고   댓글 하나가 달렸습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/110
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/110