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

已于 2022-08-20 23:48:13 修改
阅读量3.7k 收藏 10
点赞数 3
分类专栏： uni-app 文章标签： uni-app android ui
于 2022-08-20 23:47:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52212982/article/details/126445279
版权

关于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
最低0.47元/天 解锁文章
uniapp [安卓苹果App端] - 详细实现自定义水印相机功能，调用手机摄像头打开相机并在周围悬挂自定义水印，使用相机拍照后添加水印文字或样式，uniapp APP端水印相机完整源码，兼容强大可靠
王二红
10-01 1万+
uni-app，安卓Android，苹果ios，安卓app端，苹果App端，uniapp苹果app，水印相机，uniapp水印相机，Uniapp安卓app实现水印相机，uniapp苹果ios水印相机，打开系统相机拍照添加水印，地点打卡相机，水印相机(水印照片，图片加水印)，uniapp自定义水印相机，制作水印相机给图片添加水印并且保存图片至本地，uniapp拍照图片加水印，水印相机功能，手机调起摄像头拍照时自动插入文字、图片动态水印效果，支持水印显示拍摄者当前城市定位、自由调整水印大小和位置，手机拍照时
2022-09-09 uni-app学习笔记(六) uniapp常用API,使用uniapp常用API(uni.chooseImage等)实现聊天框的选择图片和input框发送文本信息功能
GAARA
09-09 178
1. uniapp的js的API由两个部分组成 标准ECMAScript的jsAPI uniapp扩展的APi 2.uniapp常用的api(看官网) 3.使用uniapp常用的api完善模拟聊天框 3.1.把静态的聊天内容和聊天图片渲染成动态绑定 3.2.点击"照片.png"可以选择要发送的图片 第一步:使用uni.chooseImage从本地相册选择图片并发送消息 第二步:使用uni.pageScrollTop将聊天页面滚动到目标位置 第三步:使用uni.setStorageSync将数据异步存储在本地
简易分析 uni.chooseImage 拍照上传的基本知识点（附Demo）
码农研究僧的博客
03-11 939
在Uni-app框架中，uni.chooseImage是一个用于让用户选择图片的API，支持从相册或相机选取图片，并返回选择的图片信息
uni-app中添加自定义相机（微信小程序+app）
qq_29184685的博客
10-15 2315
2、使用h5plus提供的plus.video.LivePusher来实现，可以使用于vue平台，如果需要在相机上覆盖样式，比如边框之类的比较复杂，实践过后发现获取的图片宽度比相机宽度大，获取快照时间过长，大概需要2秒。2.1、这种方法可以在vue页面中使用，自定义样式需要plus.webview.create添加一个html页面来实现，在项目根目录下添加一个hybrid目录，在目录下添加html页面。1、使用live-pusher标签，但是页面需要是nvue平台【推荐使用这种】
uniapp开发微信小程序 -- 调用摄像头
最新发布
努力的nana
04-11 600
{
uniapp打包时未添加camera模块，请参考http://ask.dcloud.net.cn/article/283
m0_51431448的博客
04-11 5756
我们在打包之前，先找到manifest.json文件，然后点击App模块配置，将Camera那个进行勾选上就可以了。这个是在打包完之后，然后点击上传图片调取手机相册或者相机时报出的错，但是在开发时是没有该问题的。勾选上之后它会自动更新源码视图中的模块配置json代码。这样配置完之后再进行打包就可以了，如果没有该选项，我们可以在源码视图中手动添加~~~
uniapp无法打开相机权限
weixin_47440957的博客
07-15 5389
uniapp无法打开相机权限怎么办
uniapp 使用camera组件IOS圆角不生效问题
qq_38517231的博客
05-25 450
uniapp 使用camera组件IOS圆角不生效问题。
Android开发者指南-摄像头-Camera
热门推荐
wellxy的专栏
06-03 1万+
Camera 版本：Android 4.0 r1 在本文中 需要考虑的问题 概述 Manifest声明 使用内置的摄像头应用程序 捕获图像的intent 捕获视频的intent 接收摄像头intent的结果 创建摄像头应用程序 检测摄像头硬件 访问摄像头 检查摄像头feature 创建预览类 将预览画面置入layout 捕获图像 捕获视频 释放摄像头 保存媒体
uniapp开发app时，app端调用uni.chooseImage进行拍照时，如何在相机拍照页面添加蒙版
10-23
在 UniApp 开发中，当您需要在相机拍照页面添加蒙版，可以遵循以下步骤： 1. **引入组件**：首先，你需要在项目的 `pages` 文件夹下创建一个新的 Vue 组件，例如 `mask-camera.vue`，用于显示带有蒙版的相机界面。 ...
如何解决uni-app真机上传图片提示打包未添加Camera模块？
weixin_42220130的博客
01-13 1万+
方法一：在hubilderX里面找到项目的manifest.json双击-找到App模块配置-勾选Camera权限。方法二：在代码的manifest.json里自己添加Camera配置。manifest.json会自动生成配置。打包时未添加camera模块。
uniapp使用camera相关问题
闪闪的小黑的博客
12-31 5464
使用uniapp是使用小程序中camera会出现页面卡顿、用户授权后相机却白屏、ios上报错等问题，本文对各问题进行一个简述并提供相应解决方案.
uniapp前置摄像头拍照功能怎么实现？
zybijiso666的博客
01-05 2632
运行uni-app项目，并打开该页面或组件，点击"拍照"按钮即可使用前置摄像头进行拍照。拍照后，照片将显示在页面上。3、在该页面或组件的 部分，添加相应的逻辑代码来处理摄像头功能。33333使用uniapp的原生插件camera。属性为"front"表示使用前置摄像头。1、在uniapp中创建一个页面。标签，并设置相应的属性，如。2、在该页面或组件的。
uniapp调用手机摄像头_uniapp原生插件开发之调用原生方法(android)
weixin_39967598的博客
12-19 3712
需要实现的功能：点击uniapp页面view，传递参数，调用android原生代码，然后原生代码处理数据，返回到uniapp页面步骤1.编写uniapp的视图页面{{title}}点击调用android原生方法// 导入自己定义的插件js// var elitetyc = require('../../common/plugin.js');export default {data() {retur...
uniapp实现相册、拍照及视频录制功能
qq_40063198的博客
04-25 4569
uniapp实现相册、拍照及视频录制功能
uniapp微信小程序自定义相机 ，给相机添加辅助框，解决拒绝相机默认授权后无法再次拉起相机授权问题
m0_47791238的博客
04-12 7882
uniapp微信小程序自定义相机 ，给相机添加辅助框，解决拒绝相机默认授权后无法再次拉起相机授权问题
使用uni.chooseImage编写h5拿不到拍照后的图片问题
m0_68848094的博客
06-02 1149
解决：这个问题是因为调用uni.chooseImage会调起来ios的相机属于前台服务并同时把你这个页面放在后台，当你拍照完成后返回你写的页面属于从后台切换到前台服务就会导致刷新。我们的解决方案是让ios写一个判断 拿你当前路由做判断如果是这个页面调用拍照就不让刷新 就可以解决。因为我们这个h5是属于内嵌在app的h5所以只能让ios去做处理了。但是一般网页h5是不会出来这个问题的。问题：使用 uni.chooseImage ios拍照拿不到照片（安卓可以，因为安卓我们APP是重写的）
首次进入小程序拒绝相机权限，再次允许camera组件显示不出来
qdm13209211861的博客
11-12 2376
小程序拒绝授权后再次授权camera显示不出来
android相机采集sdk,Android-SDK@2.9.3.80443_20201015，chooseImage无法唤起相机，可以扫码（已解决，经验分享）...
weixin_30430333的博客
05-26 232
我也遇到相同的问题。uni.chooseImage()在微信小程序里可以使用相机， 但是在Android App上却不能使用相机。生成APP apk 时候已经加了相机权限。在Android Studio的 AndroiMmanifest.xml 我已经加了相机权限:android:required="true" />vue程序：plus.android.requestPermissions(...
uniapp开发app时，app端调用uni.chooseImage进行拍照时如何在相机拍照页面添加取景框，详细代码
10-23
在UniApp开发中，如果你想要在调用`uni.chooseImage`进行拍照时添加取景框，实际上这个功能是由手机系统的原生摄像头组件提供的，开发者无法直接控制其界面细节。但是，我们可以利用uni-app提供的组件库或者一些第三方插件去模拟或者增强这种体验。 然而，由于UniApp底层基于Webview，它受限于浏览器API，因此可能不像纯原生应用那样可以完全自定义相机的UI。但你可以尝试使用一些社区插件或者找到类似功能的开源项目，它们可能会提供一些定制选项。 如果你想获取更接近原生体验，可能需要考虑封装原生插件，通过H5+ Native的方式实现。这通常涉及到Android和iOS平台下的特定操作，例如Android的CameraX API 或者 iOS 的UIImagePickerController。 下面是一个简单的示例，展示如何在iOS环境下（Objective-C）调用原生的UIImagePickerController，并允许用户自定义选择器： ```objective-c // 在Objective-C中 UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init]; imagePickerController.sourceType = UIImagePickerControllerSourceTypeCamera; imagePickerController.showsCameraControls = YES; // 默认为YES，如果设置为NO，可以自定义布局 imagePickerController.cameraCaptureMode = UIImagePickerControllerCameraCaptureModePhoto; if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera]) { [self presentViewController:imagePickerController animated:YES completion:nil]; } // 当用户选择照片后处理结果 - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<UIImagePickerControllerInfoKey,id> *)info { UIImage *selectedImage = info[UIImagePickerControllerOriginalImage]; // ... 处理图片 [picker dismissViewControllerAnimated:YES completion:nil]; } ``` 请注意，这个例子仅适用于iOS，对于Android，你需要查找对应的CameraX或者开放的Camera API。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值