使用 JW Player 推展教會事工

在寫這篇教學的時候，一直有人跟我說 jw player 的教學網路上到處都是，像是 lyforever 的 [系計中] JW player + mod_h264_streaming (二)，為什麼要特別寫一篇呢？不過我還是寫了，除了當做教學之外，也當作一些教會事工的應用吧！

例如教會可以應用類似的技術在

• 主日影片播放，如：台北真理堂
• 主日錄音檔播放，如：台北真理堂
• 影音出版品播放，如：一粒麥子傳媒中心
  

使用 JW Player 並不算太難，可以從他的官方網站下載，但是也要注意一下，他在下載的時候有分為

• JW Media Player
  
• JW Media Player + Viral Plugin

其中 Viral Plugin 主打是社群分享功能，影片結束之後會提供 embed 語法等，對於一般事工而言，個人覺得一般版本比較適用。

在下載回來之後，JW Player 官方也提供了一個 wizard 自動產生嵌入的語法。你可以依照自己的需求產生不同的語法。

對於我們而言，我們想要產生播放清單式的 JW Player，利用 wizard 我們產生出的 code 大概如

<script type='text/javascript' src='swfobject.js'></script>

<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
var so = new SWFObject('player.swf','ply','470','470','9','#000000');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('playlistfile','/jw/upload/mrss.xml');
so.addVariable('playlist','bottom');
so.write('mediaspace');
</script>

產生出來的 JavaScript code 就可以直接放到 body 裡面去（你真的不見得要放在 HEAD 裡面，而且放 JavaScript 在網頁的最下面是有效能考量的，如果有多個 JW Player 在同一個頁面，也許可以考慮 DRY 的寫法）

接下來就是製作你的播放清單

• 播放清單說明

我個人是比較喜歡 XSPF 這個格式，他可以讓每一個 track 都有獨立的縮圖，對於一些簡單的應用而言，其實照抄範本還蠻容易的。

我的播放清單會像是

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Example XSPF playlist</title>
<tracklist>
<track>
<title>Rusty Nail - Cover (20100707) </title>
<creator>Hubert</creator>
<info>http://blog.hubert.tw/</info>
<annotation>@玩家樂器</annotation>
<location>music/Rusty_Nail_20100707.mp4</location>
<image></image>
</track>
<track>
<title>Silent_Jealousy - Cover (20100707) </title>
<creator>Hubert</creator>
<info>http://blog.hubert.tw/</info>
<annotation>DY 真的太強大 orz</annotation>
<location>music/Silent_Jealousy_20100707.mp4</location>
<image></image>
</track>
</tracklist>
</playlist>

你就可以依照你的環境，去寫每一個 track 的標籤。並依照你播放清單的位置，更新 JavaScript 的這段 so.addVariable('playlistfile','/jw/upload/mrss.xml'); 。

最後的結果就會像是這樣



如此一來，不管是 mp3，或是影音的 flv 的檔案，甚至是 H.264 的 mp4 的檔案，都可以透過 JW Player 放到教會的網站上。

附註：
H.264 的話可能需要 HTTP server 的支援，例如你可能需要 H264 Streaming Module，並在 JW Player 的 flashvar 當中加入 provider=http 才行（剛剛沒加好像也可以 XD）。