更新记录

1.0.3(2024-05-28)

添加是否设置固定带宽摄像头模式

1.0.2(2024-05-28)

1.0.1(2024-05-28)

完善错误信息返回

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.8,Android:5.0,iOS:不支持 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

安卓UVCAndroid视频设备拍照,usb摄像外接设备预览和拍照,返回路径和base64

需要打包自定调试包测试才能使用

完整页面使用方法:

vue2的需要自己去设置一下调用方法,案例写的是vue3的方式

<template>
    <view>

        <button @click="UTSgetUvcCamera">获取当前UVC设备列表</button>
        <button @click="UTSopenUvcCameraS">打开UVC视频设备</button>
        <button @click="UTSgetUvcCameraImg(4487)">UVC设备拍照</button>
        <button @click="UTSclosedUvcCamera">关闭UVC设备拍照</button>
        <image :src="img" mode="aspectFill"></image>

    </view>
</template>

<script setup>
    import {
        onShow,
        onReady,
        onReachBottom,
        onPullDownRefresh,
        onShareAppMessage
    }
    from '@dcloudio/uni-app';
    import {
        getCurrentInstance,
        ref,
        reactive,
        inject,
        computed,
        onMounted
    } from 'vue';

    import {
        getUvcCamera,
        openUvcCamera,
        getUvcCameraImg,
        closedUvcCamera,
    } from "@/uni_modules/mushan-uvccamera";

    //获取当前设备的UVC列表
    /*
        返回参数 getDeviceName,getDeviceId,getProductId,getProductName,getVendorId
        保存好设备的getVendorId,用于打开UVC视频和拍照,自己去测试哪个是可打开的设备
    */
    let getVendorId = ref(null);
    function UTSgetUvcCamera() {
        getUvcCamera((res) => {
            let resData = JSON.parse(res)
            console.log(resData);
        })
    }

    //打开对应的UVC设备
    //简单使用案例
    //vendorId 通过getUvcCamera获取的列表里拿到;
    //widthView 预览显示的宽,按设备整体宽度百分比1为设备的宽。0.5为一半宽
    //heightView 预览显示的高,按设备整体高度百分比1为设备的高。0.5为一半高
    //topMargin 预览与顶部的距离,1为整个设备的高距离,0.5为一半
    //leftMargin 预览与左边的距离,1为整个设备的宽距离,0.5为一半
    //quirkFixBandwidth 是否设置UVC固定带宽模式,为了支持同时一个页面打开多个摄像设备,不是所有的设备都支持该模式
    async function UTSopenUvcCameraS() {
        await UTSopenUvcCamera(4487);
    }
    async function UTSopenUvcCamera(vendorId) {
        return new Promise((resolve, reject) => {

            let parame = {
                vendorId: vendorId,
                widthView: 0.5,
                heightView: 0.5,
                topMargin: 0.5,
                leftMargin: 0,
                quirkFixBandwidth:false,
            }
            openUvcCamera(parame, res => {
                let resData = JSON.parse(res)
                console.log(resData)
                if (resData.msg == 'ok') {
                    resolve()
                } else if (resData.msg == '用户拒绝了部分权限') {
                    //这里是拒绝了授权权限的返回
                    UTSopenUvcCamera()
                }
            })
        })
    }

    //根据class使用案例
    //这里是根据某个class获取到view的位置,然后获取到设备宽高大小比例等等可以把预览设定到指定页面
    //假设有某个<view class="cameraClass"></view>可以根据以下获取
    async function UTSopenUvcCameraX() {
        return new Promise((resolve, reject) => {
            uni.getSystemInfo({
                success: function(res) {
                    let screenWidth = res.screenWidth
                    let screenHeight = res.screenHeight
                    const query = uni.createSelectorQuery();
                    query.select('.cameraClass').boundingClientRect().exec((ret) => {

                        let vWidth = (ret[0].width / screenWidth).toFixed(2)
                        let vHeight = (ret[0].height / screenHeight).toFixed(2)
                        let vTop = (ret[0].top / screenHeight).toFixed(2)
                        let vLeft = (ret[0].left / screenWidth).toFixed(2)

                        let parame = {
                            vendorId: 4487,
                            widthView: vWidth * 1,
                            heightView: vHeight * 1,
                            topMargin: vTop * 1,
                            leftMargin: vLeft * 1,
                            quirkFixBandwidth:false,
                        }
                        openUvcCamera(parame, res => {
                            let resData = JSON.parse(res)
                            if (resData.msg == 'ok') {
                                resolve()
                            } else if (resData.msg == '用户拒绝了部分权限') {
                                UTSopenUvcCamera()
                            }
                            resolve()
                        })

                    })
                }
            });

        })
    }

    //获取uvc设备拍照图片
    /*
        vendorId 通过getUvcCamera获取的列表里拿到;
        someQuality 拍照的图片质量 0 - 100
        isBase64 是否返回base64数据,不返回填false

        返回值 base64 和 图片路径file
    */
    let img = ref('');
    async function UTSgetUvcCameraImg(vendorId){
        return new Promise((resolve, reject) => {
            let parame = {
                vendorId:vendorId,
                someQuality:40,
                isBase64:true,
            }
            getUvcCameraImg(parame,(res)=>{
                let resData = JSON.parse(res)
                if(resData.msg == 'ok'){
                    console.log(resData);
                    console.log(resData.file);
                    img.value = filterBase64(resData.base64);
                }
            })
        })
    }
    function filterBase64(codeImages) {
        return codeImages.replace(/[\r\n]/g, "");
    }

    //关闭摄像头
    async function UTSclosedUvcCamera(){
        await reClosedCamera(4487);
    }
    function reClosedCamera(vendorId){
        return new Promise((resolve, reject) => {
            closedUvcCamera(vendorId,(res)=>{
                let resData = JSON.parse(res);
                if(resData.msg == 'ok'){
                    resolve();
                }
            })
        })
    }

</script>

<style lang="scss" scoped>

</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

<uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问