html - 带有 HTML5 音频标签的自定义一键播放器

Question

在我最近一直在做的一些 Web 开发中使用<audio>标签，我正在尝试做的一件事是使用它来构建一个单词列表并在列表中的每个单词旁边提供一个发音示例。设置它一点也不难，但是这种应用程序几乎不需要全套控件；只是一个播放按钮。

然而，标签的controls元素<audio>似乎并没有得到很好的记录。我能在上面找到的只是“总是把'放在'这里，除非你想建立自己的播放器”。我不想构建自己的播放器，但是，我只想要一个简单的一键播放界面，没有其他任何东西，最好不需要 JavaScript 或 Flash。

score 28 · Accepted Answer

这很简单。您只需要在audio单击某些内容时调用 DOM 对象上的 play 方法。可以是图像、文本、链接或任何适合的东西。

这是一种可能的方法：

<a onclick="this.firstChild.play()"><audio src=".."></audio></a>

1 回答 1