使用ffmpeg.wasm解码视频(avi,mpg等格式)问题

一、FFmpeg 初始化失败: ReferenceError: SharedArrayBuffer is not defined

解决方法:

Vite 配置 (vite.config.js) : 增加

arduino 复制代码
export default defineConfig({
    server: {
      // ffmpeg需要跨域隔离
      headers: {
        'Cross-Origin-Opener-Policy': 'same-origin',
        'Cross-Origin-Embedder-Policy': 'credentialless' // 无需第三方配合
      }
    }
  })

这个只能本地运行起作用

如果发到线上需要配置nginx

nginx

ini 复制代码
server {
    
    location / {
        # 启用跨域隔离
        add_header Cross-Origin-Opener-Policy same-origin;
        add_header Cross-Origin-Embedder-Policy credentialless;
        
        # 其他配置...
    }
}

'Cross-Origin-Embedder-Policy': 'credentialless'设置成credentialless才能不影响到第三方的,否则第三方的图片等资源无法播放

相关推荐
咩咩啃树皮5 小时前
第40篇:Vue3组件化开发精讲——组件拆分、复用、父子通信、工程化架构
java·前端·架构
阳光是sunny5 小时前
LangGraph中的Reducer是什么
前端·人工智能·后端
触底反弹5 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
阳光是sunny6 小时前
从链到图:LangGraph 入门基础全解析
前端·人工智能·后端
小林ixn6 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
REDcker7 小时前
显示分辨率标准对照详解
前端·网络·分辨率·显示·屏幕
এ慕ོ冬℘゜7 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery
武子康7 小时前
Search Console Platform Properties 扩大 SEO 资产边界:从 Page Ranking 到 Topic Coverage(5 类误读边界 + 3 表数据层设计)
前端·人工智能·后端
一点一木8 小时前
从60首歌到1个网站:输入你的故事,还你一首歌
前端·github
IT_陈寒9 小时前
Vue这个特性差点让我加班到凌晨,谁懂啊
前端·人工智能·后端