微信小程序调用摄像头隐藏式拍照功能微信小程序调用摄像头隐藏式拍照功能
主要介绍了微信小程序调用摄像头隐藏式拍照功能，本文给大家带来了解决方法、官网代码和小编写的比较完
整代码,需要的朋友可以参考下
微信小程序最近非常火热，小编最近做了一个新项目，使用小程序开发考试系统，在使用App参加考试的时候调用摄像头抓拍
用户是否作弊，在开发过程中遇到点问题，下面小编把问题描述和解决方法分享给大家，具体内容如下：
问题问题
今天小编遇到了这么个问题，就是在用户使用App参加考试的时候调用摄像头抓拍用户是否作弊，其实这也没什么，关键在于
不能打扰用户考试，不能被用户发现什么时候抓拍的，也不能给用户查看图片，只有考完是后才能查看。这系统相当于考驾照
时的上机答题部分。开始经理的要求是调用小程序外部的手机拍摄功能，这要可把我吓的够呛。
解决方法解决方法
遇到这种问题肯定要先找下官网的帮助文档，于是找到了调用摄像头的这么一个模块
相机组件控制 （wx.createCameraContext）
说明：
创建并返回 camera 上下文 cameraContext 对象，cameraContext 与页面的 camera 组件绑定，一个页面只能有一个
camera，通过它可以操作对应的 <camera/> 组件。 在自定义组件下，第一个参数传入组件实例this，以操作组件内
<camera/> 组件
cameraContext 对象的方法列表：
takePhoto OBJECT 拍照，可指定质量，成功则返回图片
startRecord OBJECT 开始录像
stopRecord OBJECT 结束录像，成功则返回封面与视频
takePhoto 的 OBJECT 参数列表：
quality String 否 成像质量，值为high, normal, low，默认normal
success Function 否 接口调用成功的回调函数 ，res = { tempImagePath }
fail Function 否 接口调用失败的回调函数
complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）
这不是有个拍照功能的模块吗，于是去找了一下官网所给的代码研究了一下：
官网代码：
wxml代码：代码：
<view class="page-body">
<view class="page-body-wrapper">
<camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera>
<view class="btn-area">
<button type="primary" bindtap="takePhoto">拍照</button>
</view>
<view class="btn-area">
<button type="primary" bindtap="startRecord">开始录像</button>
</view>
<view class="btn-area">
<button type="primary" bindtap="stopRecord">结束录像</button>
</view>
<view class="preview-tips">预览</view>
<image wx:if="{{src}}" mode="widthFix" src="{{src}}"></image>
<video wx:if="{{videoSrc}}" class="video" src="{{videoSrc}}"></video>
</view>
</view>
js代码：
Page({
onLoad() {
this.ctx = wx.createCameraContext()
},
评论0