Function createVideoThumbnail

src/js/functions.js:3849–3891

(file, max, seekTo = 0.0, isURL)

}

function createVideoThumbnail(file, max, seekTo = 0.0, isURL) {
  return new Promise((resolve, reject) => {
    const videoPlayer = document.createElement('video');
    if (isURL) {
      videoPlayer.setAttribute('src', file);
    } else {
      videoPlayer.setAttribute('src', URL.createObjectURL(file));
    }
    videoPlayer.setAttribute('crossorigin', 'anonymous');
    videoPlayer.load();
    videoPlayer.addEventListener('error', (ex) => {
      reject('error when loading video file', ex);
    });
    videoPlayer.addEventListener('loadedmetadata', () => {
      if (videoPlayer.duration < seekTo) {
        reject('video is too short.');
        return;
      }
      setTimeout(() => {
        videoPlayer.currentTime = seekTo;
      }, 200);
      videoPlayer.addEventListener('seeked', () => {
        var oc = document.createElement('canvas');
        var octx = oc.getContext('2d');
        oc.width = videoPlayer.videoWidth;
        oc.height = videoPlayer.videoheight;
        octx.drawImage(videoPlayer, 0, 0);
        if (videoPlayer.videoWidth > videoPlayer.videoHeight) {
          oc.height =
            (videoPlayer.videoHeight / videoPlayer.videoWidth) * max;
          oc.width = max;
        } else {
          oc.width =
            (videoPlayer.videoWidth / videoPlayer.videoHeight) * max;
          oc.height = max;
        }
        octx.drawImage(oc, 0, 0, oc.width, oc.height);
        octx.drawImage(videoPlayer, 0, 0, oc.width, oc.height);
        resolve(oc.toDataURL());
      });
    });
  });
}

function createThumbnail(file, max) {
  return new Promise(function (resolve, reject) {