微信小程序之音频和视频功能

完成该功能我们需要先完成两个步骤

1 去微信公众号平台,注册一个微信小程序,拿到APPID,没有APPID也能开发,但是部分功能会受限.

2 下载一个微信开发者工具.

当我们首次打开微信开发者工具时,他自带会有一些文件,然后我们在index.wxml写代码,如图

微信小程序之音频和视频功能

Index.js代码

微信小程序之音频和视频功能

 

Poster: 控件上的音频封面的图片资源地址,

Name: 音频的名字, author: 音频的作者

Src: 要播放音频的资源地址

结果显示;可以播放

微信小程序之音频和视频功能

如果想要好看一点,我们可以去Index.wxss添加自己喜欢的样式.还有上面标出的都是要相互对应的,否则会报错.