Tencent Media Lab

@tencent/mesh-player

Mesh Player 是由腾讯多媒体实验室自主研发,基于 WebAssembly 和 WebGL 的体积视频(Volumetric Video)播放器

功能

  1. 体积视频高清渲染(最高 4K)
  2. 播放控制,包括播放、暂停、停止、进度跳转等功能
  3. 支持音频播放

优势

  1. 画面清晰。画质最高可达 4k
  2. 支持 WebGL 库和原生 WebGL 开发,包括 Three.js, Babylon.js
  3. 可自定义参数多
  4. 支持多线程模式

安装

  1. 将压缩包解压
  2. 通过 npm install ./package 安装本地 npm 包
  3. package/lib 里的文件拷贝到服务器的资源目录上 (比如在 React 和 Next.js 里,把 lib 里的文件原封不动拷贝到 /public/mesh-player 目录下),在初始化的时候需要能够通过网络请求访问到
  4. 为服务器开启两个请求头配置:
    • Cross-Origin-Embedder-Policy: require-corp
    • Cross-Origin-Opener-Policy: same-origin

使用