@lls/lls-audio 0.0.59 → 0.0.61

package/recorder/DesktopAudioRecorder.js

@@ -1,190 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _CustomWave = require('../player/CustomWave');
-
-var _CustomWave2 = _interopRequireDefault(_CustomWave);
-
-var _audioContext = require('../utils/audioContext');
-
-var _audioContext2 = _interopRequireDefault(_audioContext);
-
-var _audio = require('../utils/audio');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var audioContext = new _audioContext2.default();
-
-var DesktopAudioRecorder = function (_Component) {
-  _inherits(DesktopAudioRecorder, _Component);
-
-  function DesktopAudioRecorder(props) {
-    _classCallCheck(this, DesktopAudioRecorder);
-
-    var _this = _possibleConstructorReturn(this, (DesktopAudioRecorder.__proto__ || Object.getPrototypeOf(DesktopAudioRecorder)).call(this, props));
-
-    _this.state = {
-      isRecording: false,
-      recordedData: null,
-      waveform: null
-      //this.audioRecorder = null
-    };_this.buffers = [];
-    return _this;
-  }
-
-  _createClass(DesktopAudioRecorder, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      window.navigator.getUserMedia({
-        "audio": {
-          "mandatory": {
-            "googEchoCancellation": "false",
-            "googAutoGainControl": "false",
-            "googNoiseSuppression": "false",
-            "googHighpassFilter": "false"
-          },
-          "optional": []
-        }
-      }, function (stream) {
-        return _this2.onMediaSuccess(stream);
-      }, function (stream) {
-        return _this2.onMediaError(stream);
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this3 = this;
-
-      var _state = this.state,
-          isRecording = _state.isRecording,
-          waveform = _state.waveform;
-
-      return _react2.default.createElement(
-        'div',
-        null,
-        'Desktop audio recorder',
-        isRecording ? _react2.default.createElement(
-          'button',
-          { onClick: function onClick() {
-              return _this3.stopRecording();
-            } },
-          ' stop recording '
-        ) : _react2.default.createElement(
-          'button',
-          { onClick: function onClick() {
-              return _this3.record();
-            } },
-          ' record '
-        ),
-        waveform ? _react2.default.createElement(_CustomWave2.default, {
-          width: 500,
-          currentTime: 0,
-          totalTime: 200,
-          height: 40,
-          isLoading: false,
-          waveform: waveform
-        }) : null
-      );
-    }
-  }, {
-    key: 'record',
-    value: function record() {
-      this.setState({
-        recordedData: null,
-        isRecording: true
-      });
-    }
-  }, {
-    key: 'onMediaSuccess',
-    value: function onMediaSuccess(stream) {
-      var _this4 = this;
-
-      var bufferSize = 4096;
-      var numberOfInputChannels = 2;
-      var numberOfOutputChannels = 2;
-
-      // creates an audio node from the microphone incoming stream
-      var mediaStream = audioContext.createMediaStreamSource(stream);
-      // https://developer.mozilla.org/en-US/docs/Web/API/AudioaudioContext/createScriptProcessor
-      var recorder = audioContext.createScriptProcessor ? audioContext.createScriptProcessor(bufferSize, numberOfInputChannels, numberOfOutputChannels) : audioContext.createJavaScriptNode(bufferSize, numberOfInputChannels, numberOfOutputChannels);
-
-      recorder.onaudioprocess = function (e) {
-        var _state2 = _this4.state,
-            recordedData = _state2.recordedData,
-            isRecording = _state2.isRecording;
-
-        if (!isRecording) return;
-        var audioBuffer = (0, _audio.appendBuffer)(recordedData, e.inputBuffer);
-        var waveform = (0, _audio.convertAudioBufferToWaveform)(audioBuffer);
-
-        _this4.setState({
-          recordedData: audioBuffer,
-          waveform: waveform
-        });
-      };
-
-      // we connect the recorder with the input stream
-      mediaStream.connect(recorder);
-      recorder.connect(audioContext.destination);
-    }
-  }, {
-    key: 'onMediaError',
-    value: function onMediaError(e) {
-      console.error('media error', e);
-    }
-
-    // This is just for demo purposes: in real life we'll upload the file somewhere
-
-  }, {
-    key: 'updateAudioDom',
-    value: function updateAudioDom() {
-      var recordedData = this.state.recordedData;
-
-      var audioEl = document.querySelector('audio');
-
-      if (audioEl) {
-        var wav = (0, _audio.audioBufferToWav)(recordedData);
-        var audioBlob = new Blob([wav], { type: 'audio/wav' });
-        var reader = new FileReader();
-        reader.onload = function (e) {
-          // e.target.result will hold the base64 data.
-          // Note: It includes the pre-text "data:audio/<format>;base64,<base64 data>"
-          audioEl.src = e.target.result;
-        };
-        reader.readAsDataURL(audioBlob);
-      }
-    }
-  }, {
-    key: 'stopRecording',
-    value: function stopRecording() {
-      this.setState({
-        isRecording: false
-      });
-
-      // Update audio element with new file
-      this.updateAudioDom();
-    }
-  }]);
-
-  return DesktopAudioRecorder;
-}(_react.Component);
-
-exports.default = DesktopAudioRecorder;

package/recorder/DesktopRecorder.js

@@ -1,143 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _msr = require('msr');
-
-var _msr2 = _interopRequireDefault(_msr);
-
-var _Wave = require('../player/Wave');
-
-var _Wave2 = _interopRequireDefault(_Wave);
-
-var _audioContext = require('../utils/audioContext');
-
-var _audioContext2 = _interopRequireDefault(_audioContext);
-
-var _audio = require('../utils/audio');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var audioContext = new _audioContext2.default();
-
-var DesktopRecorder = function (_Component) {
-  _inherits(DesktopRecorder, _Component);
-
-  function DesktopRecorder(props) {
-    _classCallCheck(this, DesktopRecorder);
-
-    var _this = _possibleConstructorReturn(this, (DesktopRecorder.__proto__ || Object.getPrototypeOf(DesktopRecorder)).call(this, props));
-
-    _this.state = {
-      isRecording: false,
-      recordedData: null
-    };
-    _this.mediaRecorder = null;
-    _this.buffers = [];
-    return _this;
-  }
-
-  _createClass(DesktopRecorder, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _state = this.state,
-          isRecording = _state.isRecording,
-          recordedData = _state.recordedData;
-
-      return _react2.default.createElement(
-        'div',
-        null,
-        'Desktop recorder',
-        isRecording ? _react2.default.createElement(
-          'button',
-          { onClick: function onClick() {
-              return _this2.stopRecording();
-            } },
-          ' stop recording '
-        ) : _react2.default.createElement(
-          'button',
-          { onClick: function onClick() {
-              return _this2.record();
-            } },
-          ' record '
-        ),
-        recordedData ? _react2.default.createElement(_Wave2.default, {
-          width: 500,
-          currentTime: 0,
-          height: 40,
-          isLoading: false,
-          buffer: recordedData }) : null
-      );
-    }
-  }, {
-    key: 'record',
-    value: function record() {
-      var _this3 = this;
-
-      window.navigator.getUserMedia({ audio: true }, function (stream) {
-        return _this3.onMediaSuccess(stream);
-      }, function (stream) {
-        return _this3.onMediaError(stream);
-      });
-      this.setState({
-        isRecording: true
-      });
-    }
-  }, {
-    key: 'onMediaSuccess',
-    value: function onMediaSuccess(stream) {
-      var _this4 = this;
-
-      this.mediaRecorder = new _msr2.default(stream);
-      this.mediaRecorder.mimeType = 'audio/wav'; // check this line for audio/wav
-      this.mediaRecorder.bufferSize = 256; // check this line for audio/wav
-      this.mediaRecorder.ondataavailable = function (blob) {
-        (0, _audio.convertBlobToAudioBuffer)(blob, _this4.onRecordingConverted.bind(_this4));
-      };
-      this.mediaRecorder.start();
-    }
-  }, {
-    key: 'onRecordingConverted',
-    value: function onRecordingConverted(audioBuffer) {
-      var recordedData = this.state.recordedData;
-
-      var mergedBuffer = (0, _audio.appendBuffer)(recordedData, audioBuffer);
-      this.setState({
-        recordedData: mergedBuffer
-      });
-    }
-  }, {
-    key: 'onMediaError',
-    value: function onMediaError(e) {
-      console.error('media error', e);
-    }
-  }, {
-    key: 'stopRecording',
-    value: function stopRecording() {
-      this.mediaRecorder.stop();
-      this.setState({
-        isRecording: false
-      });
-    }
-  }]);
-
-  return DesktopRecorder;
-}(_react.Component);
-
-exports.default = DesktopRecorder;

package/stories/recorder.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _player = require('../player');
-
-var _player2 = _interopRequireDefault(_player);
-
-var _recorder = require('../recorder');
-
-var _recorder2 = _interopRequireDefault(_recorder);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var RecorderExample = function RecorderExample() {
-  return _react2.default.createElement(
-    'div',
-    null,
-    _react2.default.createElement(_recorder2.default, null),
-    _react2.default.createElement('audio', { controls: true })
-  );
-};
-
-exports.default = RecorderExample;