iT邦幫忙

鐵人檔案

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

前端影片與直播筆記 系列

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

鐵人鍊成 | 共 30 篇文章 | 66 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 plyr 播放器

今天來介紹 plyr 播放器plyr 是一款開源播放器,並可透過 Plugin 支援RTMP、DASH 與 FLV ,這個播放器的特色是: Github 12...

2018-11-05 ‧ 由 Simon Barry 分享
DAY 22

Day22 Dplayer 播放器

今天來介紹 Dplayer 播放器Dplayer 是由中國開發者製作的播放器,最初只是作者的畢業專題作品,到了現在 Dplayer 已成為一個功能成熟強大的播...

2018-11-06 ‧ 由 Simon Barry 分享
DAY 23

Day23 西瓜播放器

今天來介紹西瓜播放器 (又稱 xgplayer )西瓜播放器 是由中國西瓜視頻所開發維護的播放器。 xgplayer 播放器的特色有: Github 1005...

2018-11-07 ‧ 由 Simon Barry 分享
DAY 24

Day24 video-react

今天來簡介 video-reactvideo-react 是一款 React 播放器元件,其 UI、Options 皆受到了 video.js 的啟發。 vi...

2018-11-08 ‧ 由 Simon Barry 分享
DAY 25

Day25 react-player

今天來簡介 react-playerreact-player 是一款強大的 React 播放器元件,雖然名子冠上了「react」-player,但不使用 rea...

2018-11-09 ‧ 由 Simon Barry 分享
DAY 26

Day26 Video.js 播放器

今天到29天都會以 Video.js 播放器為主 Video.js 是一款開源播放器,它是一個經典的 JS 播放器,從2010至今,中間歷經數次版本迭代,目前已...

2018-11-10 ‧ 由 Simon Barry 分享
DAY 27

Day27 Video.js + React 播放器整合

2021年更新: Video.js 文件有更新與 React 整合範例,有加入 使用 useEffect 的寫法。 而除了 Video.js 官方範例外,實務上...

2018-11-11 ‧ 由 Simon Barry 分享
DAY 28

Day28 Video.js 浮水印套件

Day28 Video.js 浮水印套件 今天的內容一樣是 Video.js 我們來看看如何替播放器加上浮水印。 這裡的浮水印是添加在播放器上,而不是添加在影...

2018-11-12 ‧ 由 Simon Barry 分享
DAY 29

Day29 Video.js 影片標題套件

今天的內容仍是 Video.js 如果我想要替 Video.js 影片添加標題文字,例如 Youtube 全螢幕時,左上角會有標題文字一樣,我該怎麼做呢? 播...

2018-11-13 ‧ 由 Simon Barry 分享
DAY 30

Day30 心得-持續成長、持續前進

不知不覺就完成第二次鐵人賽 這次有幸加入一個公司團隊,前端 team 內有過半的成員參加鐵人賽,雖然前輩喊團報好幾次,但最終大家還是下水餃般的各自報名。我先自首...

2018-11-14 ‧ 由 Simon Barry 分享