weixinAudio.js
一个简单的微信样式播放器
播放器DOM及CSS是微信里内置的音频播放器的样式,重新创建了控制层js,方便在在公众号,APP等场景使用。
例子
demo
地址
github
如何使用
通过以下demo来实现
HTML模板
<p class="weixinAudo"><audio src="../sound/sound.mp3" 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">标题</strong><span class="audio_source tips_global">来源</span></span><span id="audio_progress" class="progress_bar" style="width: 0%;"></span></span></span></p>
Js调用
//你需要先引入一个jQuery<script src="/jquery/2.0.0/jquery.min.js"></script><script src="js/weixinAudip.js"></script><script>$('.weixinAudo').weixinAudio(options);</script>
options/初始化参数
API/执行方法
相关文章
1.html5,audio音乐播放器2.HTML5音频播放器3.音频播放器4.微信小程序:音乐播放器5.微信视频播放6.HTML5音频播放7.IOS微信音乐播放问题8.用HTML5实现音乐播放器和视频播放器9.js仿微信语音播放10.html5---音频视频播放