Function download

scripts/libs/utils/videoCapture.js:77–116

* Canvas downloads the intercepted content * @param canvas

(canvas, title, video)

   * @param canvas
   */
  download(canvas, title, video) {
    title = title || "videoCapturer_" + Date.now();

    try {
      /**
       * Try copying to clipboard
       * Note that some browsers do not support writing 'image/jpeg' type data to the clipboard. Image/jpg can, but the result of toBlob will be png data.
       * So here is a new 'image/png' to try to copy to the clipboard, instead of putting setClipboard(blob) in the try below
       * In addition, since the automatic downloading of the screenshot below will cause the page to be out of focus, it will also cause the copy to the clipboard to fail, so here we copy it to the clipboard first and then download it.
       */
      canvas.toBlob(
        function (blob) {
          setClipboard(blob);
        },
        "image/png",
        0.99
      );
    } catch (e) {
      console.error("无法将截图复制到剪贴板。", e);
    }

    try {
      canvas.toBlob(
        function (blob) {
          const el = document.createElement("a");
          el.download = `${title}.jpg`;
          el.href = URL.createObjectURL(blob);
          el.click();
        },
        "image/jpeg",
        0.99
      );
    } catch (e) {
      videoCapturer.preview(canvas, title);
      console.error(
        "The video source is restricted by the CORS logo and screenshots cannot be downloaded directly. See:\n https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS"
      );
      console.error(video, e);
    }
  },
};

export default videoCapturer;