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>


相关插件-音频和视频

Html5 手机视频播放器自适应

Html5 手机视频播放器自适应
  音频和视频
 33705  184

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

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

视频播放插件Video.js

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

js音频插件audio.js

audiojs javascript库,允许HTML5的 audio标签,用于任何地方。
  音频和视频
 16527  46

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

    joker 0
    2017/10/24 15:04:19
    作者在吗? 怎么样让同个页面拥有多个播放 回复
    Carlyle 0
    2017/10/23 9:15:20
    自动播放和时间问题 注掉127行的    self.play();和128行的callback(); 原因为 这个callback报错了 回复
    Carlyle 0
    2017/10/22 13:59:52
    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
取消回复