如何设置动态创建的<audio>元素的默认下载文件名？

Question

如果从blob new Audio(URL.createObjectURL(blob))动态获取音频元素的源，并且从默认的download按钮(在三个点菜单中)下载该音频，则即使我设置为type="audio/wav"或download="file.wav"，下载的文件的名称也会变为415fa035-08ba-4a67-ae0d-a0d6876a1eef.txt。

<audio preload="auto" src="blob:http://127.0.0.1:5500/415fa035-08ba-4a67-ae0d-a0d6876a1eef" controls="true" type="audio/wav"></audio>

如何手动设置通过这种方式动态创建的音频元素下载的文件名？

Answer 1

可以通过设置元素的title属性来设置下载文件的名称。

<audio preload="auto" src="blob:http://127.0.0.1:5500/415fa035-08ba-4a67-ae0d-a0d6876a1eef" controls="true" type="audio/wav" title="file.wav"></audio>

或

audioElement.title = "file.wav"

现在，该文件以此名称和扩展名保存。

Answer 2

我在处理HTML音频标签时遇到了类似的问题。

解决方案很简单。您所需要做的就是将音频标题属性设置为您希望下载链接具有的名称和扩展名。

例如

audio.title = "myLovelySong.mp3“

现在，您的下载名称将具有myLovelySong.mp3。