微信小程序开发中的audio的有关设置？

~ 1.app.json

{
"pages":[
"pages/audio/audio"]}

使用audio组件
2. audio.wxml

<audio
poster="{{poster}}"
name="{{name}}"
author="{{author}}"
src="{{src}}"
id="myAudio"
controls
loop></audio><button type="primary" bindtap="audioPlay">播放</button><button type="primary" bindtap="audioPause">暂停</button><button type="primary" bindtap="audio14">设置当前播放时间为14秒</button><button type="primary" bindtap="audioStart">回到开头</button>

3. audio.js

Page({
onReady(e) {
// 使用 wx.createAudioContext 获取 audio 上下文 context
this.audioCtx = wx.createAudioContext('myAudio')
},
data: {
poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
name: '此时此刻',
author: '许巍',
src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
},
audioPlay() {
this.audioCtx.play()
},
audioPause() {
this.audioCtx.pause()
},
audio14() {
this.audioCtx.seek(14)
},
audioStart() {
this.audioCtx.seek(0)
}})

4. 效果图

音乐播放器

---

舞阳县13577259797： 微信小程序怎么放多个音频 - ？
局纪银杏： wx.createAudioContext(audioId, this) 可以用这个api 组件的话是audio 网页链接 这个是实例代码

舞阳县13577259797： 微信小程序为什么有音乐和音频? - ？
局纪银杏： 微信小程序出现音乐和音频的主要原因是最近微信小程序推出了新的功能,允许小程序内部播放音乐和音频.这种新功能使音乐和音频能够很方便地与小程序结合起来,给用户带来更好的体验和更多样化的功能.这种新功能的推裤旦出,对于微...

舞阳县13577259797： 高额奖赏寻求解答微信小程序开发的问题;我需要点击两个按钮分别播放不一样的音乐.怎么改? - ？
局纪银杏： 两个按钮分别绑定不同的事件,如第一个按钮 bindtap=＂playAudio＂,而第二个按钮的bindtap=＂playAudio2＂然后在JS里分别定义两个方法,playAudio和playAudio2,在方法里修改audioCtx的src属性,在play()就可以了.这并不是最优解决办法,但比较好理解.

舞阳县13577259797： 微信小程序开发,我想三个按钮播放不一样的声音这样写为什么不行? - ？
局纪银杏： bindtap=＂audioPlay＂ 后面加上url或是type 比如data-url=＂{{item.url}}＂ data-type=＂{{item.type}}＂js中audipPlay:function(e){//获取e中的参数了再进行播放了}

舞阳县13577259797： 微信小程序开发用到的工具有哪些 - ？
局纪银杏： 微信小程序开发,建议使用《天客通》万能可视化编辑,DIY图形拖拽开发小程序; 六大优势: 1、步骤简单,注册——编辑——发布,三步即可完成! 2、海量模板,汇集各行各业成熟的小程序模板,选择性丰富! 3、功能强大,丰富的营销插件,满足所有营销模式! 4、万能DIY,模板可以随意编辑、排版,功能根据需要随意更改,你的小程序你做主! 5、独立后台,强大的后台功能,方便地管理小程序,自由上传商品、修改,以及强大的统计功能! 6、关于售后,专家客服一对一,跟踪指导,只要会上网,就会开发小程序!

舞阳县13577259797： 微信小程序可以找回已删除的好友吗 - ？
局纪银杏： 希望可以找回

舞阳县13577259797： 微信小程序websocket和php通信 - ？
局纪银杏： 普通弄过nginx或者apache运行php的cgi、mod_php模式是不适合作为socket服务端的,你需要使用cli模式运行(就是直接在shell里面执行php server.php) 可以使用Workerman框架或者swoole扩展来开发,推荐使用Workerman更简单,socket操作都封装好了,至于这两个东西网上资料比较多,你可以查一下

舞阳县13577259797： 微信小程序怎么用webstore开发 - ？
局纪银杏： 微信小程序开发的方法及步骤: 首先要下载微信官方的微信Web开发者工具.打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮; 点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」.可以看到,开发工具提供...

舞阳县13577259797： 微信小程序如何配置开发环境? - ？
局纪银杏： 微信小程序可谓是今天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会给移动端App带来一个寒冬,身为一个Android开发者我是不相信的,即使有,那也是很遥远的未来.不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习.不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具.那么接下来就让我们一起来开始吧.先放一张Github上demo的动态图