Breaking News: Grepper is joining You.com. Read the official announcement!

capture image from video element

Ahmed ElNawawy answered on March 23, 2022 Popularity 4/10 Helpfulness 8/10

answer capture image from video element

capture image from video element

Comment

const video = document.getElementById("video");

const canvas = document.createElement("canvas");
// scale the canvas accordingly
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
// draw the video at that frame
canvas.getContext('2d')
  .drawImage(video, 0, 0, canvas.width, canvas.height);
// convert it to a usable data URL
const dataURL = canvas.toDataURL();

Popularity 4/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: capture element image javascript video

Link to this answer
Share Copy Link