1. 程式人生 > >JWPlayer 7的正確使用方法及Flash plugin failed to load解決方法

JWPlayer 7的正確使用方法及Flash plugin failed to load解決方法

一.JW Player 簡介

JW Player是當今最流行的開源Flah網頁播放器,可播放Adobe Flash Player所支援的媒體,具體包括:FLV、MP4、MP3、AAC、JPG、PNG和GIF等,還支援RTMP、HTTP、實時視訊流、各種播放清單格式、靈活的設定和廣泛的javascript API。此外它還提供多種外觀、功能性外掛來擴充套件播放器,以便我們可以分享、推薦、搜尋、分析甚至廣告投放。

二.安裝 註冊成功後,登入進去,可以看到下載按鈕,如下圖所示。
點選“DOWNLOADS”按鈕,進入下載頁面,如下圖所示。
2.根據需求下載相應的版本,我下載的是第一個,現在版本已經更新到7.7.2了。這個版本播放時沒有水印,右鍵選單也只有一個版本資訊,越來越人性化。網上很多教程使用的都是老版本,經測試已經無法播放。還有很多破解版,也都無法正常使用。所以去官網下載,才是王道。
注意到上圖中的LICENSE KEY,將它拷貝備用。需要說明的是,這個KEY並沒有繫結任何資訊,也就是說我的KEY,大家都可以拿去用。但是沒KEY的話,JW Plyer不能工作。 下載完成後,隨便解壓到一個位置,我直接解壓到桌面了C:\Users\zhang\Desktop\jwplayer-7.7.1。我下載的時候版本還是7.7.1,不得不說,更新得真快。 3.找兩個測試視訊放到這個目錄中,480320.mp4和sample.flv,這兩個視訊檔案待會打包上傳。然後在這個目錄新建一個文字,比如test.txt,輸入如下程式碼。
<html>
<head>
<script src="jwplayer.js"></script>
<script src="jwplayer.flash.swf"></script>
<!--這是KEY-->
<script>jwplayer.key="iP+vLYU9H5KyhZeGt5eVuJJIoULUjltoaMeHXg==";</script>
</head>
<body>
<div id='myplayer'></div> <script type='text/javascript'>    
 jwplayer('myplayer').setup({       
 file: '480320.mp4',     
 width: '640',        
 height: '480'}); 
</script>
</body>
</html>
然後將tes.txt改為test.html,用瀏覽器開啟,我用的是360瀏覽器,其他的未測試。上述程式碼不要輸錯,即使少了一個引號,開啟也是一片空白。 播放效果如下圖所示。

還有就是視訊的名字不要輸錯了,否則提示:Error loading player:No playable sources found 現在把程式碼中的480320.mp4替換成sample.flv,開始測試本地播放flv視訊。但是發現播放不了,提示:Flash plugin failed to load,這個提示其實帶有誤導性,讓人覺得是瀏覽器的Adobe Flash Player外掛沒有安裝好,然後就是拼命的重灌該外掛,最後還是不行......
這個問題我也弄了很久,最後去官網查詢,官網明確說明JW Player應該放在web伺服器中,也就是說雙擊text.html這種使用方法是不對的。這樣的話那句提示就很好理解了,因為JW Player使用不當導致即使瀏覽器有Flash外掛,也會載入失敗。 4.如果使用Adobe Media Server自帶的Apache伺服器元件(這樣的話就不用再單獨安裝伺服器了),可以參考: 這時要將C:\Users\zhang\Desktop\jwplayer-7.7.1整個資料夾拷貝到Adobe\Adobe Media Server 5\webroot目錄中,如下圖所示。
並將test.html改為index.html,然後在瀏覽器地址中輸入http://localhost/jwplayer-7.7.1,sample.flv可以正常播放了。所以以後不管是播放本地視訊,還是播放實時流媒體,都通過這種方式來播放。
或者使用伺服器開發套件比,如說XAMPP,參考: xampp的安裝及使用 則需要將C:\Users\zhang\Desktop\jwplayer-7.7.1整個資料夾拷貝到這兩個伺服器安裝目錄的htdocs資料夾中,並將test.html改為index.html,然後在瀏覽器地址中輸入http://localhost/jwplayer-7.7.1。 三.使用 其實前面已經講了一部分使用,即播放本地視訊,現在演示如何播放線上rtmp流。這裡分享一個可用的rtmp直播源,如下所示。 香港衛視:rtmp://live.hkstv.hk.lxdns.com/live/hks  程式碼如下所示。
<html>
<head>
<script src="jwplayer.js"></script>
<script src="jwplayer.flash.swf"></script>
<script>jwplayer.key="iP+vLYU9H5KyhZeGt5eVuJJIoULUjltoaMeHXg==";</script>
</head>
<body>
<div id='myplayer'></div> <script type='text/javascript'>    
 jwplayer('myplayer').setup({       
 file: 'rtmp://live.hkstv.hk.lxdns.com/live/hks',     
 width: '640',        
 height: '480'}); 
</script>
</body>
</html>
播放效果如下所示。
如果直播源有問題,會提示:Error loading stream:Could not connect to server