33微信小程序Camera API使用指南：实现拍照与录像功能案例实战详解_微信小程序打开摄像头录制视频

技术文档

用户操作介绍

各文件说明和示例代码

核心功能介绍

CameraContext

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

33微信小程序Camera API使用指南：实现拍照与录像功能案例实战详解

示例介绍

微信小程序的Camera组件提供了强大的相机功能，开发者可以轻松实现拍照、录像等常见操作。本示例具备 “切换摄像头”、“拍照”、“拍照预览效果展示”、“开始录像”、“结束录像”、“视频预览效果展示” 等功能。

截图如下：

第一步：当用户加载 “前端基地” 微信小程序时，会弹出授权 “使用你的摄像头” 的提示框，点击 “允许” 即可。

截图如下：

默认情况下，会显示后置摄像头。若点击 “切换摄像头” 按钮，将显示前置摄像头。点击 “拍照” 按钮后，拍照预览效果框中会显示所拍摄的图片。

截图如下：

点击 “开始录像” 按钮时，会弹出授权使用 “你的麦克风” 的提示框，点击 “允许” 即可开始录像。

截图如下：

点击 “开始录像” 后再点击 “结束录像”，视频预览效果框中会出现录制好的视频。

截图如下：