+
95
-

js如何是mp4视频文件浏览器上提取指定时间的画面帧?

js如何是mp4视频文件浏览器上提取指定时间的画面帧?


网友回复

+
15
-

通过drawImage即可实现,将video视频播放,然后创建一个canvas画布,将视频播放到指定的时间进度,使用drawImage截图即可,示例代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Extract Video Frame</title>
</head>
<body>
    <video id="myVideo" width="0" height="0" controls muted>
        <source src="//repo.bfw.wiki/bfwrepo/video/5d8449e2482ad.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <canvas id="myC...

点击查看剩余70%

我知道答案,我要回答