找出網頁影片的播放源 (1)

pucheng0705

如果想透過網路串流播放網頁上的影片，但是不想有其他網頁資訊或是廣告出現，可以單獨利用播放源顯示影片。
找出播放源，將位址貼上播放器(potplayer, vlc player, MX player.....)就可以看到影片。
在此以Chrome瀏覽器和potplayer播放器為範例。

我以聯合新聞網的新聞影片為範例：
https://theme.udn.com/theme/story/6775/3739529
這篇新聞中有內嵌影片


開啟Chrome選單 - [更多工具] - [開發人員工具]
或是使用快捷鍵 ctrl-shift-I 啟動 [開發人員工具] 畫面

圖二

開啟此功能後，瀏覽器右方會出現新的功能框架，如果你的瀏覽器此功能的預設選項不是[Network]，請用滑鼠點選它。


畫面中會出現說明：需要時請按下 ctrl-R 重啟畫面，如果按下ctrl-R 影片沒有自動播放，請按下影片上的播放鍵。
當網頁在工作時，特別是有串流影片的狀況下，右邊畫面會出現許多訊息。



這時候我們就需要使用關鍵字m3u8過濾篩選，如果畫面變成空白就需要reload影片，或是此影片無法使用這種方法找出播放源。
這個範例中，輸入m3u8就剩下三筆資訊，滑鼠移動到上面就能看到位址，找一個看起來比較正常的網址試試看。


在想要的位置上按滑鼠右鍵開出選單，選擇 [copy] - [copy link address]，複製出網址，可貼在記事本上或直接貼在potplayer上面測試看看能不能用。


開啟potplayer的選單，選擇[開啟] - [開啟連結]


potplayer就會跳出 [請輸入位址] 的小畫面，貼上網址，按下[確定]。


若是影片播放不成功，那就選另一個位址試試。
在此案例，第二個連結就成功播放影片，是正確的播放源。

圖九

並非每一種網頁播放器都能這樣找到播放源，此法不通就要另找方法。


補充內容 (2019-4-6 03:56 PM):
如果找到的m3u8其中含有 UNIX timestamp，這種位址就有時效性，不適合放在potplayer的播放清單
例如：https://../chunklist.m3u8?token=...&expires=1554547961

big619

potplayer 免安裝

小弟昨天有大概整理了一下，m3u8檔。不知有沒有侵權的疑慮？

單晶片微電腦

直接按滑鼠右鍵-->檢查網頁原始碼，再找一下即可。

FlyNews

chrome 裝個擴充功能就好了!

chrome 線上應用程式商店
首頁 擴充功能
Flash Video Downloader
提供者：NextGenDev
https://chrome.google.com/websto ... ahhlhccpdbc/reviews

以聯合新聞網的新聞影片為範例：
https://theme.udn.com/theme/story/6775/3739529

pucheng0705

感謝 單晶片微電腦 和 FlyNews 兩位大大提供的訊息。

的確有些網站做得很簡單，網頁原始碼中就含有 m3u8 的位址。
但是，多半網站的原始碼找到的是 embeded 模式。
在此提供的網址所找到的連結就是：
https://video.udn.com/embed/news/1039270
也是串流播放，但還是需要使用瀏覽器開啟。
播放清單就需要使用書籤或是製作html檔案。
m3u8則是另一種串流方法，可依照個人需求使用。

至於下載檔案的方式會占用硬碟空間需要預先存好檔案，好處是不怕網站塞車或是連結過期。
也是依照個人需求取捨。

除了檢視網頁原始碼之外，還有另一種相似度極高的方法(但要看該網站的設計)，就是檢視框架原始碼。
在此我使用 寰宇新聞網站做說明：
http://globalnewstv.com.tw/tvonline-1/

在播放框下邊有一點黑色的位置，以滑鼠右鍵點選，可以跳出一個選單，選擇檢視框架原始碼。
位置沒點好，就不會出現這個選項。



在此原始碼中就能夠找到 m3u8訊息，和我一樓所使用的方法得到的是相同的位址。
chtplayer.src('https://live1-faintv.cdn.hinet.net/live_HLS/N010.stream/playlist.m3u8?token=b8i37y27Yi7X1q9cywnUiQ&expires=1554611501');
需要注意，這個連結是有時效性的，有個參數是 expires=

還有，這種LIVE 的視訊不適合使用下載的方式存檔。