使用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才能不影响到第三方的,否则第三方的图片等资源无法播放

相关推荐
西索斯coding8 分钟前
在 中接入 教程:p配置、m填写、扩展思考参数一篇就够(2)
java·前端·javascript·ai
代码猎人11 分钟前
前端怎么优化项目基础架构
前端
__sjfzllv___19 分钟前
在职前端Leader学习/转行 AI Agent -DAY78
前端
代码猎人19 分钟前
前端怎么封装工具类
前端
deli00723 分钟前
PDF 合并别再用在线工具:12 份文件浏览器里合完,实测不上传
前端
shuoshuohaohao23 分钟前
SpringBoot3-web开发-静态资源-内容协商
前端
kiros_wang25 分钟前
RDB关系数据库实战:增删改查、事务、分页、版本迁移
前端
用户17335980753727 分钟前
纯前端 PDF 双面打印避坑指南:翻页顺序错了整个白印?
前端·javascript·vue.js
庖丁解牛28 分钟前
第四课:循环,让电脑重复做事(4)
前端
数据掘金29 分钟前
用户路径分析的会话切分与节点聚合实现
前端