1.2.3 • Published 3 years ago

@sam-senior/photo-capture v1.2.3

Weekly downloads
39
License
-
Repository
-
Last release
3 years ago

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
}
1.2.3

3 years ago

1.2.2

4 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.0

5 years ago