javascript - 在Chrome中启用html5音频播放器的下载按钮

我的页面上有音频元素，该元素是使用dom中的javascript动态添加的。

输出的html是这样的:

        <audio preload="auto" controls="controls">
            <source src="https://urlofmp3.mp3" type="audio/mp3">
        </audio>

当我在页面上查看此音频元素时，它看起来像这样:


据我了解，Chrome应该会自动在右侧放置一个下载按钮...但是无论出于何种原因，它都不存在。我已经找到了很多网站，告诉我如何关闭下载按钮，但是有没有办法明确将其打开？

最佳答案

const audio = `<audio preload="auto" controls="controls">
                  <source
                    src="https://archive.org/download/testmp3testfile/mpthreetest.mp3"                           type="audio/mp3">
              </audio>`;
document.getElementById('song').insertAdjacentHTML('beforeend', audio);

<div id="song"></div>

如果您将真实的MP3文件放到src中，则它会显示下载按钮，甚至会使用Javascript动态添加audio元素。我想它会检查并预加载文件，并在成功填充控件时...