recorderweb

Getting Started with RecorderWeb package

This package is made for purpose to record screen in web (Access Camera, mic and auto - download feature).

Without video only avatar

With video

Features

• Screen Recorder.
• With mic access.
• With camera(user video enabled you can switch while recording)
• Downaload the video
• You can enable auto-download
• enable timer
• switch to avatar mode(user video is disabled).
• customize your error
• add callback function while start or end of the recording.

Browser Support

All browser support But for mobile devices it is disabled as navigator does not support in mobile devices

Installing

Using npm:

$ npm install recorderweb

Usage

And then include it in your module (import recorderweb from "recorderweb") import recoderweb from 'recorderweb'

 let recorderWebObj = new RecorderWeb(); 

 recorderWebObj.create("RecoderWeb",{
  environment: "desktop",
  mic: true,
  camera: true,
  download: true,
  timer: true,
  screenShot: false,
  autoDownload: true, // to auto download video after stop
  videoFormat: "mp4", // need to add in package
  avatar: "Nitesh", // if want avatar then specify Name of like-  Nitesh, Ritesh 
  onStop: callBackOnStop, // get media tracks after stop
  onStart: callbackOnStart // get notify after start the recoding.
 });

 recorderWebObj.mount("id of your div where want to mount");

Settings

..	variables	possible value	type of value	remarks
.	mic	true / fasle	boolean	to access mic keep it true (it can't be enabled after start).
.	camera	true / fasle	boolean	to access user video keep it true. you can switch while recording
.	download	true / fasle	boolean	for download button keep the flag true
.	timer	true / fasle	boolean	for showing timer keep the flag true
.	autoDownload	true / fasle	boolean	for autodownload video after recording stop
.	videoFormat	mp4 (only *)	string	it must be mp4 for now
.	avatar	name_of_user	srting	instead of video switch to avatar (firstletter of you name)
.	screenShot	true / false	boolean	it disabled for now

Callback Methods

• onStart : This callback is trigered when the recording will start.
• onStop : This callback is trigered when the recording will stop.
• getTracks : This will give you the traks of recordings you can modify it according to your need (in beta version).

License

MIT License.

Development

This project was generated with Angular CLI version 1.7.1.

Contributions

Contributions are welcome, please open an issue and preferrably file a pull request.

Opening Issue Please share sample code using codesandbox.com or stackblitz.com to help me re-produce the issue.