ng-fad-videoagreement v9.0.3
Getting started
Installation
npm install ng-fad-videoagreement
Dependencies
Add the folder provided by the technical team within the project assets (images and js)
Import
In the file necessary example.module.ts import the module.
In this case app.module.ts
import { NgFadVideoagreementModule } from 'ng-fad-videoagreement';
.
.
.
... imports: [
...,
BrowserAnimationsModule
NgFadVideoagreementModule
]...
Note: BrowserAnimationsModule is required.
Usage
HTML
Add the selector inside some component and configure the input parameters:
<ng-fad-videoagreement
[legend]="legend"
[configuration]="configuration"
(onerror)="onerror($event)"
(onclose)="onclose()"
(oncomplete)="oncomplete($event)">
</ng-fad-videoagreement>
Typescript
Listen to the events:
public legend = 'Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500';
const configuration = {
faceDetection: {
faceRequired: true
},
selfie: {
captureSelfie: false,
imageType: 'image/png',
imageQuality: 1
},
timer: {
recording: { min: 5 , max: 10 },
faceUndected: 3
},
};
oncomplete(video: Blob) {
// video result
}
onclose() {
// user close screen
}
onerror($event) {
// some error
alert(JSON.stringify(error));
}
Inputs
Name | Type | Required | Default | Description |
---|---|---|---|---|
legend | string | true | null | Legend to repeat in the recording |
configuration | object | false | Default colors, legends and behaviour | Object that allows changing the default behavior, colors and legends of the module |
Outputs
Name | Return | Description |
---|---|---|
oncomplete | Blob | Fires when recording ends successfully |
onclose | void | Is called when press close icon (x) |
onerror | object | Is called when an error happens |
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago