昆明专门做网站,wordpress qq邮箱,好的wordpress主题,东莞网站建设推广咨询平台Web相机和适用于浏览器的二维码扫描方案
qr-camera
在线体验 | English
功能
支持浏览器扫描二维码支持拍照支持录像功能支持二维码解析和生成
quickstart
npm i qr-cameraimport {QRCamera} from qr-camera;function main(){const camera new QRCamera();document.body…Web相机和适用于浏览器的二维码扫描方案
qr-camera
在线体验 | English
功能
支持浏览器扫描二维码支持拍照支持录像功能支持二维码解析和生成
quickstart
npm i qr-cameraimport {QRCamera} from qr-camera;function main(){const camera new QRCamera();document.body.appendChild(camera.video);console.log(await camera.scanQrcode());
}
main();CDN
script srchttps://unpkg.com/qr-camera/script
scriptfunction main(){const camera new QRCamera();document.body.appendChild(camera.video);console.log(await camera.scanQrcode());}main();
/scriptAPI
1. QRCamera
const camera new QRCamera(options);options:
interface Options {video?: HTMLVideoElement; // 自定义video元素size?: { // video 元素宽高width: number;height: number;},useAudio?: boolean; // 是否开启音频cameraId?: string; // 指定摄像头启动
}2. getCameras
获取摄像头列表
const cameras await camera.getCameras();3. switchCamera
切换摄像头
const result await camera.switchCamera(cameraId); // 指定摄像头
const result await camera.switchCamera(); // 切换下一个摄像头4. scanQrcode
开启识别二维码
const content await camera.scanQrcode({gap: 500 // 识别间隔单位ms默认为500ms
});stopScanQrcode
停止识别二维码
camera.stopScanQrcode();4. photo
拍照
const url await camera.photo({base64: false, // 是否返回base64download: false, // 是否自动下载name: photo, // 下载的文件名
});5. record
录像
const url await camera.record({time: undefined, // 录像时长默认为不限制直到调用停止录像为止download: false, // 是否自动下载name: video, // 下载的文件名
});pause
camera.pauseRecord();
camera.resumeRecord();
camera.recordPaused;stop
camera.stopRecord();qrcode
二维码能力请参考 tc-qrcode
import {qrcode} from qr-camera;
