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

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

 2636  46  查看评论 (7)
jQuery仿微信公众号语音框插件weixinAudio.js ie兼容10

使用方法很简单

<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>


相关插件-音频和视频

使用h5 audio做的一个音频播放器

上下曲目切换歌单列表歌曲进度调节音量调节
  音频和视频
 7486  41

jquer视频插件jPlayer跨设备兼容

jquer视频插件jPlayer跨设备兼容,精简整理删除多余文件,方便使用。
  音频和视频
 6762  33

HTML5磁带音乐播放器-CASSETTE PLAYER

相信80后之前的人都知道磁带,它是一个时代的符号,但是现在已经被MP3和电脑给完全替代了。而今天我要给大家推荐的就是一款模拟磁带的html5播放器,能用到这款插件真的是挺让人兴奋的。相信这一定会勾起你很多美好的回忆。
  音频和视频
 15601  67

DanMuer.jsjs弹幕插件(原创)

本插件是一个弹幕发生器,利用HTML5 canvas + ES6来实现普通弹幕和高级弹幕发送。 也有通过babel转成的ES5版,支持IE10+;版本从3.0.0开始,从重优化了性能,丰富了功能,而且本插件是个开源项目, 本人会不断更新新的功能。相比其他同类型插件来讲,本插件适用范围更广,不光适用于视频、直播,也适用于其他的一些场景。 插件继承了相关模块工具的引用接口,也可以和其他视频播放插件(如video.js等)进行有效结合, 支持高级弹幕和全局弹幕的控制和过滤,在默认配置下,在移动设备上也有良好的性
  音频和视频
 1902  14

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币

    @^_^@ 0
    2017/9/20 10:05:26

    怎么设置不自动播放  时间问题怎么解决

    回复
    夜尽Zz天明 0
    2017/9/14 23:19:01

    谢谢分享,正在为手机端浏览器限制音频播放发愁,谢谢

    回复
    3 years ago 0
    2017/9/10 20:15:47

    问题1:自动播放开关autoplay设置成false不起作用

    问题2:歌曲倒计时00:00不起作用

    回复
    傲娇的霸波尔奔 0
    2017/8/23 17:40:50
    Winnie33 0
    2017/8/15 9:45:25

    我也发现了一直自动播放,而且播放的时间进度并没有进行倒计时。哎呦,楼主快更新,我不想写~~~

    回复
    /mn★怡琳★ 0
    2017/8/14 10:27:54

    请问怎么改动可以不自动播放。

    回复
    /mn★怡琳★ 0
    2017/8/11 17:10:32

    0:00那个时间可以跟着走吗。现在是不动的。

    回复
取消回复