ng-audio-recorder
Advanced tools
Weekly downloads
Readme
Audio Recorder Service for Angular2+ Applications
Features
To add the Audio recorder to your Angular project:
npm i ng-audio-recorder
Once installed, add the Progressive Loader to your app.module.ts
:
import { NgAudioRecorderModule } from 'ng-audio-recorder';
...
@NgModule({
...
imports: [
...
NgAudioRecorderModule,
...
],
...
});
export class AppModule {}
Now you can use the Progressive loader component in your app components, for example in app.component.ts
:
import { NgAudioRecorderService, OutputFormat } from 'ng-audio-recorder';
...
@Component({...})
export class AppComponent {
constructor(private audioRecorderService: NgAudioRecorderService) {
this.audioRecorderService.recorderError.subscribe(recorderErrorCase => {
// Handle Error
})
}
startRecording() {
this.audioRecorderService.startRecording();
}
stopRecording() {
this.audioRecorderService.stopRecording(outputFormat).then((output) => {
// do post output steps
}).catch(errrorCase => {
// Handle Error
});
}
}
Name | Description |
---|---|
OutputFormat.WEBM_BLOB | Webm Blob for the recorded audio |
OutputFormat.WEBM_BLOB_URL | Webm Blob URL for the recorded audio |
Name | Description |
---|---|
ErrorCase.USER_CONSENT_FAILED | If user denies audio access or if the website is accessed on http instead of https |
ErrorCase.ALREADY_RECORDING | If you call start recording and state is RECORDING |
Name | Description |
---|---|
RecorderState.INITIALIZING | State before calling mediarecorder record API and user consent |
RecorderState.INITIALIZED | On user consent successful |
RecorderState.RECORDING | When Recording is in progress |
RecorderState.PAUSED | On pausing the recording |
RecorderState.STOPPING | After calling stopped and before promise return |
RecorderState.STOPPED | On successful stop of media recorder |
Name | Input Type | Return Type | Description |
---|---|---|---|
startRecording | - | - | Gets the consent and starts recording or resumes if paused |
stopRecording | OutputFormat | Promise | If successful, output will be desired output, if rejected, ErrorCase will be returned |
getRecorderState | - | RecorderState | Returns the current state of recorder |
pause | - | - | Pauses the current recording |
resume | - | - | Resumes the paused recording |
getUserConsent | - | Promise | Resolves if user allows, rejects if link is not secure or user rejects |
Event | OutputData | Description |
---|---|---|
recorderError | ErrorCase | Emits Event in case of error |
Contact me at kishinkarra@gmail.com
FAQs
Audio Recorder Service for Angular2+ Applications
The npm package ng-audio-recorder receives a total of 636 weekly downloads. As such, ng-audio-recorder popularity was classified as not popular.
We found that ng-audio-recorder demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.