中文版

@paddlejs-mediapipe/camera

The function of this package is to access the user's device camera, obtain the video stream, and display it on the page in real time.

npm

npm install @paddlejs-mediapipe/camera

Usage

import Camera from '@paddlejs-mediapipe/camera';

const option = {
    // video width
    width?: number,
    // video height
    height?: number,
    // mirror or not
    mirror?: boolean,
    // canvas DOM
    targetCanvas?: HTMLCanvasElement,
    // video rendered successfully
    onSuccess?: () => void,
    // video rendering failed
    onError?: NavigatorUserMediaErrorCallback,
    // browser does not support the getusermedia API
    onNotSupported?: () => void,
    // get every frame of video
    onFrame?: (canvas: HTMLCanvasElement) => void,
    // switch camera error
    switchError?: () => void,
    // video loadedData
    videoLoaded?: () => void
};

const camera = new Camera(video, option);
// video play
camera.start();
// video pause
camera.pause();
// cameras switch
camera.switchCameras();

Mobile compatibility

| system | phone browser | Baidu App | qq browser | uc browser | weChat | | :---: | :---: | :---: | :---: | :---: | :---: | | iOS 14 | support | support(14.2+) | support(14.4) | support(14.4) | won't support | | iOS 13 | support | won't support | won't support | won't support | won't support | | iOS 12 | support | won't support | won't support | won't support | won't support | | iOS 11 | support | won't support | won't support | won't support | won't support | | iOS 10 | won't support | won't support | won't support | won't support | won't support | | iOS 9 | won't support | won't support | won't support | won't support | won't support | | iOS 8 | won't support | won't support | won't support | won't support | won't support | | Android 11 | support | support | support | support | support | | Android 10 | support | support | support | support | support | | Android 9 | support | support | support | support | support | | Android 8 | support | support | support | support | support | | Android 7 | support | support | support | support | support | | Android 6 | support | support | won't support | won't support | support | | Android 5 | support | support | won't support | won't support | support |