第三方对接

getUserMedia / 对方预览轨
       ↓
HTMLVideoElement
       ↓
BeautyEffectEngine.processImage(...)
       ↓
canvas + putImageData
       ↓
canvas.captureStream() → MediaStreamTrack
       ↓
TRTC / Agora / LiveKit 发布或 replaceTrack

import {
  BeautyEffectEngine,
  EngineConfig,
  FrameType,
  MirrorMode,
} from 'facebetter';

const engine = new BeautyEffectEngine(new EngineConfig({
  authProxyUrl: '/api/facebetter/auth', // 生产：你的鉴权代理
  resourcePath: '/resource.fbd',
}));
await engine.setLogConfig({ consoleEnabled: true, level: 2 });
await engine.init();

const video = document.createElement('video');
video.playsInline = true;
video.muted = true;
video.srcObject = await navigator.mediaDevices.getUserMedia({
  video: { width: 1280, height: 720 },
  audio: false,
});
await video.play();

const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');

function loop() {
  if (engine.initialized && video.readyState >= 2 && video.videoWidth > 0) {
    const result = engine.processImage(
      video,
      video.videoWidth,
      video.videoHeight,
      FrameType.Video,
      MirrorMode.Horizontal, // 前置摄像头按需
    );
    if (result) {
      if (canvas.width !== result.width) canvas.width = result.width;
      if (canvas.height !== result.height) canvas.height = result.height;
      ctx.putImageData(result, 0, 0);
    }
  }
  requestAnimationFrame(loop);
}
loop();

// 美颜后的视频轨：交给任意 RTC / 会议 SDK
const beautyStream = canvas.captureStream(30);
const beautyTrack = beautyStream.getVideoTracks()[0];

// 示意：拿到本地流后替换视频轨
// const localStream = TRTC.createStream({ ... });
// await localStream.initialize();
// await localStream.replaceTrack(beautyTrack);
// await client.publish(localStream);

import AgoraRTC from 'agora-rtc-sdk-ng';

// 方式 A：从 MediaStreamTrack 创建自定义视频轨（API 名以当前 agora-rtc-sdk-ng 为准）
const customVideoTrack = AgoraRTC.createCustomVideoTrack({
  mediaStreamTrack: beautyTrack,
});
await client.publish([customVideoTrack /*, microphoneTrack */]);

// 方式 B：已有摄像头轨时
// await cameraTrack.replaceTrack(beautyTrack);

import { Room, LocalVideoTrack, createLocalVideoTrack } from 'livekit-client';

// 示意：从 MediaStreamTrack 创建并发布（具体工厂方法以 livekit-client 版本为准）
const track = LocalVideoTrack.createFromMediaStreamTrack(beautyTrack);
await room.localParticipant.publishTrack(track);

// 或对已有 LocalVideoTrack：
// await localVideoTrack.replaceTrack(beautyTrack);