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

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

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>
相关插件-音频和视频

时间播放器

类似视频播放器下面的时间播放控制
  音频和视频
 14626  23

3D音频分析仪

3D音频分析仪,效果那是相当的震撼。
  音频和视频
 9302  72

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

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

jQuery html5自定义视频控件

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

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

    天冷团成球 0
    2018/1/15 15:52:48

    一个页面里存在多个的时候,两个都播怎么办,怎么能让他只播后点的一个,前面的暂停?

    回复
    网开郭老师 0
    2018/1/12 15:16:50
    随风而逝 0
    2017/12/28 21:23:16

    在同一个页面多个音频,如果删除某个。会导致错误

    回复
    zfree88 0
    2017/12/28 21:10:30
    能否允许直接下载呢 回复
    0
    2017/12/6 16:17:33

    那个时间,是音频的总时间,不是倒计时,不过有兴趣的可以自己改造下

        0
        2017/12/6 16:31:06

        获取播放时长的方法是:

        self.Audio.currentTime

         只要在run()(这个个定时方法)方法里修改dom就行

    回复
    0
    2017/12/6 15:55:27

    其实ios端 的自动播放是有些问题的,主要是因为ios端做了限制,这里没有解决(因已可适用大部分场景)。若要实现ios端自动播放问题,可以留言,到时候可提供一些解决方案

        白话0
        2017/12/27 14:16:20

        在ios上播放语音,语音没播放完毕就结束了,安卓上和web上是好的,您知道是什么原因么。

        SHERO0
        2018/1/14 17:03:28

        您好,如何解决IOS端自动播放问题呢

    回复
    0
    2017/12/6 15:51:12
    对不起,一直没有更新,今天有空更新了下;主要修复:自动播放问题(可直接通过参数选择是否自动播放),一开始时间不显示问题,报错问题。已提交审核,大家可以留意下。 回复
    卸下行囊,席地坐路旁 0
    2017/11/25 14:15:33
    joker 0
    2017/10/24 15:04:19
    作者在吗? 怎么样让同个页面拥有多个播放
        0
        2017/12/6 16:13:01
        只要多写一个控件的html,对应多实例化一遍即可
    回复
    Carlyle 0
    2017/10/23 9:15:20
    自动播放和时间问题 注掉127行的    self.play();和128行的callback(); 原因为 这个callback报错了 回复
取消回复