如何截取视频的第一帧
来源:互联网 发布:小学数学必背常用数据 编辑:程序博客网 时间:2024/06/05 03:45
代码如下:
<!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);
};
var captureImage = function() {
var canvas = document.createElement("canvas");
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
var img = document.createElement("img");
img.src = canvas.toDataURL("image/png");
output.appendChild(img);
};
initialize();
})();
</script>
</body>
</html>
阅读全文
0 0
- 如何截取视频的第一帧
- 如何截取视频的第一张图片
- android中截取视频的第一帧图片
- 安卓截取视频第一帧的方法
- 截取网络视频的第一帧并显示
- H5上传视频,截取视频第一帧作为视频封面,遇到的坑
- 通视频URL截取第一帧图片
- H5 Video截取第一帧 Canvas 动态视频渲染、截取
- 视频播放中经常会用到截取第一帧图片来当做默认背景图的功能
- 截取视频第一帧——使用ffmpeg
- AsyncTask异步加载给视频截取第一帧图片
- ffmpeg 多张图片转视频,视频转gif,截取视频,截取视频里的帧
- MediaMetadataRetriever 的使用,视频截取一帧
- nodejs如何从上传的视频中截取一帧作为预览图片
- Matlab 如何截取视频中的每一帧图像
- Matlab 如何截取视频中的每一帧图像
- matlab如何截取视频中的每一帧图像
- 获取视频的第一帧
- POJ
- 怎样快速转载别人的博客【转载】
- 91. Decode Ways (dp)
- Zookeeper实现master-slave选举
- 猫都能学会的Unity3D Shader入门指南(二)
- 如何截取视频的第一帧
- 常用 sql 语句汇总
- 【转】explain在MySQL中的用法
- 常用类——ArrayList
- 16进制和字符串相互转换
- bachground-image背景渐变笔记
- 关于战斗力计算模型的补充——到底怎么配点属性才会最强呢?
- Android7.0相机拍照功能导致FileUriExposedException
- 5. linux C -- 共享内存