HarmonyOS手機遙控Dayu開發板相機(一)

作者：龍眼Litchi 2022-06-28 14:30:29

關于調用板子的攝像頭的方式經研究，主要有兩種，一種是camera組件，一種是調用API。先從簡單的camera組件開始。

??https://ost.51cto.com??

前幾篇博文解決了HarmonyOS和OpenHarmony的通信問題，現在嘗試用通信來做一些事情。比如用手機遙控開發板的攝像頭，或者開發板遙控手機的攝像頭，乃至照片回傳。關于調用板子的攝像頭的方式經研究，主要有兩種，一種是camera組件，一種是調用API。先從簡單的camera組件開始。

一、效果

調用接口成功

#夏日挑戰賽#【FFH】HarmonyOS手機遙控Dayu開發板相機(一)-開源基礎軟件社區

存在問題

拍攝的圖片實際沒有保存到圖庫。

二、Camera組件

1、需要權限

相機權限，讀寫媒體文件的權限。

{
        "name": "ohos.permission.CAMERA"
      },
     {
        "name": "ohos.permission.WRITE_MEDIA"
      },
      {
        "name": "ohos.permission.READ_MEDIA"
      }

2、支持的事件

除了通用事件外，還支持error事件，在用戶不允許使用攝像頭的時候觸發。

3、支持方法

僅支持，takePhoto(CameraTakePhotoOptions),拍照設置參數。

CameraTakePhotoOptions

參數列表：

參數	類型	描述
quality	string	圖片質量：high，normal，low
success	Function	接口調用成功的回調函數
fail	Function	接口調用失敗的回調函數
complete	Function	接口調用結束的回調函數

三、案例編寫

關于手機側，開發板側的UDP通信請看我的前幾篇博文，這里只分享Camera的組件調用。

HarmonyOS與OpenHarmony通信。

1、index.css

這里全局就用一個攝像頭畫面即可。

<camera flash="on" deviceposition="back" @error="cameraError" style="height: 100%;width: 100%;position: absolute;top: 1%;" onclick="takepic"   id="c">
  </camera>

flash值控制閃光燈的開啟。
@error就是前文提到的，如果用戶不授權就會觸發的回調函數。
deviceposition的值表示前后攝像頭，front表示前置，back表示后置。

2、index.js

這里約定，接受到0的信息表示進行拍照的操作，手機側沿用之前的功能編寫即可。

takePhoto(options)

takepic(){
        var options= {
            "quality":"normal",
            "success":this.onSuccess(),
            "fail":this.onFailed(),
            "complete":this.onCompleted()
        }
        this.$element("c").takePhoto(options
        );
    },
    onFailed:async function(){
        prompt.showToast({
            message: "拍攝失敗"
        });
    },
    onSuccess:async function(e){
        console.info(this.TAG+JSON.stringify(e))
        prompt.showToast({
            message: "拍攝成功"
        });
    },
    onCompleted:async function(){
        prompt.showToast({
            message: "拍攝完成"
        });
    },
     cameraError(){
        prompt.showToast({
            message: "授權失敗！"
        });
    },

這里將takpic()方法綁定到UDPsocket的監聽函數上即可，當判斷信息為0的時候，執行拍照操作，可通過toast窗口判斷拍攝情況。

在config.json中添加讀寫媒體，相機的權限。
獲取用戶授權。

grantPermission() {
        console.info('Calc[IndexPage] grantPermission')
        let context = featureAbility.getContext()
        context.requestPermissionsFromUser(['ohos.permission.CAMERA', "ohos.permission.WRITE_MEDIA","ohos.permission.READ_MEDIA"], 666, function (result) {
         
        })
    },