필자는 일단 플레이리스트 방식으로 시작하겠다.

1. 소스수정
소스는 간단하게 바꾼 소스를 사용한다.
내가 플갤에서 줏어온 소스(원래4.0, 티스토리에서 사용하도록 쓰이는 소스)이지만 5.0에서도 쓸수있도록 배려심을 높인 소스이다.
물론 아래의 과정을 안보고 "오 님 소스감사여" 하고 튀면 될리가 없으니 아래까지 다 보길 권장한다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
이러하다.
일단은 개인화를 위해선 jwplayer 사이트에 접속하고 세팅을 하자.
http://www.longtailvideo.com/support/jw-player-setup-wizard?example=201
일단은 테스트를 하기위해 위의 소스를 만들었다.

솔까 뮤직플레이어 대용으로 jwplayer 쓰지않는이상 Behaviour메뉴에서 건들건 없다고 본다.
위의 옵션으로 완성한 소스는 이러하다.
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'><param name='movie' value='주소임ㅋ'><param name='allowfullscreen' value='true'><param name='allowscriptaccess' value='always'><param name='wmode' value='transparent'><param name='flashvars' value='file=스트리밍파일주소임ㅋ&backcolor=FFFFFF&frontcolor=CCCCCC&lightcolor=CCFFCC&screencolor=000000'><embedtype='application/x-shockwave-flash'id='single2'name='single2'src='주소임ㅋ'width='470'height='320'bgcolor='undefined'allowscriptaccess='always'allowfullscreen='true'wmode='transparent'flashvars='file=스트리밍파일주소임ㅋ&backcolor=FFFFFF&frontcolor=CCCCCC&lightcolor=CCFFCC&screencolor=000000'/></object>
물론 embed코드로 추출해야만 정상적인 작업이 가능하다.
여기에서 개인화 하기위한 작업을 시작해보자.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
이 소스는 플레이리스트 전용 소스이다. 우리가 만든 소스는 비디오 1개를 재생하기 위한 소스이니 여기에서 삭제해야될 한개를 찾겠다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="playlistfile=XML파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase&playlist=over" 세로크기px? height: 가로크기px;>
그럼 이것을 맨 위에 있던 소스와 대조시켜 적용해보자
playlistfile 을 file로 수정
&playlist=over 를 제거
이제 끝났다. 물론 jwplayer의 형식에 따라 또 추가하거나 빼야될것들이 많이 있을것이다.
이제 2번째. 개인화작업을 하자.
자신의 취향에 맞추어 배경색 등을 설정하는 작업이다.
그리 어렵지 않다.
<EMBED height=세로크기 type=application/x-shockwave-flash width=가로크기 src=jwplayer5.0 player.swf주소 allowfullscreen="true" flashvars="file=flv/mp4파일 주소&backcolor=282828&frontcolor=FFFFFF&lightcolor=FF8200&volume=100&controlbar=over&autostart=flase" 세로크기px? height: 가로크기px;>여기에 있는것을 이렇게 바꾸어야한다.
자신이 jwplayer 설정 페이지에서 적용해냈거나 포토샵에서 색을 찝어내거나 한것을 적용하면 된다. 나는 위에 페이지에서 적용시킨것을 그대로 대입하겠다
backcolor=282828&fontcolor=FFFFFF&lightcolor=FF8200
backcolor=000000&fontcolor=CCCCCC&lightcolor=CCFFCC
됬다. 끝
이제 디씨에 넣고 쓰면된다.
파일을 어따 올리냐구요?
베리즈 쓰세요.



덧글