HTML5响应式播放音频jQuery插件 支持（MP3、Wav和Ogg）

演示  website 下载

插件介绍

这是一款轻量级响应迅速、跨平台的jQuery音频播放器，用于在页面上播放HTML5音频文件（MP3、Wav和Ogg）。

使用方法

1. 在html页面中加载必要的JavaScript和CSS文件。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.13/howler.min.js"></script>

2. 在页面中加载音频播放插件相关文件。

<link href="src/css/tinyPlayer.css" rel="stylesheet">
<script src="src/js/tinyPlayer.js"></script>

3. 显示一个音频文件。

<audio controls 
       class="iru-tiny-player" 
       data-title="Sample Audio File">
       <source src="audio.mp3" type="audio/mpeg">
</audio>