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

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

46750 391 查看评论 (51)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery仿微信公众号的语音播放功能weixinAudio.js

更新时间：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>

jQuery背景视差插件ios-parallax.js

tooltipster实用的工具提示插件

jQuery html5自定义视频控件

html5自定义视频控件，加入评论，载入弹幕，鼠标悬浮在进度条显示某时刻画面，视频卡端显示加载动画，清晰度切换等功能；并添加了弹幕隐藏显示设置，播放速度设置，镜像翻转设置。

音频和视频

75905 574

jQuery+HTML5类似百度音乐网页播放器代码

一款jQuery+HTML5类似百度音乐网页播放器代码免费下载，在HTML5盛行的今天，jQuery+HTML5取代了大量的程序开发工作，一款类似百度音乐播放器代码，功能灰常强大！支持火狐、IE9以上等支持HTML5+CSS3浏览器。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）

音频和视频

58508 464