本文介绍了微信小程序的开发,主要包括图片、录音、音频播放、音乐播放、视频、文件,具体如下:
图片:
wx.chooseImage(OBJECT)
OBJECT参数说明:
注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。
示例代码:
wx.previewImage(OBJECT)
预览图片。
OBJECT参数说明:
示例代码:
wx.getImageInfo(OBJECT)
OBJECT参数说明:
success返回参数说明:
示例代码:
success: function (res) {
wx.getImageInfo({
src: res.tempFilePaths[0],success: function (res) {
console.log(res.width)
console.log(res.height)
}
})
}
})
录音:
wx.startRecord(OBJECT)
开始录音。当主动调用wx.stopRecord,或者录音超过1分钟时自动结束录音,返回录音文件的临时文件路径。
OBJECT参数说明:
注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用wx.saveFile,在小程序下次启动时才能访问得到。
wx.stopRecord()
主动调用停止录音。
示例代码:
音频播放控制:
wx.playVoice(OBJECT)
开始播放语音,同时只允许一个语音文件正在播放,如果前一个语音文件还没播放完,将中断前一个语音播放。
OBJECT参数说明:
示例代码:
wx.pauseVoice()
暂停正在播放的语音。再次调用wx.playVoice播放同一个文件时,会从暂停处开始播放。如果想从头开始播放,需要先调用 wx.stopVoice。
示例代码:
//暂停播放
wx.pauseVoice()
},5000)
}
})
wx.stopVoice()
结束播放语音。
示例代码:
wx.stopVoice()
},5000)
}
})
音乐播放控制:
wx.getBackgroundAudioPlayerState(OBJECT)
获取音乐播放状态。OBJECT参数说明:
success返回参数说明:
示例代码:
wx.playBackgroundAudio(OBJECT)
播放音乐,同时只能有一首音乐正在播放。
OBJECT参数说明
示例代码
wx.pauseBackgroundAudio() 暂停播放音乐。
示例代码
wx.seekBackgroundAudio(OBJECT)
控制音乐播放进度。OBJECT参数说明
示例代码
wx.stopBackgroundAudio()
停止播放音乐。
示例代码
wx.onBackgroundAudioPlay(CALLBACK)
监听音乐播放。
wx.onBackgroundAudioPause(CALLBACK)
监听音乐暂停。wx.onBackgroundAudioStop(CALLBACK)
监听音乐停止。
文件:
wx.saveFile(OBJECT)
保存文件到本地。
OBJECT参数说明:
示例代码:
wx.getSavedFileList(OBJECT)
OBJECT参数说明:
success返回参数说明:
fileList中的项目说明:
示例代码:
wx.getSavedFileInfo(OBJECT)
OBJECT参数说明:
success返回参数说明:
示例代码:
wx.removeSavedFile(OBJECT)
OBJECT参数说明:
示例代码:
wx.openDocument(OBJECT)
新开页面打开文档,支持格式:doc,xls,ppt,pdf,docx,xlsx,pptx
OBJECT参数说明:
示例代码
视频:
wx.chooseVideo(OBJECT)
拍摄视频或从手机相册中选视频,返回视频的临时文件路径。
OBJECT参数说明:
返回参数说明:
注:文件的临时路径,在小程序本次启动期间可以正常使用,如需持久保存,需在主动调用 wx.saveFile,在小程序下次启动时才能访问得到。
示例代码:
音频组件控制:
wx.createAudioContext(audioId)
创建并返回 audio 上下文 audioContext 对象
audioContext
audioContext 通过 audioId 跟一个 audio 组件绑定,通过它可以操作一个 audio 组件。
示例代码:
<button type="primary" bindtap="audioPlay">播放
<button type="primary" bindtap="audioPause">暂停
<button type="primary" bindtap="audio14">设置当前播放时间为14秒
<button type="primary" bindtap="audioStart">回到开头
视频组件控制:
wx.createVideoContext(videoId)
创建并返回 video 上下文 videoContext 对象
videoContext
videoContext 通过 videoId 跟一个 video 组件绑定,通过它可以操作一个 video 组件。
videoContext对象的方法列表:
示例代码:
onReady: function (res) {
this.videoContext = wx.createVideoContext('myVideo')
},inputValue: '',bindInputBlur: function(e) {
this.inputValue = e.detail.value
},bindSendDanmu: function () {
this.videoContext.sendDanmu({
text: this.inputValue,color: getRandomColor()
})
}
})