如何添加多个彼此停止的音频播放按钮?

时间:2019-12-12 22:58:43

标签: html audio

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

我想在每个音轨的前面实现一个三角形(播放按钮),以便访客可以单击每个音轨并听到简短的音频样本。如果访问者在上一个曲目之前单击另一首曲目,则后者应该停止播放新的曲目。

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

如果只有使用Java脚本才能实现,那么您有没有指向我的教程?

1 个答案:

答案 0 :(得分:0)

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

但是我自己找到了解决方案。我描述的所有内容都可以在这里找到的小型jQuery播放器上使用:https://github.com/kuantal/Multiple-circular-player。我可以有多个实例,脚本是“智能的”,足以只允许一个实例同时播放。

为脚本作者提供支持-做得好!