@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:

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

Retornos:

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

Serviço PhotoCaptureService:

• start(): Inicia a câmera.
• onStart():Retorna um observable que emite um evento toda vez que a câmera inicia.
• stop(): Finaliza a câmera.
• onStop(): Retorna um observable que emite um evento toda vez que a câmera finaliza.
• takePhoto(): Captura uma imagem e finaliza a câmera.
• onPhotoTaken(): Retorna um observable que emite um evento toda vez que a foto for capturada.
• getKey(): Retorna a chave que identifica qual componente está em uso.
• 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
}