본문 바로가기

■ Media.encoder

나만의 JW Player 사용기

요즘 jw player 을 많이들 사용하시드라구요 ^^
그래서 저도 이참에 한번 사용해 보려고 요리조리 사용법을 알아보았습니다.

보니깐 코드수정해서 리스트로 올리는 등등 그런방법도 있고 하더라고요 --
일단 전 복잡한건 나중에 다시 살펴보기로 하기로 했고, 제가 사용하기 편한 걸로 하려고 합니다.^^
뭐니뭐니해도 본인에게 편하면 그걸로 된거지요 -_- )))

요즘은 뭐 검색창에서 jw player 이라고 검색하면 , 아마 주르륵 사용법들이 나올꺼에요^^
전........ 그냥 간략하게 적으려고 합니다 -ㅅ-  (하지만..... 적다보면 길어질수도 있음 ;;)

■ jw player 다운받기

http://www.longtailvideo.com/   <=== 요기 이 사이트로 들어가세요 ^^ 공식사이트 입니다.

가면 바로 메인페이지에 다운받는 곳이 있답니다 @_@



바로 저 부분을 딱 클릭해서 들어가면,이메일 주소를 적는곳이 있네요 @_@
이메일 주소는 그냥 형식적인거 같아요 ^^ ; 그냥 아무런 이메일 주소를 적어주시면 되겠습니다.


그리고 다운을 받습니다.
그럼 해당 경로에 mediaplayer-viral.zip 파일이 생겼을 거에요 .
압축을 풀어줍니다.
그럼 당연히 mediaplayer-viral 라는 폴더가 생깁니다. 폴더 안을 보도록 할께요.

그럼 6개의 파일들이 있군요. 여기서 필요한건 표시한 두개의 파일입니다.

■ 계정에 업로드하여 설치하기

이제 위에서 표시한 player.swf,  swfobject.js   이 두개의 파일을 계정에 업로드 해줘야 합니다.

자, 자신의 티스토리 계정에 업로드 해주세요 ^^
티스토리에 파일업로드하고, 주소 알아보기
[■ 블로그꾸미기] - 사이드부분에 새로운 메뉴 추가하기 <=== 이곳을 참고하세요.

이제 플레이어의 주소까지 알아내었으면 ,
http://www.longtailvideo.com/support/jw-player-setup-wizard  이곳으로 가봅니다.
스킨위자드라고, 보다 쉽게 소스와 ,선택만으로 원하는 플레이어 모양을 만들어 줍니다. ^^



영어로 뭐라고 ....... 막 써있네요 @_@
하지만, 사이트를 운영했던 분들이라면, 대체적으로 한번쯤 본듯한 영어라서 아~하 하실거에요 ^^ ;

저기 보이는 빈공간을 다~~~~~~ 채우실 필요는 전혀 없습니다.
딱 필요한 부분만 채워주시면 됩니다. ^^

간단(?) 하게 살펴볼께요 -ㅅ-


■ 주소 알아보기

위자드로 설정을 다 하셨으면, Update Preview & Code 를 클릭하세요.


그럼 적용한 영상이 미리보여지면서 아래에 코드가 생깁니다. the embed code 를 클릭하세요.


<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv&stretching=none'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='player.swf'
width='470'
height='320'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv&stretching=none'
/>
</object>
그럼 요로케 소스가 생겼습니다 . ^^

그런데 저렇게 나두면 소스가 길잖아요~
그래서 주로 사용하던 <embed> 이 부분만 빼와서 적용해도 상관이 없답니다 @_@
위에 소스중 보라색으로 표시된 부분만 사용해도 잘 보입니다 @_@ ;;;