iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 5
1
Modern Web

前端影片與直播筆記系列 第 5

Day05 幾個小工具

  • 分享至 

  • xImage
  •  

今天先來分享一些小工具,前端接到串影片的任務,在研究階段,除了公司的影片外,有時也會找非公司的影片源來測,這個時候只能上網找影片連結或工具來用。

桌面應用程式

Postman

前端向後端索取影片,本質上還是發出一個 GET/POST 請求,因此透過Postman也可以檢查索取的狀況或吐回的東西。

 
 

VLCplayer

相當好用的播放器,也可以在本地端電腦播放網路串流影片,缺點是要下載 VLCplayer 回來安裝。


 
 

Chrome 擴充套件

Native HLS Playback

以 HLS.js 製作的 Chrome擴充套件,非常方便,直接以 HLS 直播連結另開 Chrome 新分頁(或輸入到網址列)就能播放了。

 
 

Native MPEG-Dash + HLS Playback

與 Native HLS Playback 類似,如果也想觀看 Dash 的話,可以安裝這個套件。

 


 

網頁

VTT字幕產生器

在瀏覽對岸的資料時,無意發現的小工具,前端拿不到字幕檔卻又要做字幕功能<track>時,可以使用這個網站來快速產生對應字幕。

 

hlsplayer. net

想用 FLASH 來播放 RTMP、MP4、HLS 時,可以使用這個網站,注意此網站用了已停止維護的 GrindPlayer + FLASH,在播放時需開啟網頁 FLASH 才有畫面呦。

 


 

免費連結

這裡列出的影片連結,不是直接去抓(爬)商業影音公司的連結,而是放在播放器網站,專門用來 Try 播放器用的公開連結。

MP4

http://clappr.io/highline.mp4

取自clapprPlayer

http://vjs.zencdn.net/v/oceans.mp4

取自video.js

RTMP

rtmp://184.72.239.149/vod/BigBuckBunny_115k.mov

取自hdwplayer

HLS

https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8

取自bitmovin

DASH

DASH官網
DASH的網站自己就提供了專門的測試影片給人使用


上一篇
Day 04 FLV、F4V
下一篇
Day06 HLS 直播協議簡介
系列文
前端影片與直播筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言