+
95
-

uniapp如何在应用中打开摄像头实时拍照录像?

uniapp如何在应用中打开摄像头实时拍照录像?

不是单独调用choosevideo等接口,而是内嵌在应用中

网友回复

+
15
-

800_auto

<template>
  <view>
    <!-- 使用 <camera> 组件来预览摄像头 -->
    <camera :device-position="cameraPosition" style="width: 100%; height: 400px;"></camera>
    
    <!-- 拍照按钮 -->
    <button @tap="takePhoto">拍照</button>
    
    <!-- 录像按钮 -->
    <button @tap="startRecording" v-if="!isRecording">开始录像</button>
    <button @tap="stopRecording" v-if="isRecording">停止录像</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      cameraPosition: 'back', // 摄像头位置,'front'表示前置摄像头,'back'表示后置摄像头
      isRecording: false, // 录像状态
      cameraContext: null, // 摄像头上下文对象
    };
  },
  m...

点击查看剩余70%

我知道答案,我要回答