搜索

+

95

-

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

javascript html5 音视频

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%

我知道答案，我要回答

我有问题

最新提问