小编bob*_*bby的帖子

Javascript如何从视频中提取帧?

您好,我有以下 JS 代码,可从文件输入创建视频:

<canvas  id="prevImgCanvas">Your browser does not support the HTML5 canvas tag.</canvas> 

<input id="videoage" type="file" name="video" class="chooseNail" accept="video/*" style="display:none;" onchange="loadSnippetThumb(event)">
<label for="videoage" id="labelvideo" >Choose Video</label>

var loadSnippetThumb = function(event) {                
    var c = document.getElementById("prevImgCanvas");
    var context = c.getContext('2d');
    var url = URL.createObjectURL(event.target.files[0]);
    var video = document.getElementById('video222');
    video.src = url;
    video.autoPlay = true;

}
Run Code Online (Sandbox Code Playgroud)

这将创建一个在屏幕上播放的视频,用户选择使用文件输入上传该视频。我不希望视频显示在屏幕上我只想能够挑选视频的随机帧并将其显示在画布上。我怎样才能做到这一点?谢谢。

html javascript css video

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

video ×1