如何使用js在網頁中提取所有當前視頻文件及其地址？

Question

 var imgs=document.images.length;

它可以提取網頁上的所有圖像。
如何使用js在網頁中提取所有后綴為flv的flv文件，例如sample.flv ？不是我本地目錄中的所有flv文件而是網頁。
firefox中的插件Video DownloadHelper可以獲取當前的mp4文件。
為什么我的js代碼不能執行相同的任務？

var Links = document.querySelectorAll('a[href$=".mp4"]');
console.log(Links);

如何用fires中的插件Video DownloadHelper等js提取當前視頻文件？

Answer 1

雅虎電影使用blob流傳輸視頻數據。 在任何地方都沒有直接的mp4/flv鏈接，也不能直接獲得這樣的鏈接。 <video>標記的src引用blob流鏈接：

<video class="yvp-html5-video" preload="" id="2413371376" src="blob:https://www.yahoo.com/1dfafd99-a1ff-4cc8-bcff-255e69db9977"></video>

當您從Video DownloadHelper下載MP4時，該插件實際上會讀取blob流並將其寫入MP4文件中的磁盤。 它不下載MP4文件。 如果你嘗試Copy URL ，你會得到這樣的東西給你的剪貼板：

https://roarack01.vpg.cdn.yimg.com/yahoomovies/61fb473f-04a2-381e-b2ae-9496dfba5e66_VYtMtix1DscECbXMT9tHT7yf2P9BZF-mRCMjBejFgALFHl7NSm1ZXPOMICAOr949v2xUgEASYLw-_1_0_vtt.m3u8?a=yahoomovies&ib=sapi&m=application%2fvnd.apple.mpegurl&mr=0&ns=c+i+ci+cii&vid=61fb473f-04a2-381e-b2ae-9496dfba5e66&x=1479599999&s=370695a7063b6aae06fb7f537c85773a

您可以錄制blob流，但這不是一件容易的事。

有關視頻blob流的更多詳細信息，請查看以下鏈接：

<video src = blob：url>中的blob是什么？

將HTML5 blob視頻導出到MP4

W3C媒體來源擴展

Blob和文件引用的URL

Answer 2

如果我正確理解你想要查找所有具有相關聯的.flv的鏈接。

如果需要，可以使用querySelectorAll並使用css選擇器$=選擇以.flv結尾的所有鏈接。

var flvLinks = document.querySelectorAll('a[href$=".flv"]');

Answer 3

要獲取目錄的所有flv文件，請嘗試以下代碼 -

var files = fs.readdirSync("YOUR_DIRECTORY");
var path = require('path');

for(var i in files) {
   if(path.extname(files[i]) === ".flv") {
       //do your desired task here
   }
}

希望能幫助到你..：）

Answer 4

您可以在媒體子標簽中的Chrome - >網絡標簽上檢查所有視頻請求。