{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap fdbbcf96057d69eb8292","webpack:///./src/svg.js","webpack:///./src/index.js","webpack:///./src/DPlayer.js","webpack:///./src/utils.js","webpack:///./src/option.js","webpack:///./src/api.js","webpack:///./src/i18n.js","webpack:///./src/html.js","webpack:///./src/danmaku.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","svgSource","play","pause","volume-up","volume-down","volume-off","loop","full","full-in","setting","right","comment","comment-off","send","menu","camera","type","console","log","_interopRequireDefault","obj","default","_classCallCheck","instance","Constructor","TypeError","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","_utils","_utils2","_svg","_svg2","_option","_option2","_i18n","_i18n2","_html","_html2","_danmaku","_danmaku2","index","DPlayer","option","_this","element","classList","add","video","quality","qualityIndex","defaultQuality","tran","lang","updateBar","percentage","direction","bar","style","eventTypes","event","trigger","_i","danmaku","isMobile","innerHTML","main","container","getElementsByClassName","opacity","localStorage","getItem","callback","display","autoplay","error","msg","notice","apiBackend","borderColor","theme","height","arrow","time","currentTime","api","id","address","token","maximum","addition","user","offsetWidth","arrowStyle","document","createElement","head","appendChild","initVideo","bezel","addEventListener","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","playedBar","loadedBar","pbar","pbarTimeTips","barWidth","lastPlayPos","currentPlayPos","bufferingDetected","window","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","setTimeout","setCheckLoadingTime","checkLoading","setInterval","clearCheckLoadingTime","clearInterval","playedTime","animationFrame","duration","secondToTime","setTime","clearTime","e","clientWidth","clientX","getElementViewLeft","seek","parseFloat","width","isTipsShow","timeTipsHandler","bind","thumbMove","thumbUp","removeEventListener","volumeBar","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","volumeUp","muted","hideTime","hideController","clearTimeout","played","closeSetting","closeComment","settingHTML","settingIcon","settingBox","mask","original","settingEvent","openSetting","showdan","loopEle","loopToggle","checked","showDanEle","showDanToggle","show","hide","speed","speedItem","_i2","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","danmakuMove","danmakuUp","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","closeCommentSetting","toggleCommentSetting","disableHide","commentFocusTimeout","openComment","focus","querySelector","fill","value","sendComment","blur","replace","text","color","keyCode","resize","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","hotkey","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","top","offsetHeight","bottom","switchQuality","screenshot","camareIcon","canvas","videoWidth","videoHeight","getContext","drawImage","href","toDataURL","download","Math","max","min","ended","push","danmakuAPI","poster","pic","src","url","reload","_this2","exec","Hls","isSupported","hls","loadSource","attachMedia","flvjs","flvPlayer","createPlayer","attachMediaElement","load","buffered","end","danIndex","parseInt","_this3","switchingQuality","videoHTML","videoEle","DOMParser","parseFromString","body","firstChild","parent","insertBefore","getElementsByTagName","prevVideo","removeChild","timeTips","_this4","cumulativeOffset","offsetTop","offsetLeft","offsetParent","px","tx","innerText","noticeEle","noticeTime","second","add0","num","sec","actualLeft","current","elementScrollLeft","scrollLeft","documentElement","test","navigator","userAgent","defaultApiBackend","defaultOption","language","indexOf","preload","contextmenu","link","defaultKey","toString","SendXMLHttpRequest","data","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","status","response","JSON","parse","responseText","code","open","stringify","endpoint","danmakuData","alert","read","tranZH","Danmaku is loading","Top","Bottom","Rolling","Input danmaku, hit Enter","About author","DPlayer feedback","About DPlayer","Loop","Speed","Opacity for danmaku","Normal","Please input danmaku content!","Set danmaku color","Set danmaku type","Danmaku","This video fails to load","Switching to","Switched to","svg","html","videos","logo","qualityList","contextmenuList","result","_typeof","Symbol","iterator","constructor","options","danTunnel","dan","showing","_opacity","apiurl","endpoints","slice","_readAllEndpoints","results","concat","apply","sort","a","b","frame","newAPI","clear","readCount","err","player","author","splice","htmlEncode","border","draw","item","undefined","items","setItem","itemHeight","danWidth","danHeight","itemY","danItemRight","ele","eleWidth","eleRight","danSpeed","getTunnel","tmp","_ret","v","j","danRight","docFragment","createDocumentFragment","itemWidth","_measure","transform","context","measureStyle","getComputedStyle","font","getPropertyValue","measureText","str"],"mappings":"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","file":"DPlayer.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nconsole.log('\\n' + ' %c DPlayer ' + \"1.6.0\" + ' %c http://dplayer.js.org ' + '\\n' + '\\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = __webpack_require__(2);\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\n__webpack_require__(3);\nvar _utils = __webpack_require__(4);\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = __webpack_require__(0);\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = __webpack_require__(5);\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = __webpack_require__(7);\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = __webpack_require__(8);\nvar _html2 = _interopRequireDefault(_html);\nvar _danmaku = __webpack_require__(9);\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        if (this.option.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.element.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: localStorage.getItem('danmaku-opacity') || 0.7,\n                callback: function callback() {\n                    _this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.option.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.option.apiBackend,\n                borderColor: this.option.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                api: {\n                    id: this.option.danmaku.id,\n                    address: this.option.danmaku.api,\n                    token: this.option.danmaku.token,\n                    maximum: this.option.danmaku.maximum,\n                    addition: this.option.danmaku.addition,\n                    user: this.option.danmaku.user\n                }\n            });\n        }\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.playedTime = false;\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        this.hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(_this.hideTime);\n                _this.hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (!_this.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i2) {\n                    speedItem[_i2].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i2].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i2 = 0; _i2 < speedItem.length; _i2++) {\n                    _loop(_i2);\n                }\n            });\n            if (_this.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danmaku.opacity(), 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.danmaku.opacity(percentage);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.danmaku.opacity(percentage);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        if (!this.danmaku) {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(_this.hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            _this.danmaku.send({\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            }, function () {\n                commentInput.value = '';\n                closeComment();\n            });\n        };\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        this.element.addEventListener('fullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                if (_this.danmaku) {\n                    _this.danmaku.resize();\n                }\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    if (_this.danmaku) {\n                        _this.danmaku.resize();\n                    }\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.play();\n                }\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmakuAPI) {\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this2 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this2.video.duration !== 1) {\n                        _this2.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this2.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this2.video.buffered.length ? _this2.video.buffered.end(_this2.video.buffered.length - 1) / _this2.video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                    _this2.trigger && _this2.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this2.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                        _this2.trigger('ended');\n                    } else {\n                        _this2.seek(0);\n                        _this2.video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this4 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this4.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this4.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this4.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this4.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this4.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.element.innerHTML = '';\n                for (var key in this) {\n                    if (this.hasOwnProperty(key) && key !== 'paused') {\n                        delete this[key];\n                    }\n                }\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar defaultApiBackend = __webpack_require__(6);\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svg = __webpack_require__(0);\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    localStorage.setItem('danmaku-opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    switch (dan[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, dan[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, dan[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, dan[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: function htmlEncode(str) {\n                return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// DPlayer.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap fdbbcf96057d69eb8292","'use strict';\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/svg.js\n// module id = 0\n// module chunks = 0","'use strict';\nconsole.log('\\n' + ' %c DPlayer ' + DPLAYER_VERSION + ' %c http://dplayer.js.org ' + '\\n' + '\\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = require('./DPlayer');\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/index.js\n// module id = 1\n// module chunks = 0","'use strict';\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\nrequire('./DPlayer.scss');\nvar _utils = require('./utils');\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = require('./svg');\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = require('./option');\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = require('./i18n');\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = require('./html');\nvar _html2 = _interopRequireDefault(_html);\nvar _danmaku = require('./danmaku');\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        if (this.option.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.element.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: localStorage.getItem('danmaku-opacity') || 0.7,\n                callback: function callback() {\n                    _this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.option.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.option.apiBackend,\n                borderColor: this.option.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                api: {\n                    id: this.option.danmaku.id,\n                    address: this.option.danmaku.api,\n                    token: this.option.danmaku.token,\n                    maximum: this.option.danmaku.maximum,\n                    addition: this.option.danmaku.addition,\n                    user: this.option.danmaku.user\n                }\n            });\n        }\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.playedTime = false;\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        this.hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(_this.hideTime);\n                _this.hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (!_this.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i2) {\n                    speedItem[_i2].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i2].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i2 = 0; _i2 < speedItem.length; _i2++) {\n                    _loop(_i2);\n                }\n            });\n            if (_this.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danmaku.opacity(), 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.danmaku.opacity(percentage);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.danmaku.opacity(percentage);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        if (!this.danmaku) {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(_this.hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            _this.danmaku.send({\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            }, function () {\n                commentInput.value = '';\n                closeComment();\n            });\n        };\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        this.element.addEventListener('fullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            if (_this.danmaku) {\n                _this.danmaku.resize();\n            }\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                if (_this.danmaku) {\n                    _this.danmaku.resize();\n                }\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    if (_this.danmaku) {\n                        _this.danmaku.resize();\n                    }\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.play();\n                }\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmakuAPI) {\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this2 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this2.video.duration !== 1) {\n                        _this2.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this2.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this2.video.buffered.length ? _this2.video.buffered.end(_this2.video.buffered.length - 1) / _this2.video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                    _this2.trigger && _this2.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this2.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                        _this2.trigger('ended');\n                    } else {\n                        _this2.seek(0);\n                        _this2.video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this4 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this4.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this4.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this4.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this4.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this4.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.element.innerHTML = '';\n                for (var key in this) {\n                    if (this.hasOwnProperty(key) && key !== 'paused') {\n                        delete this[key];\n                    }\n                }\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/DPlayer.js\n// module id = 2\n// module chunks = 0","'use strict';\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/utils.js\n// module id = 4\n// module chunks = 0","'use strict';\nvar defaultApiBackend = require('./api.js');\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/option.js\n// module id = 5\n// module chunks = 0","'use strict';\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/api.js\n// module id = 6\n// module chunks = 0","'use strict';\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/i18n.js\n// module id = 7\n// module chunks = 0","'use strict';\nvar svg = require('./svg.js');\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/html.js\n// module id = 8\n// module chunks = 0","'use strict';\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    localStorage.setItem('danmaku-opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    switch (dan[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, dan[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, dan[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, dan[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: function htmlEncode(str) {\n                return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/danmaku.js\n// module id = 9\n// module chunks = 0"],"sourceRoot":""}