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

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

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

音乐播放器

音乐播放器插件
  音频和视频
 15213  53

简单的jQuery音乐播放器

简单的jQuery音乐播放器,带分享
  音频和视频
 5220  27

歌词读取插件klrcreader(原创)

歌词读取器超迷你引擎
  音频和视频
 3046  14

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

    高朝 0
    2018/2/5 10:06:11

    这个能直接用吧

    回复

    皮脸蛋儿 0
    2018/1/30 20:28:38

    具体怎么实例化多个播放呢,求解

    回复
    没有你的冬天--junjie 0
    2018/1/25 22:44:52
    天冷团成球 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
    对不起,一直没有更新,今天有空更新了下;主要修复:自动播放问题(可直接通过参数选择是否自动播放),一开始时间不显示问题,报错问题。已提交审核,大家可以留意下。 回复
取消回复