karaoke-eternal 1.0.0

package/build/598.4be526e3a94d53aeceae.css

@@ -0,0 +1,5 @@
+.KkjTCNFeyJblwTH4ZFFo {
+  position: absolute;
+  z-index: -1;
+}
+

package/build/598.4be526e3a94d53aeceae.js

@@ -0,0 +1 @@
+/*! See licenses in licenses.txt */"use strict";(self.webpackChunkkaraoke_eternal=self.webpackChunkkaraoke_eternal||[]).push([[598],{29598:(e,i,t)=>{t.r(i),t.d(i,{default:()=>N});var r=t(15671),n=t(43144),a=t(97326),o=t(60136),u=t(82963),s=t(61120),c=t(4942),d=t(45697),l=t.n(d),h=t(67294),p=t(62238),f=t.n(p),v=t(76055),y=t(63569);const m="KkjTCNFeyJblwTH4ZFFo";function Z(e){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=(0,s.Z)(e);if(i){var n=(0,s.Z)(this).constructor;t=Reflect.construct(r,arguments,n)}else t=r.apply(this,arguments);return(0,u.Z)(this,t)}}var g=function(e){(0,o.Z)(t,e);var i=Z(t);function t(){var e;(0,r.Z)(this,t);for(var n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];return e=i.call.apply(i,[this].concat(o)),(0,c.Z)((0,a.Z)(e),"audioGainNode",null),(0,c.Z)((0,a.Z)(e),"canvas",h.createRef()),(0,c.Z)((0,a.Z)(e),"frameId",null),(0,c.Z)((0,a.Z)(e),"updateAudioSource",(function(){e.audioGainNode=e.props.audioSourceNode.context.createGain(),e.props.audioSourceNode.connect(e.audioGainNode),e.visualizer.connectAudio(e.audioGainNode)})),(0,c.Z)((0,a.Z)(e),"updatePlaying",(function(){e.props.isPlaying&&!e.frameId?e.renderVisualizerFrame():(cancelAnimationFrame(e.frameId),e.frameId=null)})),(0,c.Z)((0,a.Z)(e),"renderVisualizerFrame",(function(){e.frameId=requestAnimationFrame(e.renderVisualizerFrame),e.visualizer.render()})),e}return(0,n.Z)(t,[{key:"componentDidMount",value:function(){try{this.visualizer=f().createVisualizer(this.props.audioSourceNode.context,this.canvas.current,{width:this.props.width,height:this.props.height}),this.visualizer.loadExtraImages(y.Z)}catch(e){return void this.props.onError(e.message)}var e=v.Z[this.props.presetKey];e&&this.visualizer.loadPreset(e,0),this.updateAudioSource(),this.updatePlaying()}},{key:"componentDidUpdate",value:function(e,i){var t=this.props;t.audioSourceNode!==e.audioSourceNode&&this.updateAudioSource(),t.isPlaying!==e.isPlaying&&this.updatePlaying(),t.width===e.width&&t.height===e.height||this.visualizer.setRendererSize(t.width,t.height),t.presetKey!==e.presetKey&&this.visualizer.loadPreset(v.Z[t.presetKey],1),this.audioGainNode&&t.sensitivity!==e.sensitivity&&this.audioGainNode.gain.setValueAtTime(t.sensitivity,this.audioGainNode.context.currentTime)}},{key:"componentWillUnmount",value:function(){cancelAnimationFrame(this.frameId)}},{key:"render",value:function(){var e=this.props,i=e.width,t=e.height;return h.createElement("div",{style:{width:i,height:t},className:m},h.createElement("canvas",{width:i,height:t,ref:this.canvas}))}}]),t}(h.Component);(0,c.Z)(g,"propTypes",{audioSourceNode:l().object.isRequired,isPlaying:l().bool.isRequired,onError:l().func.isRequired,presetKey:l().string.isRequired,sensitivity:l().number.isRequired,width:l().number.isRequired,height:l().number.isRequired});const N=g}}]);