关于uni-app中Android不支持camera相机组件进行拍照,并需要改变调用uni.chooseImage时手机相机UI的替代解决方法

关于uni-app中Android不支持camera相机组件进行拍照,并需要改变调用uni.chooseImage时手机相机UI的替代解决方法

uni-app中Android不支持camera相机组件

uni-app中Android与H5不支持camera相机组件,但是你可以调用uni.chooseImage进行拍照(不足:不可以自己来修改相机页面的UI,因为它是调用手机的相机)

请添加图片描述

解决办法live-pusher组件进行替代

live-pusher组件是uni-app实时音视频录制,也称直播推流的组件。(注意:用live-pusher组件时要使用nvue 页面,不要使用vue 页面,要不然会无效)请添加图片描述
使用live-pusher的uni.createLivePusherContext的snapshot方法可以来实现拍照功能,而且可以自己来写相机的UI。
请添加图片描述
下面展示一些 我运用live-pusher组件的代码,其中删除了一些其他无关的代码


<template>
		<live-pusher  id='livePusher' ref="livePusher" class="livePusher" url=""
		mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2"
		aspect="9:16" @statechange="statechange" @netstatus="netstatus" @error = "error"
		></live-pusher>
</template>

<script>
 export default {
  data() {
   return {

   };
  },
  onLoad(options) {  
    },
   onReady(){
    // 注意:需要在onReady中 或 onLoad 延时
	this.context = uni.createLivePusherContext("livePusher", this);
	//开始直播推流,也即打开摄像头
		  this.context.startPreview({
		      success: (a) => {
		          console.log("livePusher.startPreview:" + JSON.stringify(a));
		      }
		  });
     },
       
  methods: {
//照相
   takePhoto(){
   //进行照相
                this.context.snapshot({
                    success: (e) => {
                        console.log(JSON.stringify(e));
                    }
                });
   }
   

  },
 }
</script>

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值