`;\n\nconst messageLandscape = () =>{\n $('body').append(template);\n};\n\nexport default messageLandscape","/**\n * 문자 앞 뒤 공백 제거\n * @param str\n * @returns {string|XML}\n */\nconst trim = (str) =>{\n if(String.prototype.trim) {\n return str.trim();\n }\n\n return str.replace(/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g, '');\n};\n\nexport default trim;","/**\n * 브라우저 쿠키 추출\n * @param key\n * @returns {*}\n */\nconst getCookie = (key) =>{\n if(!document.cookie) {\n return false;\n }\n\n let cookies = document.cookie.replace(/\\s+/gi, '').split(\";\");\n\n for(let i = 0, compare, length = cookies.length; i < length; i++) {\n compare = cookies[i].split(\"=\");\n if(key === compare[0]) {\n return compare [1];\n }\n }\n};\n\nexport default getCookie;","/**\n * 브라우저 쿠키 설정\n * @param key\n * @param value\n * @param expires ( Number:1~365, String: '2017/12/23 23:59:59', Object:{'day': 1, 'hour': 23, 'min': 59, 'sec': 59} )\n */\nconst setCookie = (key, value, expires = 1) =>{\n let now = new Date();\n\n switch(typeof expires) {\n case 'number':\n now.setDate(now.getDate() + expires);\n break;\n\n case 'string':\n let end = new Date(expires) - now;\n now.setDate(now.getDate() + Math.floor(( end / (1000 * 60 * 60 * 24))));\n now.setHours(now.getHours() + Math.floor(( end % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)));\n now.setMinutes(now.getMinutes() + Math.floor(( end % (1000 * 60 * 60)) / (1000 * 60)));\n now.setSeconds(now.getSeconds() + Math.floor(( end % (1000 * 60)) / 1000));\n break;\n\n case 'object':\n now.setDate(now.getDate() + expires.day);\n now.setHours(now.getHours() + expires.hour);\n now.setMinutes(now.getMinutes() + expires.min);\n now.setSeconds(now.getSeconds() + expires.sec);\n break;\n }\n\n document.cookie = key + '=' + value + ';path=/;' + 'domain=' + document.domain.substring(document.domain.indexOf(\".plaync\") + 1) + ';expires=' + now.toUTCString();\n};\n\nexport default setCookie;","import trim from '../util/trim';\nimport getcookie from './getcookie';\nimport setcookie from './setcookie';\nimport delcookie from './delcookie';\n\n$(document).on('click.promo.cookie', '[data-cookie]', function(e) {\n e.preventDefault();\n\n setcookie($(this).attr('data-cookie').split(',')[0], $(this).attr('data-cookie').split(',')[1], !!$(this).attr('data-cookie').split(',')[2] ? Number($(this).attr('data-cookie').split(',')[2]) : 1);\n\n if ($(this).attr('data-redirect')) {\n document.location.href = $(this).attr('data-redirect');\n }\n});\n\nexport default {\n getcookie,\n setcookie,\n delcookie\n};\n","import setcookie from './setcookie';\n\n/**\n * 브라우저 쿠키 삭제\n * @param key\n */\nconst delCookie = (key) =>{\n if(!document.cookie) {\n return;\n }\n\n setcookie(key, null, -1);\n};\n\nexport default delCookie;","window.requestAnimationFrame = window.requestAnimationFrame\n || window.mozRequestAnimationFrame\n || window.webkitRequestAnimationFrame\n || window.msRequestAnimationFrame\n || function(f){\n return setTimeout(f, 1000 / 60)\n };\n\nwindow.cancelAnimationFrame = window.cancelAnimationFrame\n || window.mozCancelAnimationFrame\n || function(requestID){\n clearTimeout(requestID)\n };\n\nclass AnimationFrame {\n constructor(animate, fps = 60){\n this.requestID = 0;\n this.fps = fps;\n this.animate = animate;\n }\n\n start(){\n let now;\n let delta;\n let loop;\n let then = Date.now();\n\n const interval = 1000 / this.fps;\n\n if(this.fps < 60) {\n loop = () =>{\n this.requestID = requestAnimationFrame(loop);\n now = Date.now();\n delta = now - then;\n if(delta > interval) {\n then = now - (delta % interval);\n this.animate();\n }\n };\n } else {\n loop = () =>{\n this.requestID = requestAnimationFrame(loop);\n this.animate();\n };\n }\n\n this.requestID = requestAnimationFrame(loop);\n }\n\n stop(){\n cancelAnimationFrame(this.requestID);\n }\n}\n\nexport default AnimationFrame;","class YoutubePlayer {\n constructor(props, template) {\n this.context = props.context;\n this.context.append(template);\n\n this.context.find('.player__context').attr('id', props.config.playerId);\n props.config.hideLoading || props.context.find('.player__loading-spinner').addClass('player__loading-spinner--show');\n\n this.source = new window.YT.Player(props.config.playerId, {\n width: '100%',\n height: '100%',\n videoId: props.config.videoId,\n playerVars: {\n modestbranding: 1,\n rel: 0,\n showinfo: 0,\n controls: 0,\n playsinline: 1,\n autoplay: props.config.autoPlay === true ? 1 : 0,\n loop: props.config.loop === true ? 1 : 0,\n playlist: props.config.loop === true ? props.config.videoId : '',\n },\n });\n\n this.oldEvent = -1;\n this.source.addEventListener('onReady', () => this._handleReady());\n }\n\n _setEvent() {\n const Event = {\n 0: 'end',\n 1: 'play',\n 2: 'pause'\n };\n\n this.source.addEventListener('onStateChange', e => {\n if (e.data === 3 || e.data === this.oldEvent) {\n return;\n }\n\n this.oldEvent = e.data;\n\n let eventName = Event[`${e.data}`];\n eventName && this.context.trigger(eventName);\n });\n }\n\n _handleReady() {\n this.context.trigger('canplay');\n this._setEvent();\n }\n\n play() {\n this.source.playVideo();\n }\n\n stop() {\n this.source.stopVideo();\n }\n\n pause() {\n this.source.pauseVideo();\n }\n\n mute() {\n this.source.mute();\n }\n\n unMute() {\n this.source.unMute();\n }\n\n seek(t) {\n this.source.seekTo(t);\n }\n\n getDuration() {\n return this.source.getDuration();\n }\n\n getCurrent() {\n return this.source.getCurrentTime();\n }\n}\n\nexport default YoutubePlayer;","class VideoPlayer {\n constructor(props, template) {\n this.context = props.context;\n this.context.append(template);\n\n props.config.hideLoading || props.context.find('.player__loading-spinner').addClass('player__loading-spinner--show');\n\n this.source = this.context.find(`#${props.config.playerId}`)[0];\n\n $(this.source).on('canplaythrough', () => this._handleReady());\n\n this.source.load();\n }\n\n _setEvent() {\n $(this.source).on('ended', () => {\n this.context.trigger('end');\n });\n\n $(this.source).on('play', () => {\n this.context.trigger('play');\n });\n\n $(this.source).on('timeupdate', () => {\n this.context.trigger('timeupdate');\n });\n\n $(this.source).on('pause', () => {\n this.context.trigger('pause');\n });\n\n $(this.source).on('durationchange', () => {\n this.context.trigger('durationchange');\n });\n }\n\n _handleReady() {\n $(this.source).off('canplaythrough');\n this.context.trigger('canplay');\n this._setEvent();\n }\n\n play() {\n this.source.play();\n }\n\n stop() {\n this.source.pause();\n this.source.currentTime = 0;\n this.context.trigger('stop');\n }\n\n pause() {\n this.source.pause();\n }\n\n mute() {\n this.source.muted = true;\n }\n\n unMute() {\n this.source.muted = false;\n }\n\n seek(t) {\n this.source.currentTime = t;\n }\n\n getDuration() {\n return this.source.duration;\n }\n\n getCurrent() {\n return this.source.currentTime;\n }\n}\n\nexport default VideoPlayer;","// (c) Dean McNamee , 2013.\n//\n// https://github.com/deanm/omggif\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n// IN THE SOFTWARE.\n//\n// omggif is a JavaScript implementation of a GIF 89a encoder and decoder,\n// including animation and compression. It does not rely on any specific\n// underlying system, so should run in the browser, Node, or Plask.\n\nexport function GifReader(buf){\n var p = 0;\n\n // - Header (GIF87a or GIF89a).\n if(buf[p++] !== 0x47 || buf[p++] !== 0x49 || buf[p++] !== 0x46 ||\n buf[p++] !== 0x38 || (buf[p++] + 1 & 0xfd) !== 0x38 || buf[p++] !== 0x61) {\n throw \"Invalid GIF 87a/89a header.\";\n }\n\n // - Logical Screen Descriptor.\n var width = buf[p++] | buf[p++] << 8;\n var height = buf[p++] | buf[p++] << 8;\n var pf0 = buf[p++]; // .\n var global_palette_flag = pf0 >> 7;\n var num_global_colors_pow2 = pf0 & 0x7;\n var num_global_colors = 1 << (num_global_colors_pow2 + 1);\n var background = buf[p++];\n buf[p++]; // Pixel aspect ratio (unused?).\n\n var global_palette_offset = null;\n\n if(global_palette_flag) {\n global_palette_offset = p;\n p += num_global_colors * 3; // Seek past palette.\n }\n\n var no_eof = true;\n\n var frames = [];\n\n var delay = 0;\n var transparent_index = null;\n var disposal = 0; // 0 - No disposal specified.\n var loop_count = null;\n\n this.width = width;\n this.height = height;\n\n while(no_eof && p < buf.length) {\n switch(buf[p++]) {\n case 0x21: // Graphics Control Extension Block\n switch(buf[p++]) {\n case 0xff: // Application specific block\n // Try if it's a Netscape block (with animation loop counter).\n if(buf[p] !== 0x0b || // 21 FF already read, check block size.\n // NETSCAPE2.0\n buf[p + 1] == 0x4e && buf[p + 2] == 0x45 && buf[p + 3] == 0x54 &&\n buf[p + 4] == 0x53 && buf[p + 5] == 0x43 && buf[p + 6] == 0x41 &&\n buf[p + 7] == 0x50 && buf[p + 8] == 0x45 && buf[p + 9] == 0x32 &&\n buf[p + 10] == 0x2e && buf[p + 11] == 0x30 &&\n // Sub-block\n buf[p + 12] == 0x03 && buf[p + 13] == 0x01 && buf[p + 16] == 0) {\n p += 14;\n loop_count = buf[p++] | buf[p++] << 8;\n p++; // Skip terminator.\n } else { // We don't know what it is, just try to get past it.\n p += 12;\n while(true) { // Seek through subblocks.\n var block_size = buf[p++];\n if(block_size === 0) break;\n p += block_size;\n }\n }\n break;\n\n case 0xf9: // Graphics Control Extension\n if(buf[p++] !== 0x4 || buf[p + 4] !== 0)\n throw \"Invalid graphics extension block.\";\n var pf1 = buf[p++];\n delay = buf[p++] | buf[p++] << 8;\n transparent_index = buf[p++];\n if((pf1 & 1) === 0) transparent_index = null;\n disposal = pf1 >> 2 & 0x7;\n p++; // Skip terminator.\n break;\n\n case 0xfe: // Comment Extension.\n while(true) { // Seek through subblocks.\n var block_size = buf[p++];\n if(block_size === 0) break;\n // console.log(buf.slice(p, p+block_size).toString('ascii'));\n p += block_size;\n }\n break;\n\n default:\n throw \"Unknown graphic control label: 0x\" + buf[p - 1].toString(16);\n }\n break;\n\n case 0x2c: // Image Descriptor.\n var x = buf[p++] | buf[p++] << 8;\n var y = buf[p++] | buf[p++] << 8;\n var w = buf[p++] | buf[p++] << 8;\n var h = buf[p++] | buf[p++] << 8;\n var pf2 = buf[p++];\n var local_palette_flag = pf2 >> 7;\n var interlace_flag = pf2 >> 6 & 1;\n var num_local_colors_pow2 = pf2 & 0x7;\n var num_local_colors = 1 << (num_local_colors_pow2 + 1);\n var palette_offset = global_palette_offset;\n var has_local_palette = false;\n if(local_palette_flag) {\n var has_local_palette = true;\n palette_offset = p; // Override with local palette.\n p += num_local_colors * 3; // Seek past palette.\n }\n\n var data_offset = p;\n\n p++; // codesize\n while(true) {\n var block_size = buf[p++];\n if(block_size === 0) break;\n p += block_size;\n }\n\n frames.push({\n x: x, y: y, width: w, height: h,\n has_local_palette: has_local_palette,\n palette_offset: palette_offset,\n data_offset: data_offset,\n data_length: p - data_offset,\n transparent_index: transparent_index,\n interlaced: !!interlace_flag,\n delay: delay,\n disposal: disposal\n });\n break;\n\n case 0x3b: // Trailer Marker (end of file).\n no_eof = false;\n break;\n\n default:\n throw \"Unknown gif block: 0x\" + buf[p - 1].toString(16);\n }\n }\n\n this.numFrames = function(){\n return frames.length;\n };\n\n this.loopCount = function(){\n return loop_count;\n };\n\n this.frameInfo = function(frame_num){\n if(frame_num < 0 || frame_num >= frames.length)\n throw \"Frame index out of range.\";\n return frames[frame_num];\n };\n\n this.decodeAndBlitFrameRGBA = function(frame_num, pixels){\n var frame = this.frameInfo(frame_num);\n var num_pixels = frame.width * frame.height;\n var index_stream = new Uint8Array(num_pixels); // At most 8-bit indices.\n GifReaderLZWOutputIndexStream(\n buf, frame.data_offset, index_stream, num_pixels);\n var palette_offset = frame.palette_offset;\n\n // NOTE(deanm): It seems to be much faster to compare index to 256 than\n // to === null. Not sure why, but CompareStub_EQ_STRICT shows up high in\n // the profile, not sure if it's related to using a Uint8Array.\n var trans = frame.transparent_index;\n if(trans === null) trans = 256;\n\n // We are possibly just blitting to a portion of the entire frame.\n // That is a subrect within the framerect, so the additional pixels\n // must be skipped over after we finished a scanline.\n var framewidth = frame.width;\n var framestride = width - framewidth;\n var xleft = framewidth; // Number of subrect pixels left in scanline.\n\n // Output indicies of the top left and bottom right corners of the subrect.\n var opbeg = ((frame.y * width) + frame.x) * 4;\n var opend = ((frame.y + frame.height) * width + frame.x) * 4;\n var op = opbeg;\n\n var scanstride = framestride * 4;\n\n // Use scanstride to skip past the rows when interlacing. This is skipping\n // 7 rows for the first two passes, then 3 then 1.\n if(frame.interlaced === true) {\n scanstride += width * 4 * 7; // Pass 1.\n }\n\n var interlaceskip = 8; // Tracking the row interval in the current pass.\n\n for(var i = 0, il = index_stream.length; i < il; ++i) {\n var index = index_stream[i];\n\n if(xleft === 0) { // Beginning of new scan line\n op += scanstride;\n xleft = framewidth;\n if(op >= opend) { // Catch the wrap to switch passes when interlacing.\n scanstride = framestride * 4 + width * 4 * (interlaceskip - 1);\n // interlaceskip / 2 * 4 is interlaceskip << 1.\n op = opbeg + (framewidth + framestride) * (interlaceskip << 1);\n interlaceskip >>= 1;\n }\n }\n\n if(index === trans) {\n op += 4;\n } else {\n var r = buf[palette_offset + index * 3];\n var g = buf[palette_offset + index * 3 + 1];\n var b = buf[palette_offset + index * 3 + 2];\n pixels[op++] = r;\n pixels[op++] = g;\n pixels[op++] = b;\n pixels[op++] = 255;\n }\n --xleft;\n }\n };\n}\n\nfunction GifReaderLZWOutputIndexStream(code_stream, p, output, output_length){\n var min_code_size = code_stream[p++];\n\n var clear_code = 1 << min_code_size;\n var eoi_code = clear_code + 1;\n var next_code = eoi_code + 1;\n\n var cur_code_size = min_code_size + 1; // Number of bits per code.\n // NOTE: This shares the same name as the encoder, but has a different\n // meaning here. Here this masks each code coming from the code stream.\n var code_mask = (1 << cur_code_size) - 1;\n var cur_shift = 0;\n var cur = 0;\n\n var op = 0; // Output pointer.\n\n var subblock_size = code_stream[p++];\n\n // TODO(deanm): Would using a TypedArray be any faster? At least it would\n // solve the fast mode / backing store uncertainty.\n // var code_table = Array(4096);\n var code_table = new Int32Array(4096); // Can be signed, we only use 20 bits.\n\n var prev_code = null; // Track code-1.\n\n while(true) {\n // Read up to two bytes, making sure we always 12-bits for max sized code.\n while(cur_shift < 16) {\n if(subblock_size === 0) break; // No more data to be read.\n\n cur |= code_stream[p++] << cur_shift;\n cur_shift += 8;\n\n if(subblock_size === 1) { // Never let it get to 0 to hold logic above.\n subblock_size = code_stream[p++]; // Next subblock.\n } else {\n --subblock_size;\n }\n }\n\n // TODO(deanm): We should never really get here, we should have received\n // and EOI.\n if(cur_shift < cur_code_size)\n break;\n\n var code = cur & code_mask;\n cur >>= cur_code_size;\n cur_shift -= cur_code_size;\n\n // TODO(deanm): Maybe should check that the first code was a clear code,\n // at least this is what you're supposed to do. But actually our encoder\n // now doesn't emit a clear code first anyway.\n if(code === clear_code) {\n // We don't actually have to clear the table. This could be a good idea\n // for greater error checking, but we don't really do any anyway. We\n // will just track it with next_code and overwrite old entries.\n\n next_code = eoi_code + 1;\n cur_code_size = min_code_size + 1;\n code_mask = (1 << cur_code_size) - 1;\n\n // Don't update prev_code ?\n prev_code = null;\n continue;\n } else if(code === eoi_code) {\n break;\n }\n\n // We have a similar situation as the decoder, where we want to store\n // variable length entries (code table entries), but we want to do in a\n // faster manner than an array of arrays. The code below stores sort of a\n // linked list within the code table, and then \"chases\" through it to\n // construct the dictionary entries. When a new entry is created, just the\n // last byte is stored, and the rest (prefix) of the entry is only\n // referenced by its table entry. Then the code chases through the\n // prefixes until it reaches a single byte code. We have to chase twice,\n // first to compute the length, and then to actually copy the data to the\n // output (backwards, since we know the length). The alternative would be\n // storing something in an intermediate stack, but that doesn't make any\n // more sense. I implemented an approach where it also stored the length\n // in the code table, although it's a bit tricky because you run out of\n // bits (12 + 12 + 8), but I didn't measure much improvements (the table\n // entries are generally not the long). Even when I created benchmarks for\n // very long table entries the complexity did not seem worth it.\n // The code table stores the prefix entry in 12 bits and then the suffix\n // byte in 8 bits, so each entry is 20 bits.\n\n var chase_code = code < next_code ? code : prev_code;\n\n // Chase what we will output, either {CODE} or {CODE-1}.\n var chase_length = 0;\n var chase = chase_code;\n while(chase > clear_code) {\n chase = code_table[chase] >> 8;\n ++chase_length;\n }\n\n var k = chase;\n\n var op_end = op + chase_length + (chase_code !== code ? 1 : 0);\n if(op_end > output_length) {\n console.log(\"Warning, gif stream longer than expected.\");\n return;\n }\n\n // Already have the first byte from the chase, might as well write it fast.\n output[op++] = k;\n\n op += chase_length;\n var b = op; // Track pointer, writing backwards.\n\n if(chase_code !== code) // The case of emitting {CODE-1} + k.\n output[op++] = k;\n\n chase = chase_code;\n while(chase_length--) {\n chase = code_table[chase];\n output[--b] = chase & 0xff; // Write backwards.\n chase >>= 8; // Pull down to the prefix code.\n }\n\n if(prev_code !== null && next_code < 4096) {\n code_table[next_code++] = prev_code << 8 | k;\n // TODO(deanm): Figure out this clearing vs code growth logic better. I\n // have an feeling that it should just happen somewhere else, for now it\n // is awkward between when we grow past the max and then hit a clear code.\n // For now just check if we hit the max 12-bits (then a clear code should\n // follow, also of course encoded in 12-bits).\n if(next_code >= code_mask + 1 && cur_code_size < 12) {\n ++cur_code_size;\n code_mask = code_mask << 1 | 1;\n }\n }\n\n prev_code = code;\n }\n\n if(op !== output_length) {\n console.log(\"Warning, gif stream shorter than expected.\");\n }\n\n return output;\n}","import {GifReader} from './util/gif-reader';\nimport AnimationFrame from '../../util/animationFrame';\n\nclass GifPlayer {\n constructor(props, template) {\n this.context = props.context;\n this.context.append(template);\n\n props.config.hideLoading || props.context.find('.player__loading-spinner').addClass('player__loading-spinner--show');\n\n this.screen = this.context.find(`#${props.config.playerId}`);\n\n this.context.find('.player__context').append(this.screen);\n this.cxt = this.screen[0].getContext('2d');\n this.source = {\n videoWidth: 0,\n videoHeight: 0,\n };\n this.state = {\n fps: props.config.gifFps || 20,\n frames: [],\n animationFrame: {},\n isPlay: false,\n nowFrame: 0,\n totalFrame: 0,\n };\n this.loadGIF(props.config.videoId);\n }\n\n loadGIF(src) {\n let oReq = new XMLHttpRequest();\n oReq.open('GET', src, true);\n oReq.responseType = 'arraybuffer';\n oReq.onload = () => {\n let arrayBuffer = oReq.response;\n if (arrayBuffer) {\n this._handleReady(new GifReader(new Uint8Array(arrayBuffer)));\n }\n };\n oReq.send(null);\n }\n\n _decode(source, i) {\n let info = source.frameInfo(i);\n\n let imageData = this.cxt.createImageData(info.width, info.height);\n\n source.decodeAndBlitFrameRGBA(i, imageData.data);\n\n return imageData;\n }\n\n _handleReady(source) {\n this.gif = source;\n let sourceInfo = source.frameInfo(0);\n this.state.totalFrame = source.numFrames();\n this.source.videoWidth = sourceInfo.width;\n this.source.videoHeight = sourceInfo.height;\n\n $(this.screen).attr({\n 'width': sourceInfo.width,\n 'height': sourceInfo.height,\n });\n\n this.state.frames[0] = this._decode(source, 0);\n this.cxt.putImageData(this.state.frames[0], 0, 0);\n\n this.context.trigger('canplay');\n }\n\n _render(q) {\n this.state.frames[q] = this.state.frames[q] || this._decode(this.gif, q);\n this.cxt.clearRect(0, 0, this.source.videoWidth, this.source.videoHeight);\n this.cxt.putImageData(this.state.frames[q], 0, 0);\n this.state.nowFrame = q + 1;\n }\n\n play(to) {\n if (this.state.isPlay) return;\n this.state.isPlay = true;\n to > -1 && this.seek(to);\n\n if (this.state.nowFrame >= this.state.totalFrame) {\n this.state.nowFrame = 0;\n }\n\n this.context.trigger(`play`);\n\n this.state.animationFrame = new AnimationFrame(() => {\n if (this.state.nowFrame >= this.state.totalFrame) {\n this.state.isPlay = false;\n this.state.animationFrame.stop();\n this.context.trigger(`end`);\n return;\n }\n this._render(this.state.nowFrame);\n }, this.state.fps);\n this.state.animationFrame.start();\n }\n\n stop() {\n this.context.trigger(`stop`);\n this.state.isPlay = false;\n this.state.animationFrame && this.state.animationFrame.stop();\n this._render(0);\n }\n\n pause() {\n this.state.isPlay = false;\n this.state.animationFrame && this.state.animationFrame.stop();\n this.context.trigger(`pause`);\n }\n\n mute() {\n\n }\n\n unMute() {\n\n }\n\n seek(to) {\n this.state.nowFrame = Math.floor(to);\n this._render(this.state.nowFrame);\n this.context.trigger(`seek`);\n }\n\n getDuration() {\n return this.state.totalFrame;\n }\n\n getCurrent() {\n return this.state.nowFrame;\n }\n}\n\nexport default GifPlayer;","const getTemplate = (options) => {\n let controls = options.controls ?\n `