@sam-senior/photo-capture
v1.2.4
Published
***Como usar***
Downloads
112
Keywords
Readme
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 umobservable
que emite um evento toda vez que a câmera inicia.stop()
: Finaliza a câmera.onStop()
: Retorna umobservable
que emite um evento toda vez que a câmera finaliza.takePhoto()
: Captura uma imagem e finaliza a câmera.onPhotoTaken()
: Retorna umobservable
que emite um evento toda vez que a foto for capturada.getKey()
: Retorna achave
que identifica qual componente está em uso.getVideoElement()
: Retorna oHTMLVideoElement
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
}