小程序調用攝像頭詳解

一、準備工作

在調用小程序攝像頭之前，需要先在小程序後台配置好相應的權限。

wx.getSetting({
  success: res => {
    if (!res.authSetting['scope.camera']) {
      wx.authorize({
        scope: 'scope.camera',
        success () {
          // 用戶已經同意小程序使用攝像頭
        },
        fail () {
          // 用戶拒絕了小程序使用攝像頭
        }
      })
    }
  }
})

上述代碼中，我們首先使用wx.getSetting獲取用戶的授權信息，如果用戶沒有授權小程序使用攝像頭，我們再使用wx.authorize來請求授權。

當然，在獲取授權之前，我們還需要在小程序的app.json文件中聲明相應的權限：

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息將用於小程序位置接口的效果展示"
    },
    "scope.record": {
      "desc": "你的錄音功能將用於小程序語音識別效果展示"
    },
    "scope.camera": {
      "desc": "你的攝像頭將用於小程序拍照、錄像、掃碼等效果展示"
    }
  }
}

二、調用攝像頭

小程序調用攝像頭需要使用wx.createCameraContext來創建相機上下文對象。

const cameraContext = wx.createCameraContext();

Page({
  takePhoto() {
    cameraContext.takePhoto({
      quality: 'high',
      success: (res) => {
        this.setData({
          photoSrc: res.tempImagePath
        })
      }
    })
  }
})

上述代碼中，我們首先調用wx.createCameraContext創建相機上下文對象，然後在takePhoto方法中調用相機拍照，拍照成功後將圖片路徑賦值給photoSrc變量展示出來。

三、調用攝像頭並錄製視頻

與拍照類似，小程序調用攝像頭錄製視頻同樣需要使用wx.createCameraContext來創建相機上下文對象。

const cameraContext = wx.createCameraContext();

Page({
  startRecord() {
    cameraContext.startRecord({
      success: (res) => {
        console.log('startRecord');
      }
    });
  },
  stopRecord() {
    cameraContext.stopRecord({
      success: (res) => {
        this.setData({
          videoSrc: res.tempVideoPath
        })
      }
    });
  }
})

上述代碼中，我們分別調用相機上下文對象的startRecord和stopRecord方法來開始、結束視頻錄製，錄製成功後將視頻路徑賦值給videoSrc變量展示出來。

四、調用攝像頭並掃碼

小程序調用攝像頭還可以掃描二維碼，需要使用wx.scanCode來實現。

wx.scanCode({
  success: (res) => {
    console.log(res)
  }
})

上述代碼中，當調用wx.scanCode成功後，我們可以在控制台中打印掃描到的二維碼信息。

五、調用攝像頭並識別人臉

小程序調用攝像頭還可以識別人臉，需要使用wx.faceDetect來實現。

const context = wx.createCameraContext();
const listener = context.onCameraFrame((frame) => {
  wx.faceDetect({
    frame,
    success: (res) => {
      console.log(res);
    }
  });
});
listener.start();

上述代碼中，我們首先使用wx.createCameraContext創建相機上下文對象，然後調用相機的onCameraFrame方法監聽攝像頭數據，當有數據傳入時，使用wx.faceDetect方法識別人臉並將結果打印在控制台中。

六、總結

本文介紹了小程序調用攝像頭的準備工作、拍照、錄製視頻、掃碼和識別人臉等方面，希望能夠幫助開發者在小程序開發中更加靈活地調用攝像頭。