如何添加多个相互停止的音频播放按钮？答案

【问题标题】：How to add multiple audio play buttons that stop each other?如何添加多个相互停止的音频播放按钮？
【发布时间】：2019-12-30 03:54:09
【问题描述】：

我有一个网站中音乐曲目的 HTML 列表。其中一些可以通过音频样本进行预览。

我想在每个轨道前面实现一个三角形（播放按钮），以便访问者可以单击每个轨道并听到一个简短的音频样本。如果访问者在前一个曲目完成之前点击了另一首曲目，则后者应该停止并播放新曲目。

这个简单的计划是否可以毫不费力地实施？我擅长 HTML 和 CSS，但我不会编写 JavaScript。我研究了 audio-controls 属性，但它为我提供了一个完整的播放器，其中包含一堆我不想显示的控件。

如果只有 java-script 才有可能，你们有什么教程可以指点我吗？

【问题讨论】：

标签： html audio

【解决方案1】：

哇，好几个星期都没有答案...

但我自己找到了解决方案。我所描述的一切都适用于我在这里找到的一个小型 jQuery 播放器：https://github.com/kuantal/Multiple-circular-player。我可以有多个实例，并且脚本足够“智能”，可以让一个实例同时播放。

给脚本作者的建议 - 干得好！

【讨论】：