在介紹各種 video player 之前,不免俗得先介紹<video>標籤。 <video> 是W3C 在 HTML5 規範新增的標籤...
今天來看如何自訂<video>介面 作為前端工程師,我們都知道:各瀏覽器預設 HTML 的樣式不同,所以在處理網頁切板時,通常會引入reset.cs...
今天來介紹字幕與<track>。 在網頁觀看影片時,常見的 CC 字幕其實是利用<track>標籤,引入對應字幕檔案.vtt,使其在影片...
今天來快速認識 Hls.js。 HLS 直播協議目前在某些瀏覽器上仍無法播放,這時通常會引入一些第三方 Library 來幫我們解決這個問題,其中最主要的 Li...
今天來快速認識 dash.js。 DASH 直播協議目前在大部分瀏覽器上仍無法播放,這時通常會引入一些第三方 Library 來幫我們解決這個問題。其中最主要的...
今天來快速認識 flv.js 。 FLV 影片格式 ( Flash Video ) 無法直接在瀏覽器播放,一般多會藉 RTMP 協議將 FLV 傳輸給前端,在...
前幾天介紹了幾個解析直播協議用 Libtary ,今天開始會進入播放器的部分。 今天介紹的是 sewise-player 播放器 ,它是由中國視智雲公司所製作開...
今天來介紹 clappr 播放器 clappr 是一款開源播放器,並可透過 Plugin 支援RTMP、DASH 與 FLV ,這個播放器的特色是: Gith...
今天來簡介 JWPLAYERJWPLAYER 是一款商業播放器,他的特色有: 相對老字號的播放器 穩定成熟、功能多 github 星星 1754 顆 開發工具...
今天來簡介 flowplayerflowplayer 是一款商業播放器,他的特色有: 相對老字號的播放器 穩定成熟、功能多 github 星星 1686顆 開...