资讯专栏INFORMATION COLUMN

[微信音频播放器] html5 audio 制作的微信播放器

MycLambert / 2352人阅读

摘要:一个简单的微信样式播放器播放器及是微信里内置的音频播放器的样式,重新创建了控制层,方便在在公众号,等场景使用。

weixinAudio.js 一个简单的微信样式播放器

播放器DOM及CSS是微信里内置的音频播放器的样式,重新创建了控制层js,方便在在公众号,APP等场景使用。

例子

demo

地址

github

如何使用

通过以下demo来实现

HTML模板

3:07 标题 来源

Js调用
//你需要先引入一个jQuery


options/初始化参数
Option Type Default Description
autoplay Boolean false 播放器是否在初始化时自动播放
src String 如果audio标签上没设定src属性,可在初始化时设置
API/执行方法
Method Parameters Description
play() 播放方法
pause() 暂停方法
changsrc() src,callback src:播放的地址;callback:回调函数

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86473.html

相关文章

  • 开发 | 微信小程序audio音频播放组件+api_wx.createAudioContext

    摘要:引言是微信小程序中的音频组件,可以轻松实现小程序中播放停止音频等自定义动作。 引言: audio是微信小程序中的音频组件,可以轻松实现小程序中播放/停止音频等自定义动作。 附上微信小程序audio组件的相关属性说明:https://mp.weixin.qq.com/debu... 本次将通过小程序audio的 poster、name、author、src、id、controls 属性,...

    gekylin 评论0 收藏0
  • 微信开发之微信jssdk录音功能开发

    项目需求简单描述 用户长按录音,松手后直接结束录音,结束录音后,用户可以选择重新录音、播放刚才的录音,上传录音(这里的上传录音指上传到自己服务器,上传步骤是,前端调用wx.uploadVoice,后台再到微信服务器下载音频文件,上传到自己的服务器)。注意,音频文件自上传时间算起在微信服务器的有效期为3天。由于后台从微信服务器下载的音频文件是amr格式的,需要后台先把amr文件转换成MP3,前端用a...

    bingchen 评论0 收藏0
  • Vue+ElementUI: 手把手教你做一个audio组件

    摘要:不显示下载不显示静音不显示音量条不显示进度条只能播放一个不要快进按钮例如父组件这样回雪月花青春一点点语法大多数时候,我们希望页面上播放一个音频时,其他音频可以暂停。可以把一个类数组转化成数组,这个是我常用的。 showImg(https://segmentfault.com/img/remote/1460000016177005?w=619&h=343); 目的 本项目的目的是教你如...

    U2FsdGVkX1x 评论0 收藏0
  • 微信web开发遇到的坑

    摘要:由于苹果的限制必须配合微信接口做处理。中已修复标签的设置,会影响二维码识别我试出来的微信客户端内,如果页面链接中含有未转码的特殊字符,可能会导致二维码无法识别以上如果遇到新的问题会继续更新 缓存控制 http接口数据缓存 一直在做spa,应用内的页面切换没有接口数据缓存的问题,而从应用内切换到外部再回来的话,如果接口地址参数都不变,那么之前请求过的接口,会使用上一次请求拿到的数据,抓包...

    caige 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<