uni-app 什么时候能出个自定义相机的东西？

关于uni-app何时会官方推出自定义相机的功能，这通常取决于DCloud团队的开发计划和市场需求。不过，即使目前uni-app尚未官方集成自定义相机功能，你依然可以通过一些技术手段实现类似功能。以下是一个使用uni-app结合HTML5+ API（即5+ App运行时环境提供的扩展API）来实现自定义相机的示例代码。

首先，确保你的项目是基于5+ App（即使用HBuilderX创建的uni-app项目，并选择了“5+ App（含nvue）”模板）。

1. 在页面中使用相机

在你的页面（如pages/index/index.vue）中，添加以下代码：

<template>
  <view class="content">
    <button @click="openCamera">打开相机</button>
    <image v-if="cameraImage" :src="cameraImage" style="width: 100%; height: auto;"></image>
  </view>
</template>

<script>
export default {
  data() {
    return {
      cameraImage: ''
    };
  },
  methods: {
    openCamera() {
      plus.camera.getCamera({
        id: 'myCamera',
        success: (e) => {
          const camera = e.object;
          camera.captureImage({}, (img) => {
            this.cameraImage = '_doc/' + img; // 保存拍照后的图片路径
          });
          camera.show(); // 显示相机界面
        },
        fail: (e) => {
          console.error('获取相机失败：' + JSON.stringify(e));
        }
      });
    }
  }
};
</script>

<style>
.content {
  text-align: center;
  padding: 20px;
}
</style>

2. 配置manifest.json

确保你的manifest.json文件中已经配置了5+ App的相关权限，如camera：

"plus": {
  "distribute": {
    "apple": {},
    "android": {
      "permissions": [
        "android.permission.CAMERA"
      ]
    }
  }
}

注意事项

• 上述代码仅适用于5+ App环境，不适用于小程序或H5。
• 在实际开发中，你可能需要处理更多的相机配置选项，如前置/后置摄像头切换、闪光灯控制等，这些都可以通过plus.camera API实现。
• 拍照后的图片路径处理需要根据你的项目需求进行调整，如上传到服务器或保存到本地文件系统等。

虽然uni-app官方可能在未来推出更高级的自定义相机组件，但通过上述方法，你已经可以在当前环境中实现自定义相机的功能。