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

相关推荐
LJLJ1 小时前
BPMN的Activity节点渲染
前端
水水不水啊1 小时前
通过一个域名,借助IPV6免费远程访问自己家里的设备
前端·python·算法
izx8881 小时前
JavaScript 面向对象编程(OOP):从原始模式到原型继承
前端·javascript
圆弧YH1 小时前
edge + google
前端·edge
b***59431 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
前端fighter1 小时前
全栈项目:旅游攻略系统
前端·后端·源码
我血条子呢1 小时前
【Vite】离线打包@iconify/vue的图标
前端·javascript·vue.js
一个有理想的摸鱼选手2 小时前
CesiumLite-一行代码让你在Cesium中实现标绘测量
前端·gis·cesium
1024小神2 小时前
swiftui和uikit的桥梁:UIViewRepresentable、Coordinator
前端