今天先來分享一些小工具,前端接到串影片的任務,在研究階段,除了公司的影片外,有時也會找非公司的影片源來測,這個時候只能上網找影片連結或工具來用。
前端向後端索取影片,本質上還是發出一個 GET/POST 請求,因此透過Postman也可以檢查索取的狀況或吐回的東西。
相當好用的播放器,也可以在本地端電腦播放網路串流影片,缺點是要下載 VLCplayer 回來安裝。
以 HLS.js 製作的 Chrome擴充套件,非常方便,直接以 HLS 直播連結另開 Chrome 新分頁(或輸入到網址列)就能播放了。
與 Native HLS Playback 類似,如果也想觀看 Dash 的話,可以安裝這個套件。
在瀏覽對岸的資料時,無意發現的小工具,前端拿不到字幕檔卻又要做字幕功能<track>
時,可以使用這個網站來快速產生對應字幕。
想用 FLASH 來播放 RTMP、MP4、HLS 時,可以使用這個網站,注意此網站用了已停止維護的 GrindPlayer + FLASH,在播放時需開啟網頁 FLASH 才有畫面呦。
這裡列出的影片連結,不是直接去抓(爬)商業影音公司的連結,而是放在播放器網站,專門用來 Try 播放器用的公開連結。
http://vjs.zencdn.net/v/oceans.mp4
取自video.js
rtmp://184.72.239.149/vod/BigBuckBunny_115k.mov
https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8
取自bitmovin
DASH官網
DASH的網站自己就提供了專門的測試影片給人使用