嵌入音频播放器 HTML

Question

我是 HTML 的新手，我想嵌入一个音频播放器来播放 dropbox link 中的 mp3 文件。我从 here 中获取了示例代码，但是它不起作用。它打开一个播放器但不播放。这是代码的相关部分：

<audio controls>    
<source src="https://www.dropbox.com/s/8besx3yh043u4qn/TestFile.mp3?dl=0" type="audio/mpeg">
</audio>

Answer 1

您指向错误的来源。这个link实际上指向一个html文件，这个文件的名字被网络服务器软件重写了。（如果我按照这个 link，一个以 <!DOCTYPE html> 开头的文件被打开，这表明这个文件是一个 HTML- 网站）

如果您右键单击播放器并 select 检查该元素，您会在 preview-auto_container 元素下找到此文件的真实 link。

因此文件的音频元素需要如下所示：

<audio>
<source src="https://dl.dropboxusercontent.com/content_link/KRfRP3OWPuNXyfpYKUjCQOUzNIoE6o66TvxCHu6xKh5fErZ22kJHCOCvJ0TeCccu/file?dl=0&duc_id=dropbox_duc_id" type="audio/mpeg">
</audio>

嵌入音频播放器 HTML

Embed audio player HTML

html

audio

media-player