Проблема со скриншотами страниц с видео
Привет всем! У меня есть веб-страница где есть обычные HTML элементы и видеоплеер. Мне нужно сделать скриншот всей страницы целиком используя только JavaScript или jQuery.
Пробовал разные способы но столкнулся с проблемами. HTML2Canvas хорошо работает с обычными элементами но видео не захватывает совсем. Для видео нашел отдельное решение через canvas:
function captureVideoFrame() {
var canvasElement = document.createElement('canvas');
var ctx = canvasElement.getContext('2d');
var videoWidth = $('#player').width();
var videoHeight = $('#player').height();
canvasElement.width = videoWidth;
canvasElement.height = videoHeight;
var playerElement = document.getElementById('player');
ctx.drawImage(playerElement, 0, 0, videoWidth, videoHeight);
var imageData = canvasElement.toDataURL();
var img = new Image();
img.src = imageData;
$('body').append(img);
}
Этот код делает снимок только видео отдельно. Но мне нужно захватить всю страницу вместе с видео за один раз. Можно ли это сделать без использования серверных технологий? Какие есть варианты решения этой задачи?