https://keykorea.vercel.app/_next/static/chunks/110-95162b679b4c32a65ba6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[110],{33441:function(e,t,n){"use strict";n.d(t,{g:function(){return c}});var o=n(79762),r=n(33344),a=n(44592),i=n(67294);function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}var u=["className","rows"],c=(0,r.Gp)((function(e,t){var n=(0,r.mq)("Textarea",e),c=(0,r.Lr)(e),l=c.className,d=c.rows,_=function(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(c,u),p=(0,o.Yp)(_),f=d?(0,a.CE)(n,["h","minH","height","minHeight"]):n;return i.createElement(r.m$.textarea,s({ref:t,rows:d},p,{className:(0,a.cx)("chakra-textarea",l),__css:f}))}));a.Ts&&(c.displayName="Textarea")},93162:function(e,t,n){var o,r,a;r=[],void 0===(a="function"===typeof(o=function(){"use strict";function t(e,t){return"undefined"==typeof t?t={autoBom:!1}:"object"!=typeof t&&(console.warn("Deprecated: Expected third argument to be a object"),t={autoBom:!t}),t.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)?new Blob(["\ufeff",e],{type:e.type}):e}function o(e,t,n){var o=new XMLHttpRequest;o.open("GET",e),o.responseType="blob",o.onload=function(){u(o.response,t,n)},o.onerror=function(){console.error("could not download file")},o.send()}function r(e){var t=new XMLHttpRequest;t.open("HEAD",e,!1);try{t.send()}catch(e){}return 200<=t.status&&299>=t.status}function a(e){try{e.dispatchEvent(new MouseEvent("click"))}catch(o){var t=document.createEvent("MouseEvents");

1t.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(t)}}var i="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof n.g&&n.g.global===n.g?n.g:void 0,s=i.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),u=i.saveAs||("object"!=typeof window||window!==i?function(){}:"download"in HTMLAnchorElement.prototype&&!s?function(e,t,n){var s=i.URL||i.webkitURL,u=document.createElement("a");t=t||e.name||"download",u.download=t,u.rel="noopener","string"==typeof e?(u.href=e,u.origin===location.origin?a(u):r(u.href)?o(e,t,n):a(u,u.target="_blank")):(u.href=s.createObjectURL(e),setTimeout((function(){s.revokeObjectURL(u.href)}),4e4),setTimeout((function(){a(u)}),0))}:"msSaveOrOpenBlob"in navigator?function(e,n,i){if(n=n||e.name||"download","string"!=typeof e)navigator.msSaveOrOpenBlob(t(e,i),n);else if(r(e))o(e,n,i);else{var s=document.createElement("a");s.href=e,s.target="_blank",setTimeout((function(){a(s)}))}}:function(e,t,n,r){if((r=r||open("","_blank"))&&(r.document.title=r.document.body.innerText="downloading..."),"string"==typeof e)return o(e,t,n);var a="application/octet-stream"===e.type,u=/constructor/i.test(i.HTMLElement)||i.safari,c=/CriOS\/[\d]+/.test(navigator.userAgent);if((c||a&&u||s)&&"undefined"!=typeof FileReader){var l=new FileReader;l.onloadend=function(){var e=l.result;e=c?e:e.replace(/^data:[^;]*;/,"data:attachment/file;"),r?r.location.href=e:location=e,r=null},l.readAsDataURL(e)}else{var d=i.URL||i.webkitURL,_=d.createObjectURL(e);r?r.location=_:location.href=_,r=null,setTimeout((function(){d.revokeObjectURL(_)}),4e4)}});i.saveAs=u.saveAs=u,e.exports=u})?o.apply(t,r):o)||(e.exports=a)},81540:function(module,__unused_webpack_exports,__webpack_require__){module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t){e.exports=__webpack_require__(45697)},function(e,t){e.exports=__webpack_require__(67294)},function(module,__webpack_exports__,__nested_webpack_require_1058__){"use strict";__nested_webpack_require_1058__.r(__webpack_exports__),function(module){var react__WEBPACK_IMPORTED_MODULE_0__=__nested_webpack_require_1058__(1),react__WEBPACK_IMPORTED_MODULE_0___default=__nested_webpack_require_1058__.n(react__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_1__=__nested_webpack_require_1058__(0),prop_types__WEBPACK_IMPORTED_MODULE_1___default=__nested_webpack_require_1058__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__),enterModule;function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _createSuper(e){return function(){var t,n=_getPrototypeOf(e);if(_isNativeReflectConstruct()){var o=_getPrototypeOf(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return _possibleConstructorReturn(this,t)}}function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}enterModule="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0,enterModule&&enterModule(module);var __signature__="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default.signature:function(e){return e},ReactAudioPlayer=function(_Component){_inherits(ReactAudioPlayer,_Component);var _super=_createSuper(ReactAudioPlayer);function ReactAudioPlayer(){var e;_classCallCheck(this,ReactAudioPlayer);for(var t=arguments.length,n=new Array(t),o=0;o<t;o++)n[o]=arguments[o];return _defineProperty(_assertThisInitialized(e=_super.call.apply(_super,[this].concat(n))),"audioEl",react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef()),_defineProperty(_assertThisInitialized(e),"listenTracker",void 0),_defineProperty(_assertThisInitialized(e),"onError",(function(t){var n,o;return null===(n=(o=e.props).onError)||void 0===n?void 0:n.call(o,t)}

1)),_defineProperty(_assertThisInitialized(e),"onCanPlay",(function(t){var n,o;return null===(n=(o=e.props).onCanPlay)||void 0===n?void 0:n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onCanPlayThrough",(function(t){var n,o;return null===(n=(o=e.props).onCanPlayThrough)||void 0===n?void 0:n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onPlay",(function(t){var n,o;e.setListenTrack(),null===(n=(o=e.props).onPlay)||void 0===n||n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onAbort",(function(t){var n,o;e.clearListenTrack(),null===(n=(o=e.props).onAbort)||void 0===n||n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onEnded",(function(t){var n,o;e.clearListenTrack(),null===(n=(o=e.props).onEnded)||void 0===n||n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onPause",(function(t){var n,o;e.clearListenTrack(),null===(n=(o=e.props).onPause)||void 0===n||n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onSeeked",(function(t){var n,o;null===(n=(o=e.props).onSeeked)||void 0===n||n.call(o,t)}

1)),_defineProperty(_assertThisInitialized(e),"onLoadedMetadata",(function(t){var n,o;null===(n=(o=e.props).onLoadedMetadata)||void 0===n||n.call(o,t)})),_defineProperty(_assertThisInitialized(e),"onVolumeChanged",(function(t){var n,o;null===(n=(o=e.props).onVolumeChanged)||void 0===n||n.call(o,t)})),e}return _createClass(ReactAudioPlayer,[{key:"componentDidMount",value:function(){var e=this.audioEl.current;e&&(this.updateVolume(this.props.volume),e.addEventListener("error",this.onError),e.addEventListener("canplay",this.onCanPlay),e.addEventListener("canplaythrough",this.onCanPlayThrough),e.addEventListener("play",this.onPlay),e.addEventListener("abort",this.onAbort),e.addEventListener("ended",this.onEnded),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeeked),e.addEventListener("loadedmetadata",this.onLoadedMetadata),e.addEventListener("volumechange",this.onVolumeChanged))}},{key:"componentWillUnmount",value:function(){var e=this.audioEl.current;e&&(e.removeEventListener("error",this.onError),e.removeEventListener("canplay",this.onCanPlay),e.removeEventListener("canplaythrough",this.onCanPlayThrough),e.removeEventListener("play",this.onPlay),e.removeEventListener("abort",this.onAbort),e.removeEventListener("ended",this.onEnded),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeeked),e.removeEventListener("loadedmetadata",this.onLoadedMetadata),e.removeEventListener("volumechange",this.onVolumeChanged))}},{key:"componentDidUpdate",value:function(e){this.updateVolume(this.props.volume)}},{key:"setListenTrack",value:function(){var e=this;if(!this.listenTracker){var t=this.props.listenInterval;this.listenTracker=window.setInterval((function(){var t,n;e.audioEl.current&&(null===(t=(n=e.props).onListen)||void 0===t||t.call(n,e.audioEl.current.currentTime))}),t)}}},{key:"updateVolume",value:function(e){var t=this.audioEl.current;null!==t&&"number"==typeof e&&e!==(null==t?void 0:t.volume)&&(t.volume=e)}},{key:"clearListenTrack",value:function(){this.listenTracker&&(clearInterval(this.listenTracker),delete this.listenTracker)}},{key:"render",value:function(){var e=this.props.children||react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p",null,"Your browser does not support the ",react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("code",null,"audio")," element."),t=!(!1===this.props.controls),n=this.props.title?this.props.title:this.props.src,o={};return this.props.controlsList&&(o.controlsList=this.props.controlsList),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("audio",_extends({autoPlay:this.props.autoPlay,className:"react-audio-player ".concat(this.props.className),controls:t,crossOrigin:this.props.crossOrigin,id:this.props.id,loop:this.props.loop,muted:this.props.muted,preload:this.props.preload,ref:this.audioEl,src:this.props.src,style:this.props.style,title:n},o),e)}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),ReactAudioPlayer}(react__WEBPACK_IMPORTED_MODULE_0__.Component);_defineProperty(ReactAudioPlayer,"propTypes",void 0),_defineProperty(ReactAudioPlayer,"defaultProps",void 0),ReactAudioPlayer.defaultProps={autoPlay:!1,children:null,className:"",controls:!1,controlsList:"",id:"",listenInterval:1e4,loop:!1,muted:!1,onAbort:function(){},onCanPlay:function(){},onCanPlayThrough:function(){},onEnded:function(){},onError:function(){},onListen:function(){},onPause:function(){},onPlay:function(){},onSeeked:function(){},onVolumeChanged:function(){},onLoadedMetadata:function(){},preload:"metadata",style:{},title:"",volume:1},ReactAudioPlayer.propTypes={autoPlay:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,children:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.element,className:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,controls:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,controlsList:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,crossOrigin:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,id:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,listenInterval:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,loop:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,muted:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,onAbort:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onCanPlay:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onCanPlayThrough:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onEnded:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onError:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onListen:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onLoadedMetadata:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onPause:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onPlay:

1prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onSeeked:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,onVolumeChanged:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,preload:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(["","none","metadata","auto"]),src:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,style:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.objectOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string),title:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,volume:prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number};var _default=ReactAudioPlayer,reactHotLoader,leaveModule;__webpack_exports__.default=_default,reactHotLoader="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0,reactHotLoader&&(reactHotLoader.register(ReactAudioPlayer,"ReactAudioPlayer","/home/justin/Projects/react-audio-player/src/index.tsx"),reactHotLoader.register(_default,"default","/home/justin/Projects/react-audio-player/src/index.tsx")),leaveModule="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0,leaveModule&&leaveModule(module)}.call(this,__nested_webpack_require_1058__(3)(module))},function(e,t){e.exports=function(e){if(!e.webpackPolyfill){var t=Object.create(e);t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),Object.defineProperty(t,"exports",{enumerable:!0}),t.webpackPolyfill=1}return t}}])},98532:function(e,t,n){"use strict";n.d(t,{Z:function(){return _}});var o=n(67294);var r={audio:!0,video:!1},a=function(){function e(t,n,o,r,a){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia,this.audioCtx=a.getAudioContext(),this.analyser=a.getAnalyser(),this.stream=null,this.onStartCb=t,this.onStopCb=n,this.mediaOptions=r,this.onData=o,this.chunks=[],this.startTime=null}return e.prototype.startRecording=function(){var e=this;if(this.startTime=Date.now(),this.mediaRecorder){if(this.audioCtx&&"suspended"===this.audioCtx.state&&this.audioCtx.resume(),this.mediaRecorder&&"paused"===this.mediaRecorder.state)return void this.mediaRecorder.resume();if(this.audioCtx&&this.mediaRecorder&&"inactive"===this.mediaRecorder.state)this.mediaRecorder.start(10),this.audioCtx.createMediaStreamSource(this.stream).connect(this.analyser),this.onStartCb&&this.onStartCb()}else navigator.mediaDevices?(console.log("getUserMedia supported."),navigator.mediaDevices.getUserMedia(r).then((function(t){e.stream=t,MediaRecorder.isTypeSupported(e.mediaOptions.mimeType)?e.mediaRecorder=new MediaRecorder(e.stream,e.mediaOptions):e.mediaRecorder=new MediaRecorder(e.stream),e.onStartCb&&e.onStartCb(),e.mediaRecorder.onstop=function(){return e.onStop()},e.mediaRecorder.ondataavailable=function(t){e.chunks.push(t.data),e.onData&&e.onData(t.data)},e.mediaRecorder.start(10),e.audioCtx.createMediaStreamSource(e.stream).connect(e.analyser)}))):alert("Your browser does not support audio recording")},e.prototype.stopRecording=function(){this.mediaRecorder&&"inactive"!==this.mediaRecorder.state&&(this.mediaRecorder.stop(),this.audioCtx.suspend())},e.prototype.unMount=function(){this.stream&&this.stream.getTracks()[0].stop(),this.mediaRecorder=null},e.prototype.onStop=function(){var e=new Blob(this.chunks,{type:this.mediaOptions.mimeType});this.chunks=[];var t={blob:e,startTime:this.startTime,stopTime:Date.now(),options:this.mediaOptions,blobURL:window.URL.createObjectURL(e)};this.onStopCb&&this.onStopCb(t)},e}();var i=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.audioCtx=new(window.AudioContext||window.webkitAudioContext),this.analyser=this.audioCtx.createAnalyser()}return e.prototype.getAudioContext=function(){return this.audioCtx},e.prototype.getAnalyser=function(){return this.analyser},e}();var s=function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);var o=n.getAudioContext(),r=n.getAnalyser();this.audioSource=o.createMediaElementSource(t),this.audioSource.connect(r),r.connect(o.destination)};function u(e){var t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?{r:parseInt(t[1],16),g:parseInt(t[2],16),b:parseInt(t[3],16)}:null}var c,l,d=function(){function e(t,n,o,r,a,i,s){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.analyser=t.getAnalyser(),this.canvasCtx=n,this.canvas=o,this.width=r,this.height=a,this.backgroundColor=i,this.strokeColor=s,this.drawVisual=null}return e.prototype.visualizeSineWave=function(){var e=this;this.analyser.fftSize=2048;var t=this.analyser.fftSize,n=new Uint8Array(t);this.canvasCtx.clearRect(0,0,this.width,this.height);!function o(){e.drawVisual=requestAnimationFrame(o),e.analyser.getByteTimeDomainData(n),e.canvasCtx.fillStyle=e.backgroundColor,e.canvasCtx.fillRect(0,0,e.width,e.height),e.canvasCtx.lineWidth=2,e.canvasCtx.strokeStyle=e.strokeColor,e.canvasCtx.beginPath();for(var r=1*e.width/t,a=0,i=0;i<t;i++){var s=n[i]/128*e.height/2;0===i?e.canvasCtx.moveTo(a,s):e.canvasCtx.lineTo(a,s),a+=r}e.canvasCtx.lineTo(e.canvas.width,e.canvas.height/2),e.canvasCtx.stroke()}()},e.prototype.visualizeFrequencyBars=function(){var e=this;this.analyser.fftSize=256;var t=this.analyser.frequencyBinCount,n=new Uint8Array(t);this.canvasCtx.clearRect(0,0,this.width,this.height);!function o(){e.drawVisual=requestAnimationFrame(o),e.analyser.getByteFrequencyData(n),e.canvasCtx.fillStyle=e.backgroundColor,e.canvasCtx.fillRect(0,0,e.width,e.height);for(var r=e.width/t*2.5,a=void 0,i=0,s=0;s<t;s++){a=n[s];u(e.strokeColor);e.canvasCtx.fillStyle=e.strokeColor,e.canvasCtx.fillRect(i,e.height-a/2,r,a/2),i+=r+1}}()},e}();var _=(l=c=function(e){function t(n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var o=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,e.call(this,n));return o.audioContext=null,o.microphoneRecorder=null,o.state={canvas:null,canvasCtx:null},o}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.onStop,o=t.onStart,r=t.onData,u=t.audioElem,c=t.audioBitsPerSecond,l=t.mimeType,d=this.visualizerRef,_=d.getContext("2d"),p={audioBitsPerSecond:c,mimeType:l};this.audioContext=new i,u?this.audioPlayer=new s(u,this.audioContext):this.microphoneRecorder=new a(o,n,r,p,this.audioContext),this.setState({canvas:d,canvasCtx:_},(function(){return e.visualize()}))},t.prototype.componentWillUnmount=function(){this.microphoneRecorder&&(this.microphoneRecorder.unMount(),this.clear())},t.prototype.visualize=function(){var e=this.props,t=e.backgroundColor,n=e.strokeColor,o=e.width,r=e.height,a=e.visualSetting,i=this.state,s=i.canvas,u=i.canvasCtx;this.visualizer=new d(this.audioContext,u,s,o,r,t,n),"sinewave"===a?this.visualizer.visualizeSineWave():"frequencyBars"===a&&this.visualizer.visualizeFrequencyBars()},t.prototype.clear=function(){var e=this.state,t=e.canvasCtx,n=e.width,o=e.height;t.clearRect(0,0,n,o)},t.prototype.render=function(){var e=this,t=this.props,n=t.record,r=t.width,a=t.height,i=t.className;return n?this.microphoneRecorder&&(this.microphoneRecorder.startRecording(),this.visualize()):this.microphoneRecorder&&(this.microphoneRecorder.stopRecording(),this.clear()),o.createElement("canvas",{ref:function(t){return e.visualizerRef=t},height:a,width:r,className:i})},t}(o.Component),c.defaultProps={backgroundColor:"rgba(255, 255, 255, 0.5)",strokeColor:"#000000",className:"visualizer",audioBitsPerSecond:128e3,mimeType:"audio/webm;codecs=opus",record:!1,width:640,height:100,visualSetting:"sinewave"},l)},56311:function(e,t,n){"use strict";function o(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:function(){return o}})},31570:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var o=n(56586);var r=n(16988);function a(e){return function(e){if(Array.isArray(e))return(0,o.Z)(e)}(e)||function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||(0,r.Z)(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}}]);