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

Question

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

输出的html是这样的:

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

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

据我所知，Chrome 浏览器应该会自动在右侧放置一个下载按钮……但无论出于何种原因，它都不在那里。我已经找到很多网站告诉我如何关闭下载按钮，但有没有办法明确地打开它？

Answer 1

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 元素。我想它会检查并预加载文件，成功 时会填充控件...