2012. 7. 31. 12:20

JW Play 사용법

우선 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/

Trackback 0 Comment 0