0.0.8 • Published 4 years ago

get-my-photo v0.0.8

Weekly downloads
26
License
-
Repository
github
Last release
4 years ago

get-my-photo

npm package to download image , save images , get image (base64) directly from web cam using web api

installing package

npm i get-my-photo

using package

.....
...
import { GetMyPhotoModule } from 'get-my-photo';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
 ..... ,
    GetMyPhotoModule
  ]

Example

app.componenet.html

 <get-photo
 [triggerEvent] = 'test'
 (outputImage) = 'getImage($event)'
 [saveOnCLick] = true
 [turnCamOn] = 'camon'
 [fileName] = '"saveImage"'
 [turnCamoff] = 'turnOff'
 [width] = 100
 [height] = 200
 [retake] = 'retake'
 [errorMessage]= '"Access denied"'
 [showError]= true
 [previewImage] = false
 >
 </get-photo>



 <button (click)='Capture()'>Capture</button>
 <button (click)='CamOn()'>ON</button>
 <button (click)='CamOff()'>OFF</button>
 <button (click)='Retake()'>Retake</button>

app.componenet.ts

export class AppComponent {
test : {};
camon : {}
turnOff : {}
retake = {};
constructor() { }


Capture(){
  this.test = {capture : true}; 
  /* pass this object as input to the getphoto componenet to capture image */
}

CamOn(){
  this.camon = {camOn : true};
  /* pass this object as input to the getphoto componenet to turn on camera */

}

getImage(data){
 console.log(data);
 /* the @output from the getphoto will provide the captured image (base 64)*/
}

Retake(){
  this.retake = {retake : true};
   /* pass this object as input to turn the camera on again , after taking an image ( for retakes the previewImage @input should be enabled) */
}


CamOff(){
  this.turnOff = {turnOff : true};
 /*  pass this object as input to turn the camera off */
}
}

Input Parameters

Namevalue / typeDescription
unauthMessageStringError description to show if acces to camera is denied( showError should be enabled to show the error )
showErrorbooleanenable this input to show error messages
fileNamestringinput to provide file name of downloaded image (if not provided , the name will be image-(local time).png )
previewImagebooleanif enabled a preview of captured image will be shown
saveOnCLickbooleanif enabled an image will be saved locally
width(optional)NumberThe width of output image(in px)
height(optional)NumberThe height of output image(in px)
0.0.8

4 years ago

0.0.7

4 years ago

0.0.5

4 years ago

0.0.6

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago