JW Player로 미디어를 재생해보자

JW Player

오픈 소스 미디어 플레이어의 일종으로, 각종 미디어 및 MP3, 심지어는 유튜브 동영상까지 재생 가능한 막강한 기능을 갖춘 플레이어입니다.

샘플 영상으로 JW Player에 대한 간략한 소개가 등장한다.

이 JW Player는 응용하여 사용하면 정말 다양한 활용이 가능한 플레이어입니다만, 이 포스트에서는 간단한 것들만 소개해보고자 합니다.

설치부터 간단한 활용까지

이 JW Player를 배포하는 곳은 Longtail Video 란 곳으로, 다운로드 받아 자신의 계정에 업로드하여 사용하거나, 혹은 이 사이트에서 제공하는 플레이어를 직접 사용할 수도 있습니다.

JW Player를 업로드, 혹은 직접 사용하기로 결정했다면, 위의 샘플 영상을 재생하는 코드(샘플 영상의 경로 : http://content.longtailvideo.com/videos/flvplayer.flv)를 만들어 보도록 하겠습니다.

먼저, 공식 홈페이지에서 제공하는 Setup Wizard 을 이용하여 만든 코드입니다.

<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=http://content.longtailvideo.com/videos/flvplayer.flv'>
<embed
  id='single2'
  name='single2'
  src='플레이어의 경로'
  width='470'
  height='320'
  bgcolor='#000000'
  allowscriptaccess='always'
  allowfullscreen='true'
  flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>
</object>

불필요한 옵션들과 Object 코드 덕분에 상당히 길어져 있습니다.
이를 w3표준에는 어긋날수도 있겠지만 간결하게 줄여보도록 하죠.

<embed
  src='플레이어의 경로'
  width='470'
  height='320'
  allowscriptaccess='always'
  allowfullscreen='true'
  flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv'
/>

작동도 잘 되는데다 무엇보다도 짧아서 기억하기가 한결 쉬워졌습니다.

이를 바탕으로 코드를 일반화시켜 본다면,

<embed
  src='플레이어의 경로'
  width='플레이어의 가로 길이'
  height='플레이어의 세로 길이'
  flashvars='file=재생 할 미디어의 경로'
/>

위의 코드처럼 되겠지요.

allowscriptaccess='always' 는 추가적인 스크립트(퍼가기 등)를 사용 할 것인지, allowfullscreen='true' 는 영상을 전체화면으로 재생할 수 있도록 할 것인지를 설정하는 부분입니다.

추가적인 옵션으로, flashvars 의 뒤에 &autostart=true 를 붙여주면 페이지가 로딩될 때 자동으로 재생되며, &repeat=always 를 붙여주면 계속 반복하여 재생될 수 있도록 할 수도 있습니다.

자동 재생의 사용 예 : flashvars='file=재생 할 미디어의 경로&autostart=true'
반복 재생의 사용 예 : flashvars='file=재생 할 미디어의 경로&repeat=always'

마지막으로 유튜브에 업로드 되어 있는 영상을 제생하는 방법도 알아보도록 하겠습니다.
기본적인 사항은 일반 미디어와 동일한데요, 다만, 유튜브는 미디어의 경로 대신 재생용 페이지의 주소를 넣어주시면 됩니다.



예를 들자면 http://www.youtube.com/watch?v=iNE-www0jIg 이런 식의 페이지 주소 말이죠.
단, 퍼가기가 금지된 영상은 재생할 수 없습니다.

기본적인 시스템은 이렇습니다.

여기에 추가적으로 스크립트 등을 적용하여 자신만의 플레이어로도 꾸밀 수도 있다고 합니다만, 아직 거기까지는 건드려 본 적이 없으니 이에 대해서는 추후에 다루어 보도록 하겠습니다.