网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一款轻量级响应迅速、跨平台的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>
转载请注明来源:HTML5响应式播放音频jQuery插件 支持(MP3、Wav和Ogg)
本文永久链接地址:https://www.moyouyouw.cn/code/921.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论