@sam-senior/photo-capture

Photo Capture

Como usar

Importe o photo-capture para o projeto e adicione a tag <sam-photo-capture> no HTML.

Parâmetros:

1. width: Largura que a imagem terá após a captura.
2. height: Altura que a imagem terá após a captura.

Retornos:

3. error: Caso ocorra erro ao abrir a câmera ou na captura será emitido um evento neste output.
4. open: Emite um evento quando a câmera abrir.
5. photoTake: Emite um evento quando a foto for capturada. É possível obter o blob através do $event do Angular.

Serviço PhotoCaptureService:

1. start(): Inicia a câmera.
2. onStart():Retorna um observable que emite um evento toda vez que a câmera inicia.
3. stop(): Finaliza a câmera.
4. onStop(): Retorna um observable que emite um evento toda vez que a câmera finaliza.
5. takePhoto(): Captura uma imagem e finaliza a câmera.
6. onPhotoTaken(): Retorna um observable que emite um evento toda vez que a foto for capturada.
7. getKey(): Retorna a chave que identifica qual componente está em uso.
8. getVideoElement(): Retorna o HTMLVideoElement da câmera.

Exemplo de implementação .html

<sam-photo-capture [width]="500"
    [height]="400" (photoTake)="onPhotoTake($event)">
</sam-photo-capture>

Exemplo de implementação .ts

constructor(
	private  photoCaptureService:  PhotoCaptureService
) { }

ngAfterViewInit() {
	this.photoCaptureService.start();
}

public photoCapture() {
	this.photoCaptureService.takePhoto();
}

public onPhotoTake(event) {
	// implementação
}