{"id":15816612,"url":"https://github.com/quickblox/javascript-media-recorder","last_synced_at":"2025-04-15T03:51:17.074Z","repository":{"id":57293914,"uuid":"72725487","full_name":"QuickBlox/javascript-media-recorder","owner":"QuickBlox","description":"WebRTC video recorder library for Javascript","archived":false,"fork":false,"pushed_at":"2018-10-31T14:00:17.000Z","size":1053,"stargazers_count":75,"open_issues_count":5,"forks_count":19,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-10-06T05:05:30.066Z","etag":null,"topics":["audio","javascript","mp3","recorder","video","wav","webrtc"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QuickBlox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-03T08:46:07.000Z","updated_at":"2024-10-05T19:26:37.000Z","dependencies_parsed_at":"2022-08-31T00:01:03.374Z","dependency_job_id":null,"html_url":"https://github.com/QuickBlox/javascript-media-recorder","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuickBlox%2Fjavascript-media-recorder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuickBlox%2Fjavascript-media-recorder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuickBlox%2Fjavascript-media-recorder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QuickBlox%2Fjavascript-media-recorder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QuickBlox","download_url":"https://codeload.github.com/QuickBlox/javascript-media-recorder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249003944,"owners_count":21196794,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio","javascript","mp3","recorder","video","wav","webrtc"],"created_at":"2024-10-05T05:05:59.252Z","updated_at":"2025-04-15T03:51:17.057Z","avatar_url":"https://github.com/QuickBlox.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Logo of QBMediaRecorderJS](https://raw.githubusercontent.com/QuickBlox/javascript-media-recorder/master/logo.png)\n\n# QBMediaRecorderJS\n\n\u003e 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).\n\n[![npm](https://img.shields.io/npm/v/media-recorder-js.svg)](https://www.npmjs.com/package/media-recorder-js)\n[![npm](https://img.shields.io/github/stars/QuickBlox/javascript-media-recorder.svg)](https://www.npmjs.com/package/media-recorder-js)\n\nQBMediaRecorder.js support all native mimetypes and 'audio/wav' and 'audio/mp3'.\nFor 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:\n```javascript\nvar opts = {\n    // use named function\n    onstart: function onStart() {\n        console.log('Recorder is started');\n    },\n    onstop: function onStop(Blob) {\n        videoElement.src = URL.createObjectURL(blob);\n    },\n    // 'audio/wav' or 'audio/mp3'\n    mimeType: 'audio/mp3',\n    // set relative path (from folder node_modules for example)\n    workerPath: '../node_modules/javascript-media-recorder/qbAudioRecorderWorker.js'\n};\n\n// uses as global variable, QBMediaRecorder is built as a UMD module.\nvar recorder = new QBMediaRecorder(opts);\n``` \n\nExtendings methods of MediaRecorder:\n - [isAvailable](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#.isAvailable);\n - [getSupportedMimeTypes](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#.getSupportedMimeTypes);\n - [change](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#change);\n - [download](https://quickblox.github.io/javascript-media-recorder/docs/QBMediaRecorder.html#download).\n\nSee [docs](https://quickblox.github.io/javascript-media-recorder/docs/) - all public API.\nCheck our [sample](https://quickblox.github.io/javascript-media-recorder/sample/), use a few source (video / audio).\n\n### Support\nThe QBMediaRecorder supports **Firefox 29**, **Chrome 49** / **Chrome 62 for Android**, **Opera 36** and **Safari 6.1** (only **wav** and **mp3**)\n\n### Usage\nThe QBMediaRecorder is built as a UMD module and can be loaded via CDN, NPM, or from source.\n\n#### Install \nYou can use CDN (by [UNPKG](https://unpkg.com)) to deliver the QBMediaRecorder.\n```html\n\u003cscript src='https://unpkg.com/media-recorder-js/mediaRecorder.js'\u003e\u003c/script\u003e\n```\nOr use NPM\n```bash\nnpm install media-recorder-js --save\n```\nAlso you can download sources from [Github](https://github.com/QuickBlox/javascript-media-recorder), run project by the following commands. \nYou will need to have [Gulp](http://gulpjs.com/).\n\n```bash\nnpm i\nnpm run build\n```\n#### Contribution\n[ESLint](https://github.com/eslint/eslint) uses in project as lint, so install it before start developing.\n```bash\nnpm install -g eslint\n```\n\n### Related posts\n * [MDN](https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquickblox%2Fjavascript-media-recorder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquickblox%2Fjavascript-media-recorder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquickblox%2Fjavascript-media-recorder/lists"}