为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 显示下载按钮，甚至可以audio使用 Javascript 动态添加该元素。我想它会检查并预加载文件，当成功填充控件时......