如何从HTML blob:URL下载mp4视频

Question

如何使用JavaScript从<video src="blob:https//domain...>标签下载mp4视频。这可能吗？或者在网络浏览器中被阻止了？我已经尝试了在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来自MediaSourceAPI，那么您将无法轻松下载它，因为它可能是视频流。根据它的工作方式，获取视频可能非常容易，也可能非常困难。

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