@sam-senior/photo-capture
v1.2.4
Published
***Como usar***
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$eventdo Angular.
Serviço PhotoCaptureService:
start(): Inicia a câmera.onStart():Retorna umobservableque emite um evento toda vez que a câmera inicia.stop(): Finaliza a câmera.onStop(): Retorna umobservableque emite um evento toda vez que a câmera finaliza.takePhoto(): Captura uma imagem e finaliza a câmera.onPhotoTaken(): Retorna umobservableque emite um evento toda vez que a foto for capturada.getKey(): Retorna achaveque identifica qual componente está em uso.getVideoElement(): Retorna oHTMLVideoElementda 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
}