translation-audio-player
Version:
A personal audio player for React.js with a few modifications from original
1 lines • 151 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-motion"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-motion","react-dom"],t):"object"==typeof exports?exports.ReactAudioplayer=t(require("react"),require("react-motion"),require("react-dom")):e.ReactAudioplayer=t(e.React,e.ReactMotion,e.ReactDOM)}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="build/",t(t.s=43)}([function(t,n){t.exports=e},function(e,t,n){e.exports=n(50)()},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=n(44),p=n(3),f=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={mouseOver:!1},n}return o(t,e),s(t,[{key:"render",value:function(){var e=this,t=(0,h.combineClassNames)(p.svgBtnDefault,this.props.className);return u.default.createElement("button",{className:t,onClick:this.props.onClick,onMouseOver:function(){e.setState({mouseOver:!0})},onMouseOut:function(){e.setState({mouseOver:!1})},style:{border:this.state.mouseOver?".5px solid "+this.context.color:null,backgroundColor:"black"}},this.props.children)}}]),t}(u.default.PureComponent);Object.defineProperty(f,"propTypes",{enumerable:!0,writable:!0,value:{onClick:d.default.func}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,writable:!0,value:{onClick:null}}),f.contextTypes={color:d.default.string},t.default=f},function(e,t,n){var i=n(46);"string"==typeof i&&(i=[[e.i,i,""]]);n(7)(i,{});i.locals&&(e.exports=i.locals)},function(e,n){e.exports=t},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.MarkerBtn=t.CloseBtn=t.CommentSendBtn=t.CommentStartBtn=t.VolumeMutedBtn=t.VolumeLowBtn=t.VolumeHighBtn=t.SkipPrevBtn=t.SkipNextBtn=t.PlaylistBtn=t.PauseBtn=t.PlayBtn=t.ShuffleBtn=t.RepeatBtn=t.CycleBtn=t.LikeBtn=void 0;var a=n(32),r=i(a),o=n(31),s=i(o),l=n(36),u=i(l),c=n(37),d=i(c),h=n(34),p=i(h),f=n(33),m=i(f),v=n(35),b=i(v),y=n(38),g=i(y),w=n(39),_=i(w),x=n(40),C=i(x),k=n(41),E=i(k),P=n(42),W=i(P),M=n(30),L=i(M),O=n(29),B=i(O),R=n(28),T=i(R),Q=n(11),F=i(Q);t.LikeBtn=r.default,t.CycleBtn=s.default,t.RepeatBtn=u.default,t.ShuffleBtn=d.default,t.PlayBtn=p.default,t.PauseBtn=m.default,t.PlaylistBtn=b.default,t.SkipNextBtn=g.default,t.SkipPrevBtn=_.default,t.VolumeHighBtn=C.default,t.VolumeLowBtn=E.default,t.VolumeMutedBtn=W.default,t.CommentStartBtn=L.default,t.CommentSendBtn=B.default,t.CloseBtn=T.default,t.MarkerBtn=F.default},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},a=0;a<this.length;a++){var r=this[a][0];"number"==typeof r&&(i[r]=!0)}for(a=0;a<t.length;a++){var o=t[a];"number"==typeof o[0]&&i[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="("+o[2]+") and ("+n+")"),e.push(o))}},e}},function(e,t){function n(e,t){for(var n=0;n<e.length;n++){var i=e[n],a=h[i.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](i.parts[r]);for(;r<i.parts.length;r++)a.parts.push(l(i.parts[r],t))}else{for(var o=[],r=0;r<i.parts.length;r++)o.push(l(i.parts[r],t));h[i.id]={id:i.id,refs:1,parts:o}}}}function i(e){for(var t=[],n={},i=0;i<e.length;i++){var a=e[i],r=a[0],o=a[1],s=a[2],l=a[3],u={css:o,media:s,sourceMap:l};n[r]?n[r].parts.push(u):t.push(n[r]={id:r,parts:[u]})}return t}function a(e,t){var n=m(),i=y[y.length-1];if("top"===e.insertAt)i?i.nextSibling?n.insertBefore(t,i.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function r(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function o(e){var t=document.createElement("style");return t.type="text/css",a(e,t),t}function s(e){var t=document.createElement("link");return t.rel="stylesheet",a(e,t),t}function l(e,t){var n,i,a;if(t.singleton){var l=b++;n=v||(v=o(t)),i=u.bind(null,n,l,!1),a=u.bind(null,n,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=s(t),i=d.bind(null,n),a=function(){r(n),n.href&&URL.revokeObjectURL(n.href)}):(n=o(t),i=c.bind(null,n),a=function(){r(n)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else a()}}function u(e,t,n,i){var a=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=g(t,a);else{var r=document.createTextNode(a),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(r,o[t]):e.appendChild(r)}}function c(e,t){var n=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function d(e,t){var n=t.css,i=t.sourceMap;i&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([n],{type:"text/css"}),r=e.href;e.href=URL.createObjectURL(a),r&&URL.revokeObjectURL(r)}var h={},p=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}},f=p(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),m=p(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,b=0,y=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},void 0===t.singleton&&(t.singleton=f()),void 0===t.insertAt&&(t.insertAt="bottom");var a=i(e);return n(a,t),function(e){for(var r=[],o=0;o<a.length;o++){var s=a[o],l=h[s.id];l.refs--,r.push(l)}if(e){n(i(e),t)}for(var o=0;o<r.length;o++){var l=r[o];if(0===l.refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete h[l.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){var i=n(45);"string"==typeof i&&(i=[[e.i,i,""]]);n(7)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(8),s=i(o),l=function(e){var t=e.children,n={width:100*r.default.Children.count(t)+"px"};return r.default.createElement("div",{className:s.default.flexButtonBox,style:n},t)};t.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(1),s=i(o),l=function(e,t){var n=e.width,i=e.height,a=e.translate,o=e.visibility,s=e.onMouseDown,l=t.color;return r.default.createElement("g",{visibility:o?"visible":"hidden",transform:a,onMouseDown:s},r.default.createElement("rect",{x:0,y:"0",width:n,height:i,fill:l}),r.default.createElement("rect",{x:n/3,y:i/3,width:n/3,height:i/3,fill:"#000"}))};l.propTypes={width:s.default.number.isRequired,height:s.default.number.isRequired,translate:s.default.string.isRequired,onMouseDown:s.default.func.isRequired},l.contextTypes={color:s.default.string},t.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(1),s=i(o),l=n(2),u=i(l),c=function(e,t){return r.default.createElement(u.default,e,r.default.createElement("svg",{width:"40px",height:"40px",viewBox:"0 0 29 30",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},r.default.createElement("desc",null,"Created with Sketch."),r.default.createElement("defs",null,r.default.createElement("path",{d:"M14.5,2.22034441e-16 L41.8715047,2.22034441e-16 L41.8715047,3.33066907e-16 C42.147647,-1.67976798e-15 42.3715047,0.223857625 42.3715047,0.5 L42.3715047,28.6575595 L42.3715047,28.6575595 C42.3715047,28.9337018 42.147647,29.1575595 41.8715047,29.1575595 C41.7505276,29.1575595 41.6336532,29.1136977 41.5425465,29.034105 L28.1857523,17.3653262 L14.8289582,29.034105 L14.8289582,29.034105 C14.6209978,29.2157835 14.3051331,29.194478 14.1234545,28.9865176 C14.0438617,28.8954109 14,28.7785365 14,28.6575595 L14,0.5 L14,0.5 C14,0.223857625 14.2238576,5.07271091e-17 14.5,0 Z",id:"path-0"})),r.default.createElement("g",{id:"Page-0",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},r.default.createElement("g",{id:"Group",transform:"translate(-14.000000, 0.000000)"},r.default.createElement("g",{id:"Rectangle"},r.default.createElement("use",{fill:"#F0FF36",fillRule:"evenodd",xlinkHref:"#path-0"}),r.default.createElement("path",{stroke:"#979797",strokeWidth:"0.5",d:"M14.5,0.25 C14.3619288,0.25 14.25,0.361928813 14.25,0.5 L14.25,28.6575595 C14.25,28.718048 14.2719309,28.7764852 14.3117272,28.8220385 C14.4025665,28.9260187 14.5604989,28.9366715 14.6644791,28.8458322 L28.1857523,17.033361 L41.7070256,28.8458322 C41.752579,28.8856286 41.8110162,28.9075595 41.8715047,28.9075595 C42.0095759,28.9075595 42.1215047,28.7956306 42.1215047,28.6575595 L42.1215047,0.5 C42.1215047,0.361928813 42.0095759,0.25 41.8715047,0.25 L14.5,0.25 Z"}))))))};c.contextTypes={color:s.default.string},t.default=c},function(e,t){e.exports=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),u=n(0),c=i(u),d=n(1),h=i(d),p=n(19),f=i(p),m=n(16),v=i(m),b=n(20),y=i(b),g=n(53),w=i(g),_=n(8),x=i(_),C=function(e){function t(){return a(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,e),l(t,[{key:"getChildContext",value:function(){return{color:this.props.color}}},{key:"render",value:function(){var e=this.props,t=e.externalPlay,n=e.loop,i=e.src,a=e.showMarkers,r=e.markers,o=e.width,l=e.name,u=e.fullPlayer,d=e.comment,h=e.volumeOrientationDown,p=e.recordButton,f=e.CommentsWrapperStates,m=e.controlStates,b=e.controlCallbacks,g=e.timelineStates,_=e.timelineCallbacks,C=u?this.props.height:52,k=s({},{width:o+"px",height:C+"px"},this.props.style),E=parseInt(k.width),P=parseInt(k.height);return c.default.createElement("div",{className:w.default.rootContainer+" "+x.default.audio,style:k},u?c.default.createElement(v.default,s({comment:d,width:E,height:P-52,progress:g.progress},f)):null,c.default.createElement(y.default,{width:E,name:l,comment:d,buttonRecord:p,volumeOrientationDown:h,controlStates:m,controlCallbacks:b,timelineStates:g,timelineCallbacks:_,markersButton:this.props.markersButton,showMarkers:a,src:i,markers:r,loop:n,externalPlay:t}))}}]),t}(c.default.PureComponent);Object.defineProperty(C,"propTypes",{enumerable:!0,writable:!0,value:{externalPlay:h.default.bool,loop:h.default.bool,src:h.default.string,showMarkers:h.default.bool,markers:h.default.object,width:h.default.number,height:h.default.number,fullPlayer:h.default.bool,recordButton:h.default.func,comment:h.default.bool,volumeOrientationDown:h.default.bool,color:h.default.string,buttonRecord:h.default.func,CommentsWrapperStates:h.default.shape({songImageSrc:h.default.string}),controlStates:h.default.shape({playing:h.default.bool,playingState:h.default.oneOf([0,1,2]),volume:h.default.number}),controlCallbacks:h.default.shape({setVolume:h.default.func,togglePlayPause:h.default.func,togglePlayingState:h.default.func,skipToNext:h.default.func,skipToPrevious:h.default.func}),timelineStates:h.default.shape({title:h.default.string,playing:h.default.bool,progress:h.default.number,duration:h.default.number}),timelineCallbacks:h.default.shape({setProgress:h.default.func,togglePlayPause:h.default.func})}}),Object.defineProperty(C,"defaultProps",{enumerable:!0,writable:!0,value:{width:700,height:300,songImage:!1,color:"#212121",fullPlayer:!1,recordButton2:!1,comment:!1,volumeOrientationDown:!1,onCommentSubmit:null,record:null}}),Object.defineProperty(C,"childContextTypes",{enumerable:!0,writable:!0,value:{color:h.default.string}}),t.default=(0,f.default)(C)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),u=n(0),c=i(u),d=n(4),h=n(3),p=i(h),f=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={full:!1,hover:!1},n.onClick=n.onClick.bind(n),n.onMouseOver=n.onMouseOver.bind(n),n.onMouseOut=n.onMouseOut.bind(n),n}return o(t,e),l(t,[{key:"onClick",value:function(){this.setState({full:!this.state.full})}},{key:"onMouseOver",value:function(){this.setState({hover:!0})}},{key:"onMouseOut",value:function(){this.setState({hover:!1})}},{key:"getMotionStyle",value:function(){return this.state.hover?{opacity:(0,d.spring)(1)}:{opacity:(0,d.spring)(.8)}}},{key:"getStyle",value:function(e){return s({},this.props.style,{transform:"translate3d(0, -"+e.y+"px, 0)",backgroundColor:"rgba(255, 255, 255, "+e.opacity+")"})}},{key:"render",value:function(){var e=this;return c.default.createElement(d.Motion,{style:this.getMotionStyle()},function(t){return c.default.createElement("p",{className:p.default.comment,style:e.getStyle(t),onClick:e.onClick,onMouseOver:e.onMouseOver,onMouseOut:e.onMouseOut},e.props.content)})}}]),t}(c.default.Component);t.default=f},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=n(4),p=n(14),f=i(p),m=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={visibleComments:[],commentHeight:32,scroll:!0,clearScreen:!1},n.willLeave=n.willLeave.bind(n),n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n}return o(t,e),s(t,[{key:"componentWillReceiveProps",value:function(e){var t=e.height,n=e.progress,i=e.comments,a=i.filter(function(e){return n>=e.time}).sort(this.sortComments),r=a.length;if(0===r)return this.setState({visibleComments:[]});var o=Math.floor(t/this.state.commentHeight);return r>o?this.setState({visibleComments:a.slice(r-o,r)}):this.setState({visibleComments:a})}},{key:"shouldComponentUpdate",value:function(){return this.state.scroll}},{key:"onMouseEnter",value:function(){this.setState({scroll:!1})}},{key:"onMouseLeave",value:function(){this.setState({scroll:!0})}},{key:"sortComments",value:function(e,t){return e.time<t.time?-1:e.time>t.time?1:0}},{key:"willEnter",value:function(){return{height:0,opacity:0}}},{key:"willLeave",value:function(){return this.state.clearScreen?null:{height:(0,h.spring)(0),opacity:(0,h.spring)(0),fontSize:0}}},{key:"render",value:function(){var e=this;return u.default.createElement(h.TransitionMotion,{willEnter:this.willEnter,willLeave:this.willLeave,styles:this.state.visibleComments.map(function(t){return{key:""+t.time,data:t.content,style:{height:(0,h.spring)(e.state.commentHeight),opacity:(0,h.spring)(1)}}})},function(t){return u.default.createElement("div",{className:e.props.className,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave},t.map(function(e){return u.default.createElement(f.default,{key:e.key,content:e.data,style:e.style})}))})}}]),t}(u.default.Component);Object.defineProperty(m,"propTypes",{enumerable:!0,writable:!0,value:{className:d.default.string,height:d.default.number,progress:d.default.number}}),t.default=m},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=n(15),p=i(h),f=n(18),m=i(f),v=n(3),b=i(v),y=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={fullComment:!1,fullCommentTextNode:null},n.onClickComment=n.onClickComment.bind(n),n.documentClickHandler=n.documentClickHandler.bind(n),n}return o(t,e),s(t,[{key:"componentDidMount",value:function(){if(this.props.comment){document.querySelector("."+b.default.commentsContainer).addEventListener("click",this.onClickComment)}}},{key:"onClickComment",value:function(e){var t=e.target;if("p"===t.tagName.toLowerCase()){if(!this.state.fullComment)return this.setState({fullComment:!0,fullCommentTextNode:t.firstChild}),document.addEventListener("click",this.documentClickHandler);if(t.firstChild===this.state.fullCommentTextNode)return document.removeEventListener("click",this.documentClickHandler),this.setState({fullComment:!1});this.setState({fullCommentTextNode:t.firstChild})}}},{key:"documentClickHandler",value:function(e){document.querySelector("."+b.default.commentsContainer).contains(e.target)||(this.setState({fullComment:!1}),document.removeEventListener(e.type,this.documentClickHandler))}},{key:"render",value:function(){var e=this.props,t=e.songImageSrc,n=e.width,i=e.height,a=e.progress,r=e.comments,o=e.comment,s=Math.min(.4*n,i)-40;return u.default.createElement("div",{className:b.default.commentsWrapper,style:{height:i+"px"}},u.default.createElement("section",{className:b.default.albumCoverContainer},u.default.createElement("div",{className:b.default.coverWrapper,style:{width:s+"px",height:s+"px"}},u.default.createElement("img",{src:t,alt:"Album cover"}),o?u.default.createElement(m.default,{className:b.default.fullComment,show:this.state.fullComment,content:this.state.fullCommentTextNode}):null)),o?u.default.createElement(p.default,{className:b.default.commentsContainer,height:i,progress:a,comments:r}):null,u.default.createElement("div",{className:b.default.commentsWrapperBackgroundMask}),u.default.createElement("div",{className:b.default.commentsWrapperBackground,style:{backgroundImage:"url("+t+")"}}))}}]),t}(u.default.PureComponent);Object.defineProperty(y,"propTypes",{enumerable:!0,writable:!0,value:{songImageSrc:d.default.string.isRequired,width:d.default.number,height:d.default.number,comment:d.default.bool}}),Object.defineProperty(y,"defaultProps",{enumerable:!0,writable:!0,value:{songImageSrc:"",height:340}}),t.default=y},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(1),s=i(o),l=n(5),u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(l),c=n(26),d=(i(c),n(9)),h=i(d),p=function(e){var t=e.playing,n=(e.volume,e.playingState),i=(e.setVolume,e.togglePlayPause),a=(e.record,e.skipToNext,e.skipToPrevious,e.volumeOrientationDown,void 0);switch(t){case!0:a=u.PauseBtn;break;case!1:a=u.PlayBtn}switch(n){case 0:u.CycleBtn;break;case 1:u.RepeatBtn;break;case 2:u.ShuffleBtn}return r.default.createElement(h.default,null,r.default.createElement(a,{onClick:i}))};p.propTypes={playing:s.default.bool.isRequired,volume:s.default.number.isRequired,playingState:s.default.number.isRequired,setVolume:s.default.func.isRequired,togglePlayPause:s.default.func.isRequired,togglePlayingState:s.default.func.isRequired,skipToNext:s.default.func.isRequired,skipToPrevious:s.default.func.isRequired,record:s.default.bool.isRequired},t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),a=function(e){return e&&e.__esModule?e:{default:e}}(i),r=n(4),o=function(e){var t=e.show,n=e.className,i=e.content;return a.default.createElement(r.Motion,{style:{y:(0,r.spring)(t?0:100),yc:(0,r.spring)(t?0:100),o:(0,r.spring)(t?1:0)}},function(e){var t=e.y,r=e.yc,o=e.o;return a.default.createElement("div",{className:n,style:{transform:"translate3d(0, "+t+"%, 0)",opacity:""+o}},a.default.createElement("p",{className:"testppp",style:{transform:"translate3d(0, "+r+"%, 0)"}},i?i.nodeValue:null))})};t.default=o},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(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}function s(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)}Object.defineProperty(t,"__esModule",{value:!0});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),c=n(0),d=i(c),h=n(12),p=i(h),f=n(1),m=i(f),v=function(e){var t,n;return n=t=function(t){function n(e){r(this,n);var t=o(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));if(!t.props.playlist||0===t.props.playlist.length)throw new Error("You should provide a playlist which contains at least 1 audio object");t.props.fullPlayer&&t.props.playlist.forEach(function(e){if(!e.img)throw new Error("You should provide song.img when the fullPlayer is enabled.");if(t.props.comment&&!e.comments)throw new Error("You turned on commenting function and you need to provide the `comments` field for each song in the playlist")}),t.loadSrc=t.loadSrc.bind(t),t.togglePlayPause=t.togglePlayPause.bind(t),t.onCanPlay=t.onCanPlay.bind(t),t.onEnded=t.onEnded.bind(t),t.onPlay=t.onPlay.bind(t),t.onPause=t.onPause.bind(t),t.setVolume=t.setVolume.bind(t),t.setProgress=t.setProgress.bind(t),t.skipToNext=t.skipToNext.bind(t),t.skipToPrevious=t.skipToPrevious.bind(t),t.togglePlayingState=t.togglePlayingState.bind(t),t.playEventHandler=t.playEventHandler.bind(t),t.pauseEventHandler=t.pauseEventHandler.bind(t),t.skipToNextEventHandler=t.skipToNextEventHandler.bind(t),t.skipToPreviousEventHandler=t.skipToPreviousEventHandler.bind(t);var i=Math.ceil(e.playlist.length/2);return t.state={playing:!1,currentPlaylistPos:0,playingState:0,progress:0,duration:0,volume:1,shuffleState:{size:i,drawPile:[].concat(a(Array(e.playlist.length).keys())),discardPile:[]}},t}return s(n,t),u(n,[{key:"onCanPlay",value:function(){this.setState({duration:this.audioElement.duration})}},{key:"onPlay",value:function(){var e=this;this.playNext=!0,this.setState({playing:!0}),this.intervalId=setInterval(function(){e.setState({progress:e.audioElement.currentTime})},900)}},{key:"onPause",value:function(){this.setState({playing:!1}),this._clearInterval()}},{key:"onEnded",value:function(){this.playNext&&this.handleEndedProgress()}},{key:"handleEndedProgress",value:function(){switch(this.playNext=!0,this.state.playingState){case 0:this.skipToNext();break;case 1:this.setState({progress:0}),this.audioElement.currentTime=0,this.togglePlayPause();break;case 2:var e=this.state.shuffleState,t=e.drawPile.indexOf(this.state.currentPlaylistPos),n=e.drawPile,i=e.discardPile;-1!==t&&(n.splice(t,1),i.push(this.state.currentPlaylistPos));var a=Math.floor(Math.random()*e.drawPile.length),r=n.slice(a,a+1);if(this.setState({currentPlaylistPos:r[0],shuffleState:{size:e.size,drawPile:n,discardPile:i}}),i.length===e.size){var o=i.shift();n.push(o),this.setState({shuffleState:{size:e.size,drawPile:n,discardPile:i}})}this.loadSrc()}}},{key:"setVolume",value:function(e){this.audioElement.volume=e,this.setState({volume:e})}},{key:"setProgress",value:function(e){var t=e,n=this.audioElement.duration;t>n&&(t=n),this.audioElement.currentTime=t,this.setState({progress:t})}},{key:"_clearInterval",value:function(){null!==this.intervalId&&(clearInterval(this.intervalId),this.intervalId=null)}},{key:"loadSrc",value:function(){this.state.currentPlaylistPos<this.props.playlist.length&&(this.audioElement.src=this.props.playlist[this.state.currentPlaylistPos].src,this.audioElement.load(),this.playNext&&this.audioElement.play(),this.setState({progress:0}),this._clearInterval())}},{key:"togglePlayPause",value:function(){this.state.playing?this.audioElement.pause():this.audioElement.currentTime===this.audioElement.duration?this.handleEndedProgress():this.audioElement.play()}},{key:"skipToNext",value:function(){this.state.currentPlaylistPos=this.setCycleNumPos(this.state.currentPlaylistPos,1,this.props.playlist.length),this.loadSrc()}},{key:"skipToPrevious",value:function(){this.state.currentPlaylistPos=this.setCycleNumPos(this.state.currentPlaylistPos,-1,this.props.playlist.length),this.loadSrc()}},{key:"togglePlayingState",value:function(){this.setState({playingState:this.setCycleNumPos(this.state.playingState,1,3)})}},{key:"setCycleNumPos",value:function(e,t,n){var i=e+t;return i>=n&&(i-=n),i<0&&(i+=n),i}},{key:"render",value:function(){var t=l({},{name:this.props.playlist[this.state.currentPlaylistPos].name,CommentsWrapperStates:{songImageSrc:this.props.playlist[this.state.currentPlaylistPos].img,comments:this.props.fullPlayer&&this.props.comment?this.props.playlist[this.state.currentPlaylistPos].comments:null,pos:this.state.currentPlaylistPos},controlStates:{playing:this.state.playing,playingState:this.state.playingState,volume:100*this.state.volume},controlCallbacks:{setVolume:this.setVolume,togglePlayPause:this.togglePlayPause,togglePlayingState:this.togglePlayingState,skipToNext:this.skipToNext,skipToPrevious:this.skipToPrevious},timelineStates:{playing:this.state.playing,progress:this.state.progress,duration:this.state.duration},timelineCallbacks:{setProgress:this.setProgress,togglePlayPause:this.togglePlayPause},children:this.props.children},this.props);return d.default.createElement(e,t)}},{key:"playEventHandler",value:function(){this.audioElement.play()}},{key:"pauseEventHandler",value:function(){this.audioElement.pause()}},{key:"skipToNextEventHandler",value:function(){this.skipToNext()}},{key:"skipToPreviousEventHandler",value:function(){this.skipToPrevious()}},{key:"componentDidMount",value:function(){console.log(this),this.audioElement=document.createElement("audio"),this.audioElement.addEventListener("canplay",this.onCanPlay),this.audioElement.addEventListener("ended",this.onEnded),this.audioElement.addEventListener("play",this.onPlay),this.audioElement.addEventListener("pause",this.onPause),this.audioElement.addEventListener("volumechange",this.onVolumeChange),this.loadSrc(),this.setState({volume:this.audioElement.volume}),p.default.findDOMNode(this).addEventListener("audio-play",this.playEventHandler),p.default.findDOMNode(this).addEventListener("audio-pause",this.pauseEventHandler),p.default.findDOMNode(this).addEventListener("audio-skip-to-next",this.skipToNextEventHandler),p.default.findDOMNode(this).addEventListener("audio-skip-to-previous",this.skipToPreviousEventHandler)}},{key:"componentWillUnmount",value:function(){this._clearInterval(),this.audioElement.removeEventListener("canplay",this.onCanPlay),this.audioElement.removeEventListener("ended",this.onEnded),this.audioElement.removeEventListener("play",this.onPlay),this.audioElement.removeEventListener("pause",this.onPause),this.audioElement.removeEventListener("volumechange",this.onVolumeChange),this.audioElement=null,p.default.findDOMNode(this).removeEventListener("audio-play",this.playEventHandler),p.default.findDOMNode(this).removeEventListener("audio-pause",this.pauseEventHandler),p.default.findDOMNode(this).removeEventListener("audio-skip-to-next",this.skipToNextEventHandler),p.default.findDOMNode(this).removeEventListener("audio-skip-to-previous",this.skipToPreviousEventHandler)}}]),n}(d.default.Component),Object.defineProperty(t,"propTypes",{enumerable:!0,writable:!0,value:{playlist:m.default.arrayOf(m.default.shape({name:m.default.string,src:m.default.string,img:m.default.string,comments:m.default.arrayOf(m.default.shape({time:m.default.oneOfType([m.default.number,m.default.string]),content:m.default.string}))})).isRequired}}),n};t.default=v},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),u=n(0),c=i(u),d=n(1),h=i(d),p=n(24),f=i(p),m=n(17),v=(i(m),n(23)),b=i(v),y=n(3),g=i(y),w=n(9),_=i(w),x=n(5),C=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(x),k=n(11),E=i(k),P=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={progressTime:0,waveTime:0,durationTime:0,playState:!1,showMarkers:!1},n.updateProgressTime=n.updateProgressTime.bind(n),n.updateTimeWave=n.updateTimeWave.bind(n),n.durationTime=n.durationTime.bind(n),n.changeButton=n.changeButton.bind(n),n.finishedPlaying=n.finishedPlaying.bind(n),n.showMarkers=n.showMarkers.bind(n),n}return o(t,e),l(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({progressTime:e.timelineStates.progress})}},{key:"updateProgressTime",value:function(e){this.setState({progressTime:e})}},{key:"updateTimeWave",value:function(e){this.setState({waveTime:e})}},{key:"durationTime",value:function(e){this.setState({durationTime:e}),this.props.externalPlay&&this.setState({playState:!0})}},{key:"changeButton",value:function(){this.setState({playState:!this.state.playState})}},{key:"finishedPlaying",value:function(e){this.setState({playState:!e}),this.props.loop&&this.setState({playState:!0})}},{key:"showMarkers",value:function(){this.setState({showMarkers:!this.state.showMarkers})}},{key:"render",value:function(){var e=this.props,t=e.src,n=(e.showMarkers,e.markers),i=e.width,a=e.name,r=(e.comment,e.volumeOrientationDown,e.className),o=(e.onCommentSubmit,e.controlStates,e.controlCallbacks,e.timelineStates),l=e.timelineCallbacks,u=(e.buttonRecord,(g.default.mainPlayer+" "+r).trim()),d=C.PlayBtn,h=this.state.playState,p=this.state.showMarkers,m=c.default.createElement(E.default,{onClick:this.showMarkers});return h&&(d=C.PauseBtn),c.default.createElement("div",{className:u,style:{marginTop:"50px"}},c.default.createElement("div",{className:g.default.btnStack},c.default.createElement(_.default,null,c.default.createElement(d,{onClick:this.changeButton})),c.default.createElement(f.default,s({playAudio:h,updateDurationTime:this.durationTime,updateTime:this.updateTimeWave,finishedPlaying:this.finishedPlaying,src:t,loop:this.props.loop,showMarkers:p,markers:n,appWidth:i-250,updateProgressTime:this.updateProgressTime},o,l)),c.default.createElement("div",{className:g.default.timeNameContainer,style:{color:this.context.color}},c.default.createElement("div",null,this.props.markersButton?m:""),c.default.createElement("div",{className:g.default.nameContainer,title:a},a),c.default.createElement("div",{className:g.default.timeContainer},c.default.createElement(b.default,{time:this.state.waveTime}),c.default.createElement("span",null,"/"),c.default.createElement(b.default,{time:this.state.durationTime})))))}}]),t}(c.default.Component);Object.defineProperty(P,"propTypes",{enumerable:!0,writable:!0,value:{markers:h.default.object,showMarkers:h.default.bool,src:h.default.string,updateTime:h.default.string}}),P.propTypes={className:h.default.string,buttonRecord:h.default.func},P.defaultProps={className:"",buttonRecord:h.default.func},P.contextTypes={color:h.default.string},t.default=P},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=function(e){function t(){return a(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,e),s(t,[{key:"render",value:function(){var e=this.props.text,t=e.length,n=this.props.translate;return t>3&&(e=""),u.default.createElement("svg",{x:n,y:"-40",width:"29px",height:"63px",viewBox:"0 0 29 63",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink"},u.default.createElement("desc",null,"Created with Sketch."),u.default.createElement("defs",null,u.default.createElement("path",{d:"M0.5,2.22034441e-16 L27.8715047,2.22034441e-16 L27.8715047,3.33066907e-16 C28.147647,-1.67976798e-15 28.3715047,0.223857625 28.3715047,0.5 L28.3715047,28.6575595 L28.3715047,28.6575595 C28.3715047,28.9337018 28.147647,29.1575595 27.8715047,29.1575595 C27.7505276,29.1575595 27.6336532,29.1136977 27.5425465,29.034105 L14.1857523,17.3653262 L0.828958158,29.034105 L0.828958158,29.034105 C0.620997808,29.2157835 0.305133052,29.194478 0.123454478,28.9865176 C0.0438617092,28.8954109 -3.73135802e-15,28.7785365 -2.88657986e-15,28.6575595 L0,0.5 L0,0.5 C-3.38176876e-17,0.223857625 0.223857625,5.07271091e-17 0.5,0 Z",id:"path-1"})),u.default.createElement("g",{id:"Page-1",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},u.default.createElement("g",{id:"Group",transform:"translate(0.000000, 1.000000)"},u.default.createElement("path",{d:"M1,0.5 L1,60.5",id:"Line",stroke:"#F0FF36 ",strokeWidth:"2",strokeLinecap:"square"}),u.default.createElement("g",{id:"Rectangle"},u.default.createElement("use",{fill:"#F0FF36 ",fillRule:"evenodd",xlinkHref:"#path-1"}),u.default.createElement("path",{stroke:"#979797 ",strokeWidth:"0.5",d:"M0.5,0.25 C0.361928813,0.25 0.25,0.361928813 0.25,0.5 L0.25,28.6575595 C0.25,28.718048 0.271930855,28.7764852 0.311727239,28.8220385 C0.402566526,28.9260187 0.560498904,28.9366715 0.664479079,28.8458322 L14.1857523,17.033361 L27.7070256,28.8458322 C27.752579,28.8856286 27.8110162,28.9075595 27.8715047,28.9075595 C28.0095759,28.9075595 28.1215047,28.7956306 28.1215047,28.6575595 L28.1215047,0.5 C28.1215047,0.361928813 28.0095759,0.25 27.8715047,0.25 L0.5,0.25 Z"})))),u.default.createElement("text",{textAnchor:"middle",x:"14",y:"12",fontFamily:"roboto",fontSize:"11",fill:"#3B3935"},e))}}]),t}(u.default.Component);h.propTypes={translate:d.default.string.isRequired},h.contextTypes={color:d.default.string},t.default=h},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(1),s=i(o),l=function(e,t){var n=e.overflow,i=e.width,a=e.height,o=e.barHeight,s=(e.handlerWidth,e.translate),l=(e.duration,e.onMouseDown),u=e.onMouseOver,c=e.onMouseOut,d=e.children,h=t.color,p=(a-o)/2;return r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:a,viewBox:"0 0 "+i+" "+a,onMouseOver:u,onMouseOut:c,overflow:n},r.default.createElement("g",{onMouseDown:l},r.default.createElement("rect",{x:0,y:0,width:i,height:a,opacity:"0"}),r.default.createElement("rect",{x:0,y:p,width:i,height:o,fill:"#E0E0E0"}),r.default.createElement("rect",{x:0,y:p,width:s,height:o,fill:h})),d)};l.propTypes={width:s.default.number.isRequired,height:s.default.number.isRequired,barHeight:s.default.number.isRequired,translate:s.default.number.isRequired,onMouseDown:s.default.func.isRequired},l.contextTypes={color:s.default.string},t.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(3),s=i(o),l=function(e){return 0===e?"00":e>=10?""+e:"0"+e},u=function(e,t,n){var i=l(n);return 0===e?t+":"+i:e+":"+l(t)+":"+i},c=function(e){var t=e.time,n=t,i=Math.floor(n/3600);n-=3600*i;var a=Math.floor(n/60);n-=60*a;var o=Math.floor(n),l=u(i,a,o);return r.default.createElement("p",{className:s.default.time},l)};t.default=c},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=n(22),p=i(h),f=n(10),m=(i(f),n(3)),v=i(m),b=n(21),y=i(b),g=n(27),w=i(g),_=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={showHandler:!1,barWidth:e.appWidth,translate:0,duration:0},n.holding=!1,n.shouldTogglePlayPause=n.props.playing,n.changeTranslate=n.changeTranslate.bind(n),n.receiveTime=n.receiveTime.bind(n),n.durationTime=n.durationTime.bind(n),n._onMouseDownProgressBar=n._onMouseDownProgressBar.bind(n),n._onMouseOverProgressBar=n._onMouseOverProgressBar.bind(n),n._onMouseOutProgressBar=n._onMouseOutProgressBar.bind(n),n._onMouseDownProgressBarHandler=n._onMouseDownProgressBarHandler.bind(n),n._onMouseUp=n._onMouseUp.bind(n),n.finishedPlaying=n.finishedPlaying.bind(n),n.onMouseMoveFunctionRef=null,n}return o(t,e),s(t,[{key:"componentWillReceiveProps",value:function(e){if(0!==e.duration&&!this.holding){var t=this.state.barWidth/e.duration,n=e.progress*t;this.changeTranslate(n),this.shouldTogglePlayPause=e.playing}}},{key:"_onMouseOverProgressBar",value:function(){this.setState({showHandler:!0})}},{key:"_onMouseOutProgressBar",value:function(){this.setState({showHandler:!1})}},{key:"_onMouseDownProgressBar",value:function(e){e.stopPropagation(),this.shouldTogglePlayPause&&this.props.togglePlayPause();var t=e.target.parentNode.getBoundingClientRect().left,n=e.pageX-t;this.changeTranslate(n),this.holding=!0,this.onMouseMoveFunctionRef=this._onMouseMove(e.pageX,n),document.addEventListener("mousemove",this.onMouseMoveFunctionRef),document.addEventListener("mouseup",this._onMouseUp)}},{key:"_onMouseDownProgressBarHandler",value:function(e){e.stopPropagation(),this.holding=!0,this.shouldTogglePlayPause&&this.props.togglePlayPause(),this.onMouseMoveFunctionRef=this._onMouseMove(e.pageX,this.state.translate),document.addEventListener("mousemove",this.onMouseMoveFunctionRef),document.addEventListener("mouseup",this._onMouseUp)}},{key:"_onMouseMove",value:function(e,t){var n=this;return function(i){if(n.holding){var a=i.pageX-e+t;n.changeTranslate(a),n.props.updateProgressTime(n.state.translate/n.state.barWidth*n.props.duration)}}}},{key:"_onMouseUp",value:function(){var e=this;this.shouldTogglePlayPause&&this.props.playing&&setTimeout(function(){return e.props.togglePlayPause()},0),this.shouldTogglePlayPause&&!this.props.playing&&this.props.togglePlayPause(),this.holding=!1,this.props.setProgress(this.state.translate/this.state.barWidth*this.props.duration),document.removeEventListener("mousemove",this.onMouseMoveFunctionRef),document.removeEventListener("mouseup",this._onMouseUp)}},{key:"changeTranslate",value:function(e){var t=e,n=this.state.barWidth;t<0&&(t=0),t>n&&(t=n),this.setState({translate:t})}},{key:"receiveTime",value:function(e){this.props.updateTime(e)}},{key:"durationTime",value:function(e){this.props.updateDurationTime(e),this.setState({duration:e})}},{key:"finishedPlaying",value:function(e){this.props.finishedPlaying(e)}},{key:"callMarker",value:function(){var e=[],t=this.props.markers;for(var n in t){var i=t[n]/44100/this.state.duration*this.props.appWidth;e.push(u.default.createElement(y.default,{style:{overflow:"visible"},visibility:!0,translate:String(i),text:n,key:n}))}return e}},{key:"render",value:function(){var e=this.state.barWidth;return u.default.createElement("div",{style:{overflow:"visible"}},u.default.createElement("div",{style:{height:10,width:this.props.appWidth,overflow:"visible"}},u.default.createElement(p.default,{overflow:"visible",width:e,height:112,barHeight:0,handlerWidth:12,translate:this.state.translate,duration:this.props.duration,onMouseDown:this._onMouseDownProgressBar,onMouseOver:this._onMouseOverProgressBar,onMouseOut:this._onMouseOutProgressBar},this.props.showMarkers?this.callMarker():"")),u.default.createElement("div",{className:v.default.timeLine,style:{height:100,width:this.props.appWidth}},u.default.createElement(w.default,{src:this.props.src,pos:this.receiveTime,durationTime:this.durationTime,playAudio:this.props.playAudio,finishedPlaying:this.finishedPlaying,width:this.props.appWidth,loop:this.props.loop})))}}]),t}(u.default.Component);Object.defineProperty(_,"propTypes",{enumerable:!0,writable:!0,value:{appWidth:d.default.number.isRequired,duration:d.default.number.isRequired,playAudio:d.default.bool}}),t.default=_},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),r=i(a),o=n(1),s=i(o),l=function(e,t){var n=e.width,i=e.height,a=e.barWidth,o=(e.handlerWidth,e.handlerHeight),s=e.translate,l=e.onClick,u=e.children,c=t.color,d=(n-a)/2;return r.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:n,height:i,viewBox:"0 0 "+n+" "+i},r.default.createElement("g",{onClick:l},r.default.createElement("rect",{x:d,y:o/2,width:a,height:i-o,fill:c}),r.default.createElement("rect",{x:d,y:o/2,width:a,height:s,fill:"#E0E0E0"})),u)};l.propTypes={width:s.default.number.isRequired,height:s.default.number.isRequired,barWidth:s.default.number.isRequired,translate:s.default.number.isRequired,onClick:s.default.func.isRequired},l.contextTypes={color:s.default.string},t.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(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}function o(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)}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l=n(0),u=i(l),c=n(1),d=i(c),h=n(4),p=n(5),f=n(10),m=i(f),v=n(25),b=i(v),y=n(8),g=i(y),w=function(e){function t(e){a(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={mouseOverBox:!1,translate:e.volume,volume:e.volume,mutedVolume:100},n.handlerWidth=12,n.handlerHeight=12,n.svgWidth=12,n.svgHeight=72,n.volumeWidth=4,n.holding=!1,n.onClick=n.onClick.bind(n),n.onClickMute=n.onClickMute.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onMouseDragging=n.onMouseDragging.bind(n),n.onMouseOver=n.onMouseOver.bind(n),n.onMouseOut=