6 個基于 HTML5 實現的多媒體播放器
<video> 是 HTML5 中新增的標簽,可用于在 網頁中嵌入視頻播放功能,無需 Flash 和其他嵌入插件的支持。但是HTML5目前只有Firefox, Safari, Chrome, Opera,IE9以上支持。此外為了能夠播放視頻至少需要轉換成兩種格式包括:h.264 (Safari / Chrome) 與 Ogg (Firefox / Opera) 。
本文介紹 6 款使用 HTML5 技術實現的在線多媒體播放器:
1. Open Standard Media (OSM ) Player
OSM Player是一個基于jQuery開發、開源的HTML5多媒體播放器。當瀏覽器不支持HTML5時,可以轉成Flash。提供播放列表,播放列表可以隱藏,支持視頻全屏播放。
項目地址:http://www.mediafront.org/project/osmplayer
2. HTML5 Video & Js Library
Kaltura 是一款基于 Flash 技術的在線視頻編輯工具。除了具備同類工具的應用特性之外,最主要的,還是能支持多人協作編輯,這一點特性可能今后將會被更多的在線視頻編輯工具所使用。 此外,Kaltura 上處理的視頻媒體可以通過網頁內嵌代碼輸出到 Blog 或者個人網頁上。
項目地址: http://corp.kaltura.com/3. HTML5 Media
HTML5在音頻和視頻方面確實強大并易于使用,然而舊版本的瀏覽器并不支持,而且對于支持HTML5的瀏覽器在支持多媒體格式上也各不一樣。
html5media是一個JavaScript音頻/視頻播放器能夠讓每一個瀏覽器都能夠播放在HTML5多媒體標簽中定義的多媒體文件。
對于不兼容的瀏覽器,該播放將采用支持Flash的FlowPlayer播放器來代替。
項目地址:HTML5 Media Player
4. JW Player for HTML5
JW FLV MEDIA PLAYER是一個開源的在網頁上使用的Flash視頻、音頻以及圖片播放器,支持 Sliverlight 播放,可以通過一個XML文件使播放器自動切換顯示一組圖片,并播放背景音樂。
項目地址: http://www.longtailvideo.com/players/5.LeanBack Player : With Subtitle Support
LeanBack Player是一個開源的HTML5視頻播放器,沒有依賴任何JavaScript框架。支持全屏播放,音量控制,在同一個頁面中播放多個視頻。 LeanBack Player兼容大部分常用瀏覽器,當瀏覽器不支持HTML5時將自動切換成Flash版本的播放器。
項目地址:http://leanbackplayer.com/
6. Flare Video
Flare video 是一個開源的 HTML5 視頻播放器,會自動判斷瀏覽器是否支持 HTML5 ,如果不支持則使用 Flash 技術播放。Flare video 可通過 CSS/HTML/JS 進行功能和界面的定制,支持全屏播放。
項目地址:http://flarevideo.com/