今天开发上线了一个拍照的微信小程序,用uniapp的Vue3开发的,调用的camera组件,相关代码如下:
html
<!-- 微信小程序相机组件 -->
<view v-if="showCamera" class="camera-container">
<camera :device-position="cameraPosition" flash="off" @error="handleCameraError" class="camera">
<cover-view class="camera-overlay">
<cover-view class="guide-lines">
<cover-view class="vertical-line left" style="background-color: red;"></cover-view>
<cover-view class="vertical-line right" style="background-color: red;"></cover-view>
<cover-view class="horizontal-line top" style="background-color: red;"></cover-view>
<cover-view class="horizontal-line bottom" style="background-color: red;"></cover-view>
<cover-view class="center-text">请将头放在此框内</cover-view>
</cover-view>
</cover-view>
</camera>
<view class="button-container">
<button @tap="chooseFromAlbum">从相册选择</button>
<button @tap="takePhoto">拍照</button>
<button @tap="switchCamera">切换摄像头</button>
<button @tap="closeCamera">关闭</button>
</view>
</view>
发现个问题,微信小程序用开发工具在本地真机调试可以正常访问摄像头,发布了授权后却无法访问摄像头,安卓和IOS都不行,出现如下报错。
解决方案如下:
登录到mp.weixin.qq.com小程序后台,然后左下角点击账号设置,
拉到页面下面,找到用户隐私保护指引
添加如下:
然后提交,等审核通过,然后过半个小时左右,就可以正常使用了。