Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/quickblox/javascript-media-recorder
WebRTC video recorder library for Javascript
https://github.com/quickblox/javascript-media-recorder
audio javascript mp3 recorder video wav webrtc
Last synced: 3 months ago
JSON representation
WebRTC video recorder library for Javascript
- Host: GitHub
- URL: https://github.com/quickblox/javascript-media-recorder
- Owner: QuickBlox
- License: bsd-3-clause
- Created: 2016-11-03T08:46:07.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-31T14:00:17.000Z (over 6 years ago)
- Last Synced: 2024-10-06T05:05:30.066Z (4 months ago)
- Topics: audio, javascript, mp3, recorder, video, wav, webrtc
- Language: JavaScript
- Size: 1 MB
- Stars: 75
- Watchers: 16
- Forks: 19
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QBMediaRecorderJS
> The QBMediaRecorder.js is a JavaScript library providing stream object (representing a flux of audio- or video-related data) recording and extending the [MediaStream Recording API](https://w3c.github.io/mediacapture-record/MediaRecorder.html).
[](https://www.npmjs.com/package/media-recorder-js)
[](https://www.npmjs.com/package/media-recorder-js)
QBMediaRecorder.js support all native mimetypes and 'audio/wav' and 'audio/mp3'.
For support **wav** and **mp3** add [qbAudioRecorderWorker.js](https://github.com/QuickBlox/javascript-media-recorder/blob/master/qbAudioRecorderWorker.js) to your project and set custom mimeType and workerPath in QBMediaRecorder's options:
```javascript
var opts = {
// use named function
onstart: function onStart() {
console.log('Recorder is started');
},
onstop: function onStop(Blob) {
videoElement.src = URL.createObjectURL(blob);
},
// 'audio/wav' or 'audio/mp3'
mimeType: 'audio/mp3',
// set relative path (from folder node_modules for example)
workerPath: '../node_modules/javascript-media-recorder/qbAudioRecorderWorker.js'
};
// uses as global variable, QBMediaRecorder is built as a UMD module.
var recorder = new QBMediaRecorder(opts);
```
Extendings methods of MediaRecorder:
- [isAvailable](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#.isAvailable);
- [getSupportedMimeTypes](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#.getSupportedMimeTypes);
- [change](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#change);
- [download](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#download).
See [docs](https://quickblox.github.io/javascript-media-recorder/docs/) - all public API.
Check our [sample](https://quickblox.github.io/javascript-media-recorder/sample/), use a few source (video / audio).
### Support
The QBMediaRecorder supports **Firefox 29**, **Chrome 49** / **Chrome 62 for Android**, **Opera 36** and **Safari 6.1** (only **wav** and **mp3**)
### Usage
The QBMediaRecorder is built as a UMD module and can be loaded via CDN, NPM, or from source.
#### Install
You can use CDN (by [UNPKG](https://unpkg.com)) to deliver the QBMediaRecorder.
```html
```
Or use NPM
```bash
npm install media-recorder-js --save
```
Also you can download sources from [Github](https://github.com/QuickBlox/javascript-media-recorder), run project by the following commands.
You will need to have [Gulp](http://gulpjs.com/).
```bash
npm i
npm run build
```
#### Contribution
[ESLint](https://github.com/eslint/eslint) uses in project as lint, so install it before start developing.
```bash
npm install -g eslint
```
### Related posts
* [MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder)