AB Audio Player

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 。如果您确实使用它，请告诉我 – 我很想在行动中看到它！

（返回到顶部）