如何從 HTML blob：URL 下載 mp4 視頻？

Question

如何使用<video src="blob:https//domain...>標簽中的 JavaScript 下載 mp4 視頻。它甚至可能還是在 web 瀏覽器中被阻止？我已經嘗試了我在 StackOverflow 上找到的所有方法，沒有任何效果.

來自 Gettr 的示例 HTML 代碼：

<video preload="auto" controlslist="nodownload" playsinline="" webkit-playsinline="" x5-playsinline="" style="width: 100%; height: 100%;" src="blob:https://gettr.com/75e599c0-6616-4131-9d46-40c5b43d03c0"></video>

如何使用 JavaScript 下載這個？

Answer 1

嘗試添加這樣的下載鏈接。 如果它實際上是一個 blob mp4 文件鏈接，它將起作用：

<a href="blob:https://gettr.com/75e599c0-6616-4131-9d46-40c5b43d03c0" download>Download</a>

Answer 2

如果視頻 url 來自由URL.createObjectURL(blob)創建的Blob ，則可以通過執行類似操作來獲取視頻

function downloadURL(url, name = null) {
  const a = document.createElement('a')
  a.href = url
  a.download = name ?? ''
  a.click()
}

const video = document.querySelector(<insert-selector-here>)
const blobURL = video.currentSrc

downloadURL(blorURL, 'video.mp4')

但是，如果 url 來自MediaSource API，那么您將無法輕松下載它，因為它可能是視頻流。 根據它的工作方式，獲取視頻可能非常容易或非常困難。

https://developer.mozilla.org/en-US/docs/Web/API/MediaSource