admin管理员组

文章数量:1387285

Hi everyone,

I'm reaching out for some help. I have a MOV video with an alpha channel (transparency). It plays perfectly on Windows, Linux, and Android, but I'm running into issues on Mac.

  • Safari: On the first playback, the first frame flashes black or green instead of showing transparency. On subsequent playbacks, everything works fine.
  • Chrome: The video doesn't play at all—only a blank rectangle appears.

I've tried the H.265 (HEVC with an alpha channel) and ProRes 4444 codecs, but the issue persists. Has anyone encountered a similar problem? I'd really appreciate any advice. Use Pixijs v8.8.1

Thanks a lot for your help!

const videoElement = document.createElement("video");
videoElement.src = "assets/video/output.mov";
videoElement.loop = false;
videoElement.muted = true;
videoElement.autoplay = false;
const videoSource = new VideoSource({
    resource: videoElement,
    autoPlay: false,
    crossorigin: true,
    playsinline: true,
    preload: true,
    updateFPS: -1,
    alphaMode: "premultiplied-alpha",
});
videoSource.autoUpdate = false;
const videoTexture = new Texture(videoSource);
const videoSprite = new Sprite(videoTexture);

videoElement.play();

Tested various videoformats, options for the alphaMode parameter etc etc

本文标签: macosProblem play video with alpha canal on Mac Pixijs881Stack Overflow