強力推薦幾款基于jQuery、Flash、HTML5多媒體播放器方案

ajax 12年前發布 | 3K 次閱讀 TIOBE ReText 谷歌 Activiti

記得以前我們想要在網頁中插入一段音頻或者視頻時,首先,baidu或者google一 下,目的是要找那段又長又臭的object和embed代碼,然后再把它們貼到網頁中,然后還發現不同的瀏覽器寫法還不一樣,有些支持object不支持 embed,有些卻是反一下的,到頭來還是調用系統的windows media player,沒裝這個的就白搭了,弄得蛋疼。后來,我們可能漸漸地去用Flash播放器了,畢竟大部分瀏覽器對Flash的支持還是比較統一的,而且做 出來的播放器也比較好看,各種個性化的皮膚定制,讓人不免興奮一把。現在這段時間又出了HTML5,而且來勢洶洶,在HTML5平臺上也涌現出了好多多媒 體播放器。下面我就給大家推薦幾款多媒體播放器。

先看JS版本的,主要用jQuery

jQuery Media Plugin(推薦)中文解說

jQuery Media Plugin是一款基于jQuery的網頁媒體播放器插件,它支持大部分的網絡多媒體播放器和多媒體格式,比如:Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。他會自動根據不同的平臺生成相應的object或者embed代碼,所以你就不要操心平臺兼容了。

強力推薦幾款基于jQuery、Flash、HTML5多媒體播放器方案

jmp3

這個是單獨的mp3播放器,也是jquery的,當然最終生成的是flash

image

再來看幾個純Flash的播放器

一款帶有播放列表的Flash播放器,有示例和源碼(推薦)

可配置的播放列表(用XML配置),并且播放列表帶有縮略圖預覽;fla源代碼公開,你可以根據自己的需要修改源代碼;支持flv格式的視頻。

image

flowplayer

FlowPlayer 是一個用Flash開發的在Web上的視頻播放器,可以很容易將它集成在任何的網頁上。支持HTTP以及流媒體傳輸。

image

 

最后就再強力推薦幾款HTML5播放器了,未來的趨勢是HTML5嘛

jPlayer(推薦)中文解說

其實說實在的,jPlayer可以說是一個媒體播放器框架了,因為有一些播放器就是基于jPlayer來寫的。它不僅可以播放音頻,也能播放視頻,而且還有很不錯的皮膚哦,相信這也是HTML5的魅力。強力推薦啊!

image

VideoJS 中文解說

  1. 開源,我們可以利用VideoJS的源碼將它應用到自己的程序中,并且可以修改其源碼,但要遵循開源協議。
  2. 輕量級,沒有使用圖片。
  3. 完全可以用CSS定制播放器的外觀。
  4. 不依賴其他腳本庫。
  5. 使用非常簡單。
  6. 不僅使用簡單,擴展也非常簡單。
  7. 在各個瀏覽器之間有統一的外觀。
  8. 支持全屏播放。
  9. 可以控制音量。
  10. 遇到不支持HTML5的瀏覽器可以轉換成FLASH來播放。

image

ZEN Audio Player 中文解說

這個就是上面我說的jPlayer的一個變種,一個富有個性化的環形音頻播放器,chrome下效果最好

image

open standard media

  1. 開源,免費
  2. 使用目前最流行的jQuery框架寫的
  3. 動態HTML5內容交付
  4. 支持多種常用的音頻和視頻格式
  5. 遇到非標準媒體自動使用flash來播放
  6. 使用ThemeRoller可以方便地定制皮膚
  7. 與Vimeo和油Tube無縫集成
  8. 支持播放列表
  9. 播放器之間實現通信

image

好了,就這些吧,本來還想分享一些Silverlight相關的,但是由于我不太喜歡Silverlight,就先免掉了,如果你喜歡上面這些播放器,可以分享給你的朋友。

轉自:http://www.cnblogs.com/sxwgf/archive/2012/01/16/2323251.html

 本文由用戶 ajax 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!