提示
show-icon type="warning" v-if="isTipsVisiable" @close="handleTipsClose" class="!mt-4 border border-gray-200 border-solid shadow-md !rounded-lg" > 拍照前，请确认当前设备是否有摄像头 1. 复制以下地址到浏览器地址栏:
>chrome://flags/#unsafely-treat-insecure-origin-as-secure
> 2. 在弹出的页面中，将最上方的 禁用/Disabled 改成 启用/Enabled由于浏览器限制，需要进行以下操作才能开启摄像头：
当前摄像头 （点击可切换） ：
刷新摄像头列表
style="--el-font-size-base: 18px" v-for="(camera, index) in cameraList" :key="camera.deviceId" :label="index" :disabled="!isCameraAvailable" @change="handleCameraSwitchChange" > {{ camera.label }}
v-loading="isLoadingCamera" element-loading-text="正在加载摄像头..." class="preview-area mt-4 flex rounded-lg overflow-hidden relative justify-center items-center" > ref="videoRef" v-show="!imageURL" class="w-0 h-0 flex-1" :class="{ '!w-full !h-full': isCameraAvailable }" /> v-if="!isLoadingCamera && !isCameraAvailable" class="absolute top-0 left-0 right-0 bottom-0" > icon="mingcute:computer-camera-off-line" :width="100" class="text-gray-400" /> 摄像头开启失败 {{ cameraStatus }} 点我刷新 fit="contain" :src="imageURL" v-show="imageURL" hide-on-click-modal class="w-full h-full" :previewSrcList="[imageURL]" />