通过Blob链接或XMLHttpRequest获取MediaSource时遇net::ERR_FILE_NOT_FOUND错误求助

问题根源 #

• 跨域与权限限制：YouTube、Instagram的媒体链接带有严格的CORS策略和访问权限验证，直接用XMLHttpRequest请求会被浏览器拦截。此外，这类链接通常绑定了请求上下文（如当前会话的Cookie、Referer头），脱离原页面环境请求会直接返回404。
• 临时链接时效性：平台生成的MediaSource链接是带签名的临时URL，存在过期时间，一旦过期再次请求就会触发文件未找到错误。
• Blob URL生命周期失效：若你使用的Blob URL是之前生成的，当页面刷新、对应的Blob对象被浏览器垃圾回收后，该URL会立即失效，导致ERR_FILE_NOT_FOUND。

可行解决办法 #

• 采用官方嵌入方案：使用YouTube IFrame Player API或Instagram官方嵌入组件播放媒体，这是最稳定的方式，直接规避跨域和链接失效问题。
• 不要抓取临时媒体链接：平台的MediaSource临时链接不对外开放，且验证机制会持续更新，直接请求这类链接的行为既不符合平台规则，也无法保证稳定性。
• 管理Blob URL有效性：如果是自行生成的Blob URL，需在使用期间保留对原始Blob对象的引用，避免被垃圾回收；第三方提供的Blob URL不具备跨会话有效性，不要依赖其长期可用。

关于你的代码 #

你的XMLHttpRequest代码逻辑本身没有问题，错误的核心在于请求的目标URL不符合YouTube/Instagram的访问规则，而非代码写法错误。

内容的提问来源于stack exchange，提问作者godloky