首页 > 代码库 > 截取视频第一帧作为预览图片
截取视频第一帧作为预览图片
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>capture screen</title></head><body><video id="video" controls="controls"><source src=http://www.mamicode.com/"123.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 = http://www.mamicode.com/canvas.toDataURL("image/png"); output.appendChild(img);}; initialize();})();</script></body></html>截取视频第一帧作为预览图片
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。