【微信小程序】微信小程序实现在线音频播放

此处实现微信小程序播放音频用的是微信的 wx.createInnerAudioContext() API

JS部分代码为：

const innerAudioContext = wx.createInnerAudioContext()innerAudioContext.autoplay = true
innerAudioContext.src = "音频地址"
//当你设置好地址会自动播放的
//后台微信会自动回收//实际方法中
audio_play:function(data){innerAudioContext.autoplay = trueinnerAudioContext.src = data.currentTarget.dataset['src']}

WXML部分代码为：

<image mode="widthFix" src="音频点击的图片" indtap="audio_play" data-src="音频地址"></image>

WXML部分主要用来触发音频播放事件。

这样就可以简单的实现在微信小程序中播放音频了。

更详细的API说明参考微信官方文档

【微信小程序】微信小程序实现在线音频播放相关推荐

vue 微信录音倒计时_vue的微信语音功能，录音+对接口返回amr音频播放-Go语言中文社区...
vue的微信语音功能,录音+对接口返回amr音频播放最近的新项目需要调用微信的录音功能,但是后台又不给音频转码,无奈之下就踏上了研究前端音频编码器这东西. 参考的GitHub仓库--Recorder ...
开源的在线音频播放器
在线音频播放器,在线音频播放器允许任何人在他们的站点和博客上添加,比如常见的音乐网站及其他个性的网站中.在这篇文章中,我已编制了20个免费为您的网站和博客提供的音频播放器,希望能帮助你节省时间找到适合 ...
移动应用程序设计基础——安卓动画与视音频播放器的实现
<移动应用程序设计基础>实验6 安卓动画与视音频播放器的实现实验名称: 实验6 安卓动画与视音频播放器的实现所使用的工具软件及环境: JDK1.8,Android Studio 一.实 ...
html在线音频播放器实训总结,HTML5 播放器心得与小结
随着 HTML5 的普及,越来越多视频网站使用标签播放直播.点播内容(如下图所示).使用的好处,主要以下两点. 可以直接在页面中播放,也就是所谓的"区域播放",上半屏是视频播放 ...
html在线音频播放器实训总结,HTML5音乐列表播放器SMusic开发总结
前段时间写过一篇介绍简单音乐播放器效果开发的博文<为你的博客添加简单的CSS3音乐播放器>,实现了单曲循环播放效果,这个效果也是我的博客首页一直有的效果,同时文中也介绍了一些简单的HTML ...
使用AVPlayer实现在线音频播放注意问题
//(oneplayer为单例) +(OnePlayer*)onePlayer { static OnePlayer * player = nil; static dispatch_once_t on ...
微信小程序-在线音乐播放器及源码
引言自己刚开始学微信小程序的时候,自己做着玩玩的. 现在分享出来给大家学习用用,如果觉得有借鉴意义,我的目的就算达到了. 成果 1.效果图废话不多说,直接上效果图: 2.主要功能歌曲列表加载.刷 ...
600多个微信小程序源码_微信小程序在线音乐播放器及源码下载
引言自己刚开始学微信小程序的时候,自己做着玩玩的. 现在分享出来给大家学习用用,如果觉得有借鉴意义,我的目的就算达到了. 成果效果图废话不多说,直接上效果图: 这里本来是GIF的图,但是太大了 ...
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码
最新在线客服系统php代码微信软件公众号小程序app二维码聊天网站源码管理界面独家长期更新日志(欢迎反馈BUG) 1.添加手机端前后台声音提示 2.添加后台客户管理显示在线离线 3.添加清空当前对 ...

【微信小程序】微信小程序实现在线音频播放

【微信小程序】微信小程序实现在线音频播放相关推荐

最新文章

热门文章