gpt4 book ai didi

javascript - 如何从视频 HTML 元素中获取帧精确搜索?

转载 作者:行者123 更新时间:2023-12-02 19:24:27 25 4
gpt4 key购买 nike

你如何获得你在 <video/> 中所处位置的帧精确计数?元素?

我们知道:

显示浏览器可变性的示例:https://daiz.github.io/frame-accurate-ish/

  • Firefox 不准确 2/25 次
  • Chrome 不准确 8/25 次

最佳答案

这里举个例子: https://adhesive-smooth-produce.glitch.me

在整个示例视频中,我们能够看到以下在获得准确的 frame 计数方面的工作——这是使用 currentTime 参数无法做到的.

  const updateCanvas = (now, metadata) => {
if (startTime === 0.0) {
startTime = now;
}

ctx.drawImage(video, 0, 0, width, height);

let frameOffset = 2
const frames = Math.round(metadata.mediaTime * fps) - frameOffset
fpsInfo.innerText = !isFinite(frames) ? 0 : frames;
metadataInfo.innerText = JSON.stringify(metadata, null, 2);

video.requestVideoFrameCallback(updateCanvas);
};

video.src =
"https://daiz.github.io/frame-accurate-ish/time.mp4";
video.requestVideoFrameCallback(updateCanvas);

frameOffset 必须通过查看 const frames = Math.round(metadata.mediaTime * fps) 等于 time = 0 来确定.

感谢博文:https://blog.tomayac.com/2020/05/15/the-requestvideoframecallback-api/

关于javascript - 如何从视频 HTML 元素中获取帧精确搜索?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62611353/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com