Ab-Audio-Player
html/css/javaScript的音频播放器,允许您在同一音频文件的两个版本之间切换 - 没有依赖项。这是什么用的?一个理由是不同音频组合/生产过程的并排比较。
查看演示?
(返回到顶部)
零依赖性
仅使用HTML,CSS和JavaScript构建。
入门
- 只需将音频文件添加到资产文件夹(HTML支持MP3,WAV和OGG)。这些文件必须具有相同的持续时间才能正常工作。
- 更新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 " >
- 有一些警告,带有不同的浏览器来处理如何预加载,静音等的音频文件进行彻底测试以供生产使用。
(返回到顶部)
执照
根据MIT许可分发。有关更多信息,请参见LICENSE.txt 。如果您确实使用它,请告诉我 - 我很想在行动中看到它!
(返回到顶部)
下载源码
通过命令行克隆项目:
git clone https://github.com/mattbartley/AB-Audio-Player.git