VAT- 1859: add record saving

Author: einazare

dist/CHANGELOG.md

@@ -51,6 +51,25 @@ No fixes were made.
 
 Each time you add new changes to this file, please add them bellow this line - i.e. between the [insertion](#insterion) section and the last version added.
 
+## [2.0.9] - 2024-01-25
+
+### Added
+
+- `onDownloadRecording` method function that downloads the recoreded microphone as `audio/webm`
+- `getRecordingAsBlobChunks` method function that returns all the recoreded microphone chunks as an array of blob
+
+### Changed
+
+No changes were made.
+
+### Removed
+
+Nothing was removed.
+
+### Fixed
+
+No fixes were made.
+
 ## [1.4.0] - 2022-06-13
 
 ### Added

dist/README.md

@@ -623,6 +623,40 @@ You can read more on the following links:
 - [https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices)
 - [https://developer.mozilla.org/en-US/docs/Web/API/MediaDeviceInfo](https://developer.mozilla.org/en-US/docs/Web/API/MediaDeviceInfo)
 
+### onDownloadRecording
+
+Call this methos if you want to download the audio file as `audio/webm` type.
+
+### getRecordingAsBlobChunks
+
+Call this methos if you want to get all chunks from your michrophone as blobs.
+
+You can then use this to download the audio as you wish. Below is an example of downloading as `audio/webm`.
+
+```javascript
+// ... code
+try {
+ const allBlobData = vtc.getRecordingAsBlobChunks();
+ if (allBlobData && allBlobData.length) {
+ const audioBlob = new Blob(allBlobData, {
+ type: "audio/webm",
+ });
+ const audioUrl = URL.createObjectURL(audioBlob);
+ const anchor = document.createElement("a");
+ anchor.style.display = "none";
+ document.body.appendChild(anchor);
+ anchor.href = audioUrl;
+ anchor.download = "audio.webm";
+ anchor.click();
+ window.URL.revokeObjectURL(audioUrl);
+ anchor?.remove();
+ }
+} catch (error) {
+ console.error(error);
+}
+// ... code
+```
+
 ## Browser Support
 
 We officially support the latest versions of the following browsers:

dist/cjs/components/ApiKeyGenerator.js

@@ -95,5 +95,4 @@ var ApiKeyGenerator = /*#__PURE__*/function () {
  }]);
  return ApiKeyGenerator;
 }();
-var _default = ApiKeyGenerator;
-exports["default"] = _default;
+var _default = exports["default"] = ApiKeyGenerator;

dist/cjs/components/InstanceReservation.js

@@ -95,5 +95,4 @@ var InstanceReservation = /*#__PURE__*/function () {
  }]);
  return InstanceReservation;
 }();
-var _default = InstanceReservation;
-exports["default"] = _default;
+var _default = exports["default"] = InstanceReservation;

dist/cjs/components/MicrophoneGenerator.js

@@ -198,5 +198,4 @@ var MicrophoneGenerator = /*#__PURE__*/function () {
  }]);
  return MicrophoneGenerator;
 }();
-var _default = MicrophoneGenerator;
-exports["default"] = _default;
+var _default = exports["default"] = MicrophoneGenerator;

dist/cjs/components/MicrophoneQueue.js

@@ -44,5 +44,4 @@ var MicrophoneQueue = /*#__PURE__*/function () {
  }]);
  return MicrophoneQueue;
 }();
-var _default = MicrophoneQueue;
-exports["default"] = _default;
+var _default = exports["default"] = MicrophoneQueue;

dist/cjs/components/SocketIOClientGenerator.js

@@ -10,8 +10,8 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _socket = _interopRequireDefault(require("socket.io-client"));
 var _index = _interopRequireDefault(require("../helpers/constants/index.js"));
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SOCKET_IO_CLIENT_NAMESPACE = _index["default"].SOCKET_IO_CLIENT_NAMESPACE,
  SOCKET_IO_CLIENT_PATH = _index["default"].SOCKET_IO_CLIENT_PATH,
  SOCKET_IO_CLIENT_TRANSPORTS = _index["default"].SOCKET_IO_CLIENT_TRANSPORTS,
@@ -170,5 +170,4 @@ var SocketIOClientGenerator = /*#__PURE__*/function () {
  }]);
  return SocketIOClientGenerator;
 }();
-var _default = SocketIOClientGenerator;
-exports["default"] = _default;
+var _default = exports["default"] = SocketIOClientGenerator;

dist/cjs/helpers/constants/index.js

@@ -60,5 +60,4 @@ var projectConstants = {
  MICROPHONE_BIT_RATE_SAMPLES: MICROPHONE_BIT_RATE_SAMPLES,
  MICROPHONE_TIMESLICE: MICROPHONE_TIMESLICE
 };
-var _default = projectConstants;
-exports["default"] = _default;
+var _default = exports["default"] = projectConstants;

dist/cjs/helpers/functions/base64ArrayBuffer.js

@@ -50,5 +50,4 @@ function base64ArrayBuffer(arrayBuffer) {
  }
  return base64;
 }
-var _default = base64ArrayBuffer;
-exports["default"] = _default;
+var _default = exports["default"] = base64ArrayBuffer;

dist/cjs/helpers/functions/blobToBase64.js

@@ -13,5 +13,4 @@ var blobToBase64 = function blobToBase64(blob) {
  };
  });
 };
-var _default = blobToBase64;
-exports["default"] = _default;
+var _default = exports["default"] = blobToBase64;