AB Audio Player

FLASH源码 2025-08-09

Ab-Audio-Player

html/css/javaScript的音频播放器,允许您在同一音频文件的两个版本之间切换 - 没有依赖项。这是什么用的?一个理由是不同音频组合/生产过程的并排比较。

查看演示?

(返回到顶部)

零依赖性

仅使用HTML,CSS和JavaScript构建。

入门

  1. 只需将音频文件添加到资产文件夹(HTML支持MP3,WAV和OGG)。这些文件必须具有相同的持续时间才能正常工作。
  2. 更新index.html player__wrapper div的属性“ data-audio-a”和“ data-audio-b”,每个播放器的位置/文件名。两个球员的示例:
     < div class =" player__wrapper "
         data-audio-a =" ./assets/sound1-a.mp3 "
         data-audio-b =" ./assets/sound1-b.mp3 "
    >
    < div class =" player__wrapper "
         data-audio-a =" ./assets/sound2-a.mp3 "
         data-audio-b =" ./assets/sound2-b.mp3 "
    >
  3. 有一些警告,带有不同的浏览器来处理如何预加载,静音等的音频文件进行彻底测试以供生产使用。

(返回到顶部)

执照

根据MIT许可分发。有关更多信息,请参见LICENSE.txt 。如果您确实使用它,请告诉我 - 我很想在行动中看到它!

(返回到顶部)

下载源码

通过命令行克隆项目:

git clone https://github.com/mattbartley/AB-Audio-Player.git