
阿舍試過著把 YouTube 的網址一整個的貼給 JWPlayer 來撥,呵 ! 可以撥哩 ! 有這個能力,在某些方面上,似乎就會比那個 Dash Media Player 好用一點,不過,就外表看起來,JWPlayer 就顯得陽春了一點,但是,就以它沒有顯示自家 Logo 的特色來說,應該就可以讓不少大德來考慮試試它囉 !! 可是,它雖然沒有顯示自家 Logo,但是,商業用途是一定要付費,不同於 Dash Media Player,只要不拿掉 Logo,就都不用付錢哩 !!
JWPlayer 除了可以撥放 FLV 檔外,也支援 MP3 和 JPG,同時,也有支援 Streaming (串流) 的撥放,詳細的支援檔案類型,請參考:
http://developer.longtailvideo.com/trac/wiki/FlashFormats
接著要開始來說明那一堆的程式碼是用來幹嘛的 ! 基本上,這一串的程式碼是 Javascript 而不是 PHP,所以,不用在前後放入 <?PHP 和 ?>,這個可是要注意一下的。
<p id='preview'></p>
這一行的目的是要定義一個位置,讓 JWPlayer 知道要把 JWPlaer 放在那個地方,這裡的範例是用 <p> 這個標籤 ( Tag ),不過,沒限制一定要用 <p> 標籤,也可以用 <div> 或 <span> 等標籤,重點是在後面的 id 屬性上,不管用那一種標籤,這個 id 屬性是一定要設定,但是,名字是可以任意取的,這裡範例是取 "preview"。
<script type='text/javascript' src='/d66/jwplayer/swfobject.js'></script>
這一行是用來宣告要引用 swfobject.js 這個檔案,基本上,各位大德只要照抄就可以的,要注意的是 swfobject.js 前面的那一串路徑,以阿舍的設定為例,阿舍的 Drupal 是放在 Apache 根目錄的 d66 資料夾裡,而 jwplayer 是放在 d66 裡的 jwplayer 資料夾,所以在 swfobject.js 之前的路徑就是 "/d66/jwplayer/",也就是說,在這裡給的路徑是要從 Apache 的 htdocs 開始算起的。
<script type='text/javascript'>
var s1 = new SWFObject('/d66/jwplayer/player-viral.swf','player','400','300','9');
這個部份的第二行是用來宣告說要開始寫 Javascript 的程式碼,一定要有的,所以照著抄就可以了,而第二行的部分則是用來指出 JWPlayer 程式所在的位置,如前面的說明一樣,要注意路徑的設定,設定方式和設定 swfobject.js 時,是一樣的。
前面的 s1 是一個變數 ,所以,是可以隨大德們自己來改的,不過,一旦改過之後,下面的 s1 就要部改成新的名字哩 !
另外,要說明的是,阿舍下載到的版本,是有含 Viral Plugin 的,就是下載時,有在下面的 "Include the JW Viral Plugin" 前打勾,所以,下載到的撥放器檔名會是 player-viral.swf,如果沒有勾那個 "Include the JW Viral Plugin" 的話,下載來的就是 player.swf,二者只是功能上的差異,就是差在能不能讓別人在他們的網站上撥放大德站上的影片。
s1.addParam('allowfullscreen','true');
這一行是用來設定是否允許訪客將撥放器開成全螢幕,如果允許,就把那個 "true" 留一來,反之,不願意的話,就把 "true" 改成 "false" 囉 !! ( 要注意大小寫喔 ! )
s1.addParam('allowscriptaccess','always');
這是用來設定 JWPlayer 撥放器是不是可以呼叫 Javascript 的函數,而這個 JWPlayer 主要是由 Javascript 所寫成的,所以囉 ! 這裡就讓它設為 "always",表示允許 JWPlayer 可以去呼叫其它的 javascript 函數。
s1.addParam('flashvars','file=http://www.youtube.com/watch?v=iPUAuTRPpHA');
再來的這一行就重要囉 !! 這裡是用來指出要撥放的檔案名稱,指定的方式是在 file= 的後面放入影片的網址或檔案及路徑,例如,阿舍在 Drupal 的 files 資料夾下有個檔案叫做 sample.flv 的影片檔,而 Drupal 則是安裝在 D66 這個資夾裡,那麼就可以這樣來設定:file=/d66/files/samples。
另外,JWPlayer 可以直接使用 Youtube 的網址來撥放影片,所以,只要去把影片的網址放進來就可以直撥放了,這是和 Dash Media Player 比較不同的地方。
s1.write('preview');
</script>
最後的這二行分別是用來指出要開始產生 JWPlayer 及結束 Javascript 程式的撰寫。要注意的是,第一行的 "preview' 是指之前設定的 id 名字,兩者一定要一樣,不然 JWPlayer 就不會出現了...。
上面的程式碼都調整好以後,就把 Body 欄位下面的「輸入格式 ( Input Format )」選為「Full HTML」再按「送出」,這樣再開啟這個 node 的時候,就應該可以看的到影片囉 !!
4.設定 FlashVideo 模組
上面介紹的是直接建立新的 Story,然後自已放程式碼,但是,如果想要在 FlashVideo 模組裡使用 JWPlayer 朲撥放影片要怎麼辦呢 ?
還記得上一篇裡有說要把解壓縮的 JWPlayer 放到 Drupal 的根目錄嗎 ? 但是,阿舍在這一篇的說明裡,阿舍提到的 JWPlayer 是放在 Drupal 根目錄下的 JWPlayer 資料夾裡的,這樣的安排為是方便說明及讓各位大德比較有深刻印像的。
如果不怕 Drupal 的根目錄太亂,阿舍是比較建議放在 Drupal 的根目錄的,這樣路徑會比較短,而且,如果有用 FlashVideo 模組的話,就只要到 FlashVideo 模組的管理設定頁面把 「Flash Player name:」欄位的值改掉就可以了,比較不用擔心路徑設定的問題。
當然,如果下載的 JWPlayer 撥放器檔名不叫做 Player.swf,那麼也是可以直接把檔名改成 Player.swf ,這樣就連 FlashVidoe 模組都不用改囉 !!
JWPlayer 也是可以自行修改版面及撰寫 Plugin,有興趣的大德們,可以到這裡來參囉 !! ^^-。
- 增加新的回應
- 瀏覽次數: 9904
- Send to friend
阿舍兄,怎么給注冊用戶在恢復時也出現頭像啊,就像你這個網站一樣,你教教我唄
Hello duxianwei兄,
這個和版型有關,不過,也和使用者設定有關,阿舍這幾天會寫一篇來說明,就請稍後囉 !! ^^。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
Hello duxianwei兄,
JWPlayer 的 Logo 是直接在 file 的後面加入 &logo= 就可以了,例如,影像檔是放在 htdocs 裡的 aaa.flv,而 Logo 圖檔是放在 htdocs 的 logo.png (jpg 也是可以的 ),那就要這樣設定..
s1.addParam('flashvars','file=/aaa.flv&logo=/logo.png');
PS. JWPlayer 是用 Javascript 來開發 Plugin 的...
供參囉 !! ^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
阿舍兄,我放在body裏面的那段代碼是這樣的,我播放的是遠程的視頻檔,
var s1 = new SWFObject('/lexdex6/sites/default/files/video/flvplayer.swf','player','474','372','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addVariable('logo', '{$baseurl}/lexdex6/sites/default/files/video/logo.png');
s1.addParam('flashvars','file=http://d104.v.iask.com/f/1/b622e587a47130400ca8dbaf65d6f63910823236.flv&/http://localhost/lexdex6/sites/default/files/video/logo.png');
s1.write('preview');
我設置成這樣子logo根本就沒有出現啊,請阿舍兄看看,視頻能夠正常 播放,可是logo出不來,http://localhost/lexdex6/sites/default/files/video/logo.png這個路徑在我電腦上能夠看到logo,那個logo路徑我換成drupal路徑lexdex6/sites/default/files/video/logo.png也不好使
Hello duxianwei兄,
這個 Logo 的檔案要用絕對路徑,以 duxianwei 兄給的路徑來說,就是要在 lexdex6 前面再加一個斜線才行,結果就是..
/lexdex6/sites/default/files/video/logo.png
請 duxianwei兄再試試囉 !! 供參囉 !!^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
用了這個絕對路徑/lexdex6/sites/default/files/video/logo.png也不好使,我想好像不是這樣的問題,清理了緩存和流覽器臨時文件也都還是不見效果,阿舍兄你在你的電腦上面試驗成功了爲什麽我這個就不好使了呢,太氣人了啊
Hello duxianwei兄,
阿舍的 Drupal 是放在 htdocs 下的 d66 資料夾裡,Logo 檔也放在 d66 資料夾裡,路徑就比較簡單,直接是 /d66/logo.png,建議 duxianwei兄把 Logo 檔先放到 htdocs 或是 lexdex6 裡試試看。
供參囉 !!^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw
阿舍兄,問題依舊,我把;logo放在了lexdex6下麵了,路徑設置為/lexdex6/logo.png依舊是不顯示出來,不知道是哪兒的問題,崩潰
Hello duxianwei兄,
如果 duxianwei兄方便的話,請把 JWPlayer 的那一段式碼貼上來,我們一起來研究研究...^^=。
阿舍...
阿舍的 Drupal 架站經驗談
http://drupal.soa.tw


阿舍兄啊,你說的那個直接拿YouTube的html格式的url就可以成為路徑給它播放出來,可惜的是大陸現在上不了YouTube,不能測試一下子,不過我希望的是阿舍兄能不能把具體在jwplayer如何添加logo的步驟說一下子啊,網上都找不到相關資料,jwplayer官網說的不是專門的php語言,菜鳥更加不知道如何去改了,
drupal,要快乐的学,勤奋的学