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

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

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>


相关插件-音频和视频

视频播放插件Video.js

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。(要支持ie低版本请下载5.4.3版 )
  音频和视频
 1245922  789

jquery音乐播放器

基于Jplayer制作一款音乐播放器,界面简洁漂亮。
  音频和视频
 26996  139

jQuery网页跨平台媒体播放器

用于Web的可扩展的媒体播放器,跨平台,支持HLS,MP3,MP4等格式。
  音频和视频
 46476  80

1:1模仿虾米音乐播放器,歌词与播放进度同步

能够很好地对歌词进行同步,1:1模仿虾米音乐播放器,希望有兴趣的朋友能够相互支持。
  音频和视频
 17907  136

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

    PHP-邓佳伟 0
    2017/10/13 11:14:46

    怎么可以让这个插件在同一个页面,存在两个

    回复
    。 中意° 0
    2017/10/10 9:24:23
    不自动播放 设置 autoplay:false  回复
    L 0
    2017/9/26 19:36:19
    在 ios端 h5获取时返回NaN? 回复
    @^_^@ 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

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

        春风拂过脸颊0
        2017/9/25 18:13:33

        130行

        self.play();

        去掉

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

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

        春风拂过脸颊0
        2017/9/25 18:11:39

        js  93行加代码

        var Time = self.Audio.currentTime.toFixed(2); // 获取当前时间 机器去小数点都两位

        self.$audio_length.text(Time);// 时间跟新到前端

        嘿!?小子ご0
        2017/9/27 17:12:22

        呃呃。。加进去好像也不起效果呀

    回复
取消回复