우선 JW Play 를 다운로드 받도록하겠습니다.
http://developer.longtailvideo.com/trac/browser/tags/mp3player-2.3?order=name
캡쳐 화면을 보시면 아시겠지만 tags / mp3player-2.3 을 선택햇습니다.
편의를 위해서 zip 파일을 모두 다운로드했습니다.
다운로드된 파일 압축해지시 아래와 같습니다.
jw player 를 구동할 페이지를 초 간단 한줄로만 타이핑하겠습니다.
<embed src="./mp3player.swf" width"500" height="360" flashvars="config=./Playlist.xml">
위와 같은 소스에서 playlist.xml 페이지가 있습니다. playlist.xml 페이지는 동영상 컨텐츠의 파일 위치를 가르키는 사항입니다. 해당 파일 위치를 playlist.xml 파일에서 지정해주면되겟습니다.
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<annotation>제목</annotation>
<location>로컬주소</location>
<image>앨범이미지</image>
<info>정보저장</info>
</track>
</playlist>
노래 파일이 어려게 있을경우 <track></track> 추가 해줘야겠습니다.
config.xml 파일로서 jw player를 설정할수 있습니다.
mp3config>
<autostart>false</autostart>
<shuffle>false</shuffle>
<repeat>all</repeat>
<volume>80</volume>
<showdisplay>true</showdisplay>
<showplaylist>true</showplaylist>
<backcolor>0xffffff</backcolor>
<frontcolor>0xffffff</frontcolor>
<lightcolor>0xffffff</lightcolor>
<jpgfile></jpgfile>
</mp3config>
autostart : 음악 자동재생을 조정합니다. (true : 자동재생 / false : 자동재생X)
shuffle : 순서 섞기 (true : 섞기 / false: 섞기 X)
repeat : 반복재생 (true / false)
volume : 0~100
showdisplay : 재싱기의 스펙트럼 표시 (true / false)
showplaylist : 재생목록 표시 (true / false)
backcolor : 바탕 색
frontcolor : 글씨&버튼 색
lightcolor : 글씨&버튼 색
http://www.nthelp.com/colorcodes.htm ←색 코드
jpgfile : 배경이미지 넣으셔도 되고 넣기 싫으시면 비워 놓으시면 됩니다.
(jpg, swf를 배경으로 사용 가능합니다. gif는 안되더군요.)
(배경파일도 mp3player.swf 와 같은 방법으로 업로드 하시면 됩니다.)
SWF 배경 EX (http://yeontarae.tistory.com/28 <- 참조)
* 웹페이지
http://www.longtailvideo.com/jw-player/wizard/
Rss Feed