javascript - 当src为dataURL时指定视频的名称

使用JS，我从 Canvas 元素的一系列屏幕抓取中创建了视频。例如。

let encoder = new Whammy.Video(25); //25 is fps

for(...) {
  //do stuff on canvas every x ms
  ....

  //get a dataURL from the canvas
  let dataURL = canvas.toDataURL('image/webp');

  //add the dataURL to the encoder
  encoder.add(dataURL);
}

// Now we want to create a video from the array of data urls

encoder.compile(false, (webm_output) => {

  //webm_output is a blob

  //create dataURL from blob
  let url = URL.createObjectURL(webm_output);

  let vid = documentGetElementById('myVid');

  vid.src = url;

 })

这一切都可以，但是，如果用户要下载视频(使用内置控件)，则视频名称是随机字符串。

可以手动指定名称吗？

最佳答案

在这个demo上:

<a style="" id="download" download="clock.webm" href="blob:[blob-url]">Download WebM</a>

使用download=属性提供视频名称和扩展名。

关于javascript - 当src为dataURL时指定视频的名称，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57611451/