Tencent Media Lab

@tencent/mesh-player

Mesh Player is a volumetric video player developed by Tencent Multimedia Lab, based on WebAssembly and WebGL.

Features

  1. High-definition volumetric video rendering (up to 4K)
  2. Playback controls, including play, pause, stop, and seek functionality
  3. Audio playback support

Advantages

  1. Clear picture quality. The video quality can reach up to 4K
  2. Supports WebGL libraries and native WebGL development, including Three.js and Babylon.js
  3. Many customizable parameters
  4. Supports multi-threaded mode

Installation

  1. Unzip the package
  2. Install the local npm package via npm install ./package
  3. Copy the files in package/lib to the server's resource directory (for example, in React and Next.js, copy the files in lib directly to the /public/mesh-player directory), and make sure they can be accessed via network requests during initialization
  4. Enable the following request headers on the server:
    • Cross-Origin-Embedder-Policy: require-corp
    • Cross-Origin-Opener-Policy: same-origin

Usage