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

使用JSI从画布元素的一系列屏幕抓取创建视频。例如

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;   

 })

但是，如果用户想要下载视频（使用内置控件），则视频的名称是一个随机字符串

是否可以手动指定名称？

在以下位置：

---

使用

download=

属性提供视频名称和扩展名。

下载视频的名称始终与存储在服务器上的名称相同。视频不存储在服务器上。它使用HTML5画布元素动态创建。无论src属性中的视频名称是什么，下载文件的名称都是相同的。这并不是问题的答案，他希望使用内置控件。不是锚定标签。@codebuilders我相信你不能这么做<代码>不支持文件的自定义命名，它将始终从源url获取文件名。

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