本文介绍了如何在前端利用canvas动态获取视频的第一帧图像。面对这个问题，一开始可能会感到困惑，但通过研究和搜索，发现了一个简洁有效的解决方案。提供了一个简单的HTML代码示例来实现这一功能。
一直说也不知道说啥 偏偏有时候会遇上 刚接到这个问题的时候一脸懵逼 但是一想总要解决；
给后端搞吧！后台说前端上传 ，自己搞 又一脸懵逼！哎都是程序员 何苦 啊！
网上找了一大堆 发现下面这个代码很好 原因很简答 只要还没傻到一定程度 就能做；
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>capture screen</title>
</head>
<body>
<video id="video" controls="controls">
<source src="img/test.mp4">
</video>
<div id="output"></div>
<script type="text/javascript">
(function(){
var video, output;
var scale = 0.8;
var initialize = function() {
output = document.getElementById("output");
video = document.getElementById("video");
video.addEventListener('loadeddata',captureImage);
};
最低0.47元/天 解锁文章
扫一扫
4589
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
