Uncaught (in promise) ReferenceError: SharedArrayBuffer is not defined

背景

Vue3 项目使用 ffmpeg 进行视频截取时，报错，内容如题。

原因：SharedArrayBuffer 需要相关跨域权限

本地调试时，可以做以下配置：

vite.config.js 中

server: {
    https: true, //开启https配置
    host: '0.0.0.0',//开启本地ip
    headers: {
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp'
    }
  },

最重要的是 headers 的设置。当然也需要 https 的支持。