
本教程详细介绍了如何使用javascript从html `blob:` url下载视频。文章区分了两种主要情况:由`url.createobjecturl`生成的blob,可通过创建`mediasource api。
总结与建议
在处理HTML blob: URL视频下载时,关键在于识别其来源:
- 对于由 URL.createObjectURL() 生成的 blob: URL: 采用本文介绍的JavaScript结合 标签 download 属性的方法是高效且直接的解决方案。它适用于用户上传文件预览、Canvas导出图片等场景。
- 对于由 MediaSource API 生成的 blob: URL: 请注意,这通常涉及流媒体内容,直接下载非常困难。如果您有此需求,可能需要考虑更复杂的媒体流捕获和重组方案,这通常超出前端直接下载的能力范畴。
在开发过程中,建议首先检查 video 元素的 currentSrc 是否为 blob: URL,并根据其具体行为判断其来源,从而选择合适的下载策略。











