jQuery仿微信公众号语音框插件weixinAudio.js

所属分类:媒体-音频和视频

 43827  391  查看评论 (51)
分享到微信朋友圈
X
jQuery仿微信公众号语音框插件weixinAudio.js ie兼容10

更新时间:2017/12/6 下午3:44:36

更新说明:修复了一开始没有显示时间问题,修复了自动播放的问题。


使用方法很简单

<p class="weixinAudio">
   <audio src="" id="media" width="1" height="1" preload></audio>
   <span id="audio_area" class="db audio_area">
   <span class="audio_wrp db">
   <span class="audio_play_area">
   <i class="icon_audio_default"></i>
   <i class="icon_audio_playing"></i>
            </span>
   <span id="audio_length" class="audio_length tips_global">3:07</span>
   <span class="db audio_info_area">
                <strong class="db audio_title">Title/标题</strong>
                <span class="audio_source tips_global">From/来源</span>
   </span>
   <span id="audio_progress" class="progress_bar" style="width: 0%;"></span>
   </span>
   </span>
</p>
<script type="text/javascript">
   $('.weixinAudio').weixinAudio({
   autoplay:true,
   src:'sound/sound.mp3',
   });
</script>
相关插件-音频和视频

Html5 手机视频播放器自适应

Html5 手机视频播放器自适应
  音频和视频
 140636  616

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 54353  380

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 29723  291

个性暗音乐播放精简优化版

基于@星云发布的个性暗音乐播放精简优化版
  音频和视频
 23254  283

讨论这个项目(51)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    361°独家记忆 0
    2019/2/8 15:01:18
    音频时间长的话就不显示总时间及进度条了 回复
    Finder 0
    2018/9/17 15:31:03
    请问IOS上获取不到音频总时长怎么解决呀? 回复
    程序员 0
    2018/9/6 16:25:31
    tudouyy 0
    2018/9/6 10:11:31
    支持多种音频文件格式吗
    回复
    墨已成埃 0
    2018/8/15 16:22:32
    刚好是我需要的 回复
    fly-小猛艺术 0
    2018/8/8 17:00:01
    感觉有点不实用 回复
    0
    2018/6/15 11:14:20
    这个东西能支持ie9吗
    回复
    NewSunshine 0
    2018/6/14 16:12:45
    这个挺好的 正是我所需要的 回复
    亚楠 0
    2018/5/31 13:55:06
    ios手机上音频是从听筒模式里出来的,怎样更改音频输出线路 回复
    毕竟辉煌,终身不忘 0
    2018/5/25 14:24:18
    作者你好,请问一下音乐源是不是没办法改成本地的磁盘上面的音乐?src路径我修改成本地磁盘上的音乐文件,却播放不了。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复