第18课：多媒体能力
进度 0/30
📷
多媒体能力
拍照录音，样样都行
📖知识引入
📸wx.chooseMedia拍照选图
调起相机或相册，用户拍完/选完返回图片路径。做「换头像」「晒作业」功能的第一步全靠它。
🎙️RecorderManager录音
拿到麦克风权限后可以录音，做语音备忘录、英语跟读打分、语音日记都行。
🎬播放音视频
video组件播放视频；InnerAudioContext控制音频播放/暂停，做个「小小音乐播放器」轻轻松松。
🔐都是敏感权限
相机、麦克风、相册都是隐私权限：必须用户同意，还要在小程序配置里声明用途，审核时会查！
🖼️临时文件要保存
拍的照片先存在临时路径，小程序重启会消失。想长久保留：wx.saveFile存本地，或上传到服务器。
💡
拍照三步：调起相机→拿到图片路径→显示或上传！
🔍拍照并显示
Page({
data: { photoPath: '' },
takePhoto() {
wx.chooseMedia({
count: 1,
mediaType: ['image'],
sourceType: ['album', 'camera'],
success: (res) => {
const path = res.tempFiles[0].tempFilePath
this.setData({ photoPath: path })
}
})
}
})
<!-- WXML -->
<image src="{{photoPath}}" mode="aspectFill" />拍照流程图：
点击「拍照」按钮 │ ▼ 选择：📷 相机 / 🖼️ 相册 │ ▼ 拍好/选好照片 │ ▼ 返回临时路径 （wxfile://tmp_xxx.jpg） │ ▼ <image src="路径"/> 照片显示在页面上！
sourceType可选： ['camera'] 只拍照 ['album'] 只选相册 ['album','camera'] 都可以
加个滤镜文字、 做个电子手账？ 你已经有能力了！
🎯小测验
第1题：调起相机或相册选图片，用哪个API？
第2题：拍摄得到的临时文件路径，重启小程序后会？
第3题：使用相机和麦克风权限，正确的做法是？
📝本课知识点
- ✓chooseMedia拍照选图
- ✓RecorderManager录音
- ✓video/audio播放音视频
- ✓多媒体权限必须声明+授权
- ✓临时文件要及时保存
第18课完成！继续探索下一课吧 🚀