https://github.com/onlymisaky/web-camera

camera
https://github.com/onlymisaky/web-camera

Last synced: 3 months ago
JSON representation

camera

• Host: GitHub
• URL: https://github.com/onlymisaky/web-camera
• Owner: onlymisaky
• Created: 2018-06-22T14:06:08.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-02-17T07:46:18.000Z (over 4 years ago)
• Last Synced: 2024-12-31T19:42:50.241Z (over 1 year ago)
• Language: TypeScript
• Size: 24.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Camera

网页版相机

# TODO

- [ ] 打包

- [ ] 在线用例

- [ ] 完整的 README

## 用法

1. 需要 `https` 支持，或者 `file` 协议

2. 同时需要用户同意打开摄像头

```javascript

const camera = new Camera(document.querySelector('video'));

(async () => {

  try {

    const cameraList = await camera.getCameraList();

    if (cameraList) {

      await camera.open({ video: { deviceId: cameraList[0].deviceId } });

      const canvas = await camera.md2Canvas();

      document.querySelector('img').src = canvas.toDataURL('Image/jpeg', 1)

    }

  } catch (err) {

    throw err

  }

})();

```

## API

函数 | 参数 | 返回值 | 说明

--- | --- | --- | ---

getCameraList | --- | Promise | 获取摄像头列表

open | constraints:MediaStreamConstraints, force: boolean | MediaStream  | 打开相机, force 默认为 false， 传 true 表示重新打开 |

close | -- | void| 关闭相机

md2Canvas | -- |  HTMLCanvasElement | 截取图片 |

destroy | -- | void | 销毁