iT邦幫忙

Simon Barry
iT邦新手 4 級 ‧ 點數 362
Web Engineer 國立臺東大學數位媒體與文教產業學系
33968
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

前端影片與直播筆記 系列

30天筆記
以純前端的角度入門
影片、直播協議與播放器介紹

鐵人鍊成 ｜ 共 30 篇文章 ｜ 66 人訂閱 訂閱系列文 RSS系列文
1 Like 0 留言 14312 瀏覽
DAY 11

Day11 HTML5 <video>簡介

在介紹各種 video player 之前，不免俗得先介紹&lt;video&gt;標籤。 &lt;video&gt; 是W3C 在 HTML5 規範新增的標籤...

2018-10-26 ‧ 由 Simon Barry 分享
2 Like 0 留言 5591 瀏覽
DAY 12

Day 12 自訂 <video> 介面

今天來看如何自訂&lt;video&gt;介面 作為前端工程師，我們都知道：各瀏覽器預設 HTML 的樣式不同，所以在處理網頁切板時，通常會引入reset.cs...

2018-10-27 ‧ 由 Simon Barry 分享
0 Like 0 留言 6027 瀏覽
DAY 13

Day13 字幕與 <track>

今天來介紹字幕與&lt;track&gt;。 在網頁觀看影片時，常見的 CC 字幕其實是利用&lt;track&gt;標籤，引入對應字幕檔案.vtt，使其在影片...

2018-10-28 ‧ 由 Simon Barry 分享
1 Like 0 留言 13442 瀏覽
DAY 14

Day 14 Hls.js

今天來快速認識 Hls.js。 HLS 直播協議目前在某些瀏覽器上仍無法播放，這時通常會引入一些第三方 Library 來幫我們解決這個問題，其中最主要的 Li...

2018-10-29 ‧ 由 Simon Barry 分享
0 Like 0 留言 7288 瀏覽
DAY 15

Day 15 dash.js

今天來快速認識 dash.js。 DASH 直播協議目前在大部分瀏覽器上仍無法播放，這時通常會引入一些第三方 Library 來幫我們解決這個問題。其中最主要的...

2018-10-30 ‧ 由 Simon Barry 分享
0 Like 0 留言 10149 瀏覽
DAY 16

Day 16 flv.js

今天來快速認識 flv.js 。 FLV 影片格式 ( Flash Video ) 無法直接在瀏覽器播放，一般多會藉 RTMP 協議將 FLV 傳輸給前端，在...

2018-10-31 ‧ 由 Simon Barry 分享
0 Like 0 留言 2778 瀏覽
DAY 17

Day 17 sewise-player 播放器

前幾天介紹了幾個解析直播協議用 Libtary ，今天開始會進入播放器的部分。 今天介紹的是 sewise-player 播放器 ，它是由中國視智雲公司所製作開...

2018-11-01 ‧ 由 Simon Barry 分享
0 Like 0 留言 4222 瀏覽
DAY 18

Day18 clappr 播放器

今天來介紹 clappr 播放器 clappr 是一款開源播放器，並可透過 Plugin 支援RTMP、DASH 與 FLV ，這個播放器的特色是： Gith...

2018-11-02 ‧ 由 Simon Barry 分享
1 Like 1 留言 7143 瀏覽
DAY 19

Daty19 JWPLAYER 播放器

今天來簡介 JWPLAYERJWPLAYER 是一款商業播放器，他的特色有： 相對老字號的播放器 穩定成熟、功能多 github 星星 1754 顆 開發工具...

2018-11-03 ‧ 由 Simon Barry 分享
0 Like 0 留言 4234 瀏覽
DAY 20

Day20 flowplayer 播放器

今天來簡介 flowplayerflowplayer 是一款商業播放器，他的特色有： 相對老字號的播放器 穩定成熟、功能多 github 星星 1686顆 開...

2018-11-04 ‧ 由 Simon Barry 分享
Simon Barry的鐵人檔案
Simon Barry的收藏
Simon Barry的追蹤
Simon Barry的Like
Simon Barry的紀錄
Simon Barry的訂閱列表