'+s+(e.logo?'
':"")+'
'+(e.danmaku?''+n("Danmaku is loading")+"":"")+'
'+i.contextmenuList(e.contextmenu)+''},contextmenuList:function(e){for(var t='";return t+=""},qualityList:function(e){for(var t='
',n=0;n'+e[n].name+"
";return t+=""},video:function(e,t,n,a,i){return''},setting:function(e){return{original:''+e("Speed")+'
'+a("right")+'
'+e("Loop")+'
'+e("Danmaku")+'
'+e("Opacity for danmaku")+'
',speed:'0.5
0.75
'+e("Normal")+'
1.25
1.5
2
'}}};e.exports=i}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("DPlayer",[],t):"object"==typeof exports?exports.DPlayer=t():e.DPlayer=t()}(this,function(){return function(e){function t(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return e[a].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=1)}([function(e,t,n){"use strict";var a={play:["0 0 16 32","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"],pause:["0 0 17 32","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"],"volume-up":["0 0 21 32","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"],"volume-down":["0 0 21 32","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"],"volume-off":["0 0 21 32","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"],loop:["0 0 32 32","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"],full:["0 0 32 33","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"],"full-in":["0 0 32 33","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"],setting:["0 0 32 28","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"],right:["0 0 32 32","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"],comment:["0 0 32 32","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"],"comment-off":["0 0 32 32","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"],send:["0 0 32 32","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"],menu:["0 0 22 32","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"],camera:["0 0 32 32","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"]};e.exports=function(e){return'\n'}},function(e,t,n){"use strict";console.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;"),e.exports=n(2)},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var n=0;n'+s+(e.logo?'':"")+'
'+(e.danmaku?''+n("Danmaku is loading")+"":"")+'
'+i.contextmenuList(e.contextmenu)+''},contextmenuList:function(e){for(var t='";return t+=""},qualityList:function(e){for(var t='
',n=0;n'+e[n].name+"
";return t+=""},video:function(e,t,n,a,i){return''},setting:function(e){return{original:''+e("Speed")+'
'+a("right")+'
'+e("Loop")+'
'+e("Danmaku")+'
'+e("Opacity for danmaku")+'
',speed:'0.5
0.75
'+e("Normal")+'
1.25
1.5
2
'}}};e.exports=i},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=function(){function e(e,t){for(var n=0;n' + videos + '' + (option.logo ? '![](\"')
' : '') + '
' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '
' + html.contextmenuList(option.contextmenu) + '';\n },\n contextmenuList: function contextmenuList(contextmenu) {\n var result = '';\n return result;\n },\n qualityList: function qualityList(quality) {\n var result = '
';\n for (var i = 0; i < quality.length; i++) {\n result += '
';\n return result;\n },\n video: function video(current, pic, screenshot, preload, url) {\n return '';\n },\n setting: function setting(tran) {\n return {\n 'original': '' + quality[i].name + '
';\n }\n result += '' + tran('Speed') + '
' + svg('right') + '
' + tran('Loop') + '
' + tran('Danmaku') + '
' + tran('Opacity for danmaku') + '
',\n 'speed': '0.5
0.75
' + tran('Normal') + '
1.25
1.5
2
'\n };\n }\n};\nmodule.exports = html;\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 a4607425aa653bdd35f6","'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 '\\n';\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/svg.js\n// module id = 0\n// module chunks = 0","'use strict';\nconsole.log('%c DPlayer ' + DPLAYER_VERSION + ' %c http://dplayer.js.org ', '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 _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}();\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);\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 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 this.danmakuTime = false;\n this.playedTime = 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.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 if (_this.danmakuTime && _this.option.danmaku && showdan && _this.dan) {\n var item = _this.dan[_this.danIndex];\n var danmakus = [];\n while (item && _this.video.currentTime > parseFloat(item.time)) {\n danmakus.push(item);\n item = _this.dan[++_this.danIndex];\n }\n _this.pushDanmaku(danmakus);\n }\n _this.requestID = window.requestAnimationFrame(_this.animationFrame);\n };\n this.requestID = window.requestAnimationFrame(this.animationFrame);\n this.setTime = function (type) {\n if (!type) {\n _this.danmakuTime = true;\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.danmakuTime = false;\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 this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\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 danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\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.option.danmaku) {\n for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n if (_this.dan[_i2].time >= _this.video.currentTime) {\n _this.danIndex = _i2;\n break;\n }\n _this.danIndex = _this.dan.length;\n }\n if (!_this.paused) {\n _this.setTime('danmaku');\n }\n }\n } else {\n showdan = false;\n if (_this.option.danmaku) {\n _this.clearTime('danmaku');\n danContainer.innerHTML = '';\n _this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n }\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(_i3) {\n speedItem[_i3].addEventListener('click', function () {\n _this.video.playbackRate = speedItem[_i3].dataset.speed;\n closeSetting();\n });\n };\n for (var _i3 = 0; _i3 < speedItem.length; _i3++) {\n _loop(_i3);\n }\n });\n if (_this.option.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.danOpacity, '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 var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n for (var _i4 = 0; _i4 < items.length; _i4++) {\n items[_i4].style.opacity = percentage;\n }\n _this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', _this.danOpacity);\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 var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n for (var _i5 = 0; _i5 < items.length; _i5++) {\n items[_i5].style.opacity = percentage;\n }\n _this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', _this.danOpacity);\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 this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n var measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);\n var context = document.createElement('canvas').getContext('2d');\n context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');\n this.danmakuMeasure = function (text) {\n return context.measureText(text).width;\n };\n if (this.option.danmaku) {\n this.danIndex = 0;\n this.readDanmaku();\n } else {\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 htmlEncode = function htmlEncode(str) {\n return str.replace(/&/g, '&').replace(//g, '>').replace(/\"/g, '"').replace(/'/g, ''').replace(/\\//g, '/');\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 var danmakuData = {\n token: _this.option.danmaku.token,\n player: _this.option.danmaku.id,\n author: _this.option.danmaku.user,\n time: _this.video.currentTime,\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 };\n _this.option.apiBackend.send(_this.option.danmaku.api, danmakuData);\n commentInput.value = '';\n closeComment();\n _this.dan.splice(_this.danIndex, 0, danmakuData);\n _this.danIndex++;\n var danmaku = {\n text: htmlEncode(danmakuData.text),\n color: danmakuData.color,\n type: danmakuData.type,\n border: '2px solid ' + _this.option.theme\n };\n _this.pushDanmaku(danmaku);\n };\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 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 var resetAnimation = function resetAnimation() {\n var danWidth = danContainer.offsetWidth;\n var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n for (var _i6 = 0; _i6 < items.length; _i6++) {\n items[_i6].style.transform = 'translateX(-' + danWidth + 'px)';\n }\n };\n this.element.addEventListener('fullscreenchange', function () {\n resetAnimation();\n });\n this.element.addEventListener('mozfullscreenchange', function () {\n resetAnimation();\n });\n this.element.addEventListener('webkitfullscreenchange', function () {\n resetAnimation();\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 resetAnimation();\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 resetAnimation();\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 resetAnimation();\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 for (var i = 0; i < this.dan.length; i++) {\n if (this.dan[i].time >= time) {\n this.danIndex = i;\n return;\n }\n this.danIndex = this.dan.length;\n }\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 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 window.cancelAnimationFrame(this.requestID);\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: '_readAllEndpoints',\n value: function _readAllEndpoints(endpoints, finish) {\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.notice(err.response.msg);\n } else {\n _this2.notice('Request was unsuccessful: ' + err.status);\n }\n results[i] = [];\n } else {\n results[i] = data;\n }\n if (readCount === endpoints.length) {\n return finish(results);\n }\n };\n };\n for (var i = 0; i < endpoints.length; ++i) {\n this.option.apiBackend.read(endpoints[i], cbk(i));\n }\n }\n },\n {\n key: 'readDanmaku',\n value: function readDanmaku() {\n var _this3 = this;\n var apiurl = void 0;\n if (this.option.danmaku.maximum) {\n apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id + '&max=' + this.option.danmaku.maximum;\n } else {\n apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id;\n }\n var endpoints = (this.option.danmaku.addition || []).slice(0);\n endpoints.push(apiurl);\n this._readAllEndpoints(endpoints, function (results) {\n _this3.danIndex = 0;\n _this3.dan = [].concat.apply([], results).sort(function (a, b) {\n return a.time - b.time;\n });\n _this3.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n if (_this3.option.autoplay && !_utils.isMobile) {\n _this3.play();\n } else if (_utils.isMobile) {\n _this3.pause();\n }\n });\n }\n },\n {\n key: 'pushDanmaku',\n value: function pushDanmaku(danmaku) {\n var _this4 = this;\n var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n var itemHeight = this.arrow ? 24 : 30;\n var danWidth = danContainer.offsetWidth;\n var danHeight = danContainer.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 || danContainer.getBoundingClientRect().right + eleWidth;\n return danContainer.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 _loop2 = function _loop2(i) {\n var item = _this4.danTunnel[type][i + ''];\n if (item && item.length) {\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 _ret2 = _loop2(i);\n if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === 'object')\n return _ret2.v;\n }\n };\n if (Object.prototype.toString.call(danmaku) !== '[object Array]') {\n danmaku = [danmaku];\n }\n var docFragment = document.createDocumentFragment();\n var _loop3 = function _loop3(i) {\n if (!danmaku[i].type) {\n danmaku[i].type = 'right';\n }\n if (!danmaku[i].color) {\n danmaku[i].color = '#fff';\n }\n var item = document.createElement('div');\n item.classList.add('dplayer-danmaku-item');\n item.classList.add('dplayer-danmaku-' + danmaku[i].type);\n item.innerHTML = danmaku[i].text;\n item.style.opacity = _this4.danOpacity;\n item.style.color = danmaku[i].color;\n item.style.border = danmaku[i].border;\n item.addEventListener('animationend', function () {\n danContainer.removeChild(item);\n });\n var itemWidth = _this4.danmakuMeasure(danmaku[i].text);\n switch (danmaku[i].type) {\n case 'right':\n item.style.width = itemWidth + 1 + 'px';\n item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';\n item.style.transform = 'translateX(-' + danWidth + 'px)';\n break;\n case 'top':\n item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n break;\n case 'bottom':\n item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n break;\n default:\n console.error('Can\\'t handled danmaku type: ' + danmaku[i].type);\n }\n item.classList.add('dplayer-danmaku-move');\n docFragment.appendChild(item);\n };\n for (var i = 0; i < danmaku.length; i++) {\n _loop3(i);\n }\n danContainer.appendChild(docFragment);\n return docFragment;\n }\n },\n {\n key: 'switchVideo',\n value: function switchVideo(video, danmaku) {\n this.video.poster = video.pic ? video.pic : '';\n this.video.src = video.url;\n this.pause();\n if (danmaku) {\n this.dan = [];\n this.danIndex = 0;\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 this.danTuel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.option.danmaku = danmaku;\n this.readDanmaku();\n }\n }\n },\n {\n key: 'initVideo',\n value: function initVideo() {\n var _this5 = 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 (_this5.video.duration !== 1) {\n _this5.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this5.video.duration);\n }\n });\n this.video.addEventListener('progress', function () {\n var percentage = _this5.video.buffered.length ? _this5.video.buffered.end(_this5.video.buffered.length - 1) / _this5.video.duration : 0;\n _this5.updateBar('loaded', percentage, 'width');\n });\n this.video.addEventListener('error', function () {\n _this5.tran && _this5.notice && _this5.notice(_this5.tran('This video fails to load'), -1);\n _this5.trigger && _this5.trigger('pause');\n });\n this.video.addEventListener('canplay', function () {\n _this5.trigger('canplay');\n });\n this.ended = false;\n this.video.addEventListener('ended', function () {\n _this5.updateBar('played', 1, 'width');\n if (!_this5.loop) {\n _this5.ended = true;\n _this5.pause();\n _this5.trigger('ended');\n } else {\n _this5.seek(0);\n _this5.video.play();\n }\n _this5.danIndex = 0;\n });\n this.video.addEventListener('play', function () {\n if (_this5.paused) {\n _this5.play();\n }\n });\n this.video.addEventListener('pause', function () {\n if (!_this5.paused) {\n _this5.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 _this6 = 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 (_this6.prevVideo) {\n if (_this6.video.currentTime !== _this6.prevVideo.currentTime) {\n _this6.seek(_this6.prevVideo.currentTime);\n return;\n }\n parent.removeChild(_this6.prevVideo);\n _this6.video.classList.add('dplayer-video-current');\n if (!paused) {\n _this6.video.play();\n }\n _this6.prevVideo = null;\n _this6.notice(_this6.tran('Switched to') + ' ' + _this6.quality.name + ' ' + _this6.tran('quality'));\n _this6.switchingQuality = false;\n }\n });\n }\n },\n {\n key: 'timeTipsHandler',\n value: function timeTipsHandler(pbar, timeTips) {\n var _this7 = 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 (!_this7.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(_this7.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 (_this7.isTipsShow) {\n return;\n }\n timeTips.classList.remove('hidden');\n _this7.isTipsShow = true;\n break;\n case 'mouseleave':\n case 'mouseout':\n if (!_this7.isTipsShow) {\n return;\n }\n timeTips.classList.add('hidden');\n _this7.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) {\n SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n console.log('Post danmaku: ', response);\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, cbk) {\n SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n cbk(null, response.danmaku);\n }, function (xhr, response) {\n cbk({\n status: xhr.status,\n response: response\n });\n }, function (xhr) {\n cbk({\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 '' + videos + '' + (option.logo ? '' : '') + '
' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '
' + html.contextmenuList(option.contextmenu) + '';\n },\n contextmenuList: function contextmenuList(contextmenu) {\n var result = '';\n return result;\n },\n qualityList: function qualityList(quality) {\n var result = '
';\n for (var i = 0; i < quality.length; i++) {\n result += '
';\n return result;\n },\n video: function video(current, pic, screenshot, preload, url) {\n return '';\n },\n setting: function setting(tran) {\n return {\n 'original': '' + quality[i].name + '
';\n }\n result += '' + tran('Speed') + '
' + svg('right') + '
' + tran('Loop') + '
' + tran('Danmaku') + '
' + tran('Opacity for danmaku') + '
',\n 'speed': '0.5
0.75
' + tran('Normal') + '
1.25
1.5
2
'\n };\n }\n};\nmodule.exports = html;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/html.js\n// module id = 8\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap c365ea661187193add0d","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","clear","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","resetAnimation","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","show","_opacity","apiurl","endpoints","slice","_readAllEndpoints","results","concat","apply","sort","a","b","frame","newAPI","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 '\\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 _this.danmaku.seek();\n if (!_this.paused) {\n _this.danmaku.play();\n }\n } else {\n showdan = false;\n _this.danmaku.pause();\n _this.danmaku.clear();\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 _this.danmaku.resetAnimation();\n });\n this.element.addEventListener('mozfullscreenchange', function () {\n _this.danmaku.resetAnimation();\n });\n this.element.addEventListener('webkitfullscreenchange', function () {\n _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 this.danmaku.seek();\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 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 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 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 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 _this2.danmaku.danIndex = 0;\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 '' + videos + '' + (option.logo ? '' : '') + '
' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '
' + html.contextmenuList(option.contextmenu) + '';\n },\n contextmenuList: function contextmenuList(contextmenu) {\n var result = '';\n return result;\n },\n qualityList: function qualityList(quality) {\n var result = '
';\n for (var i = 0; i < quality.length; i++) {\n result += '
';\n return result;\n },\n video: function video(current, pic, screenshot, preload, url) {\n return '';\n },\n setting: function setting(tran) {\n return {\n 'original': '' + quality[i].name + '
';\n }\n result += '' + tran('Speed') + '
' + svg('right') + '
' + tran('Loop') + '
' + tran('Danmaku') + '
' + tran('Opacity for danmaku') + '
',\n 'speed': '0.5
0.75
' + tran('Normal') + '
1.25
1.5
2
'\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.show = 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) {\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 = '' + dan[i].text + '';\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, '&').replace(//g, '>').replace(/\"/g, '"').replace(/'/g, ''').replace(/\\//g, '/');\n }\n },\n {\n key: 'resetAnimation',\n value: function resetAnimation() {\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 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 c365ea661187193add0d","'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 '\\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 _this.danmaku.seek();\n if (!_this.paused) {\n _this.danmaku.play();\n }\n } else {\n showdan = false;\n _this.danmaku.pause();\n _this.danmaku.clear();\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 _this.danmaku.resetAnimation();\n });\n this.element.addEventListener('mozfullscreenchange', function () {\n _this.danmaku.resetAnimation();\n });\n this.element.addEventListener('webkitfullscreenchange', function () {\n _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 _this.danmaku.resetAnimation();\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 this.danmaku.seek();\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 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 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 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 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 _this2.danmaku.danIndex = 0;\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 '' + videos + '' + (option.logo ? '' : '') + '
' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '
' + html.contextmenuList(option.contextmenu) + '';\n },\n contextmenuList: function contextmenuList(contextmenu) {\n var result = '';\n return result;\n },\n qualityList: function qualityList(quality) {\n var result = '
';\n for (var i = 0; i < quality.length; i++) {\n result += '
';\n return result;\n },\n video: function video(current, pic, screenshot, preload, url) {\n return '';\n },\n setting: function setting(tran) {\n return {\n 'original': '' + quality[i].name + '
';\n }\n result += '' + tran('Speed') + '
' + svg('right') + '
' + tran('Loop') + '
' + tran('Danmaku') + '
' + tran('Opacity for danmaku') + '
',\n 'speed': '0.5
0.75
' + tran('Normal') + '
1.25
1.5
2
'\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.show = 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) {\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 = '' + dan[i].text + '';\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, '&').replace(//g, '>').replace(/\"/g, '"').replace(/'/g, ''').replace(/\\//g, '/');\n }\n },\n {\n key: 'resetAnimation',\n value: function resetAnimation() {\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 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":""}
\ No newline at end of file
diff --git a/package.json b/package.json
index 6c4ff84..7724a3f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "dplayer",
- "version": "1.5.2",
+ "version": "1.6.0",
"description": "Wow, such a lovely HTML5 danmaku video player",
"main": "dist/DPlayer.min.js",
"style": "dist/DPlayer.min.css",
diff --git a/src/DPlayer.js b/src/DPlayer.js
index 7be481d..2b495e2 100644
--- a/src/DPlayer.js
+++ b/src/DPlayer.js
@@ -5,6 +5,7 @@ import svg from './svg';
import handleOption from './option';
import i18n from './i18n';
import html from './html';
+import Danmaku from './danmaku';
let index = 0;
@@ -63,6 +64,40 @@ class DPlayer {
this.element.innerHTML = html.main(option, index, this.tran);
+ if (this.option.danmaku) {
+ this.danmaku = new Danmaku({
+ container: this.element.getElementsByClassName('dplayer-danmaku')[0],
+ opacity: localStorage.getItem('danmaku-opacity') || 0.7,
+ callback: () => {
+ this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';
+
+ // autoplay
+ if (this.option.autoplay && !isMobile) {
+ this.play();
+ }
+ else if (isMobile) {
+ this.pause();
+ }
+ },
+ error: (msg) => {
+ this.notice(msg);
+ },
+ apiBackend: this.option.apiBackend,
+ borderColor: this.option.theme,
+ height: this.arrow ? 24 : 30,
+ time: () => this.video.currentTime,
+ api: {
+ id: this.option.danmaku.id,
+ address: this.option.danmaku.api,
+ token: this.option.danmaku.token,
+ maximum: this.option.danmaku.maximum,
+ addition: this.option.danmaku.addition,
+ user: this.option.danmaku.user,
+ }
+ });
+ }
+
+
// arrow style
this.arrow = this.element.offsetWidth <= 500;
if (this.arrow) {
@@ -121,8 +156,6 @@ class DPlayer {
let lastPlayPos = 0;
let currentPlayPos = 0;
let bufferingDetected = false;
- this.danmakuTime = false;
- this.playedTime = false;
window.requestAnimationFrame = (() =>
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
@@ -158,28 +191,19 @@ class DPlayer {
clearInterval(this.checkLoading);
};
+ this.playedTime = false;
this.animationFrame = () => {
if (this.playedTime) {
this.updateBar('played', this.video.currentTime / this.video.duration, 'width');
this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = utils.secondToTime(this.video.currentTime);
this.trigger('playing');
}
- if (this.danmakuTime && this.option.danmaku && showdan && this.dan) {
- let item = this.dan[this.danIndex];
- const danmakus = [];
- while (item && this.video.currentTime > parseFloat(item.time)) {
- danmakus.push(item);
- item = this.dan[++this.danIndex];
- }
- this.pushDanmaku(danmakus);
- }
- this.requestID = window.requestAnimationFrame(this.animationFrame);
+ window.requestAnimationFrame(this.animationFrame);
};
- this.requestID = window.requestAnimationFrame(this.animationFrame);
+ window.requestAnimationFrame(this.animationFrame);
this.setTime = (type) => {
if (!type) {
- this.danmakuTime = true;
this.playedTime = true;
setCheckLoadingTime();
}
@@ -192,7 +216,6 @@ class DPlayer {
};
this.clearTime = (type) => {
if (!type) {
- this.danmakuTime = false;
this.playedTime = false;
clearCheckLoadingTime();
}
@@ -328,7 +351,6 @@ class DPlayer {
/**
* setting
*/
- this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;
const settingHTML = html.setting(this.tran);
// toggle setting box
@@ -361,7 +383,6 @@ class DPlayer {
});
this.loop = this.option.loop;
- const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];
let showdan = true;
const settingEvent = () => {
// loop control
@@ -391,30 +412,15 @@ class DPlayer {
showDanToggle.checked = !showDanToggle.checked;
if (showDanToggle.checked) {
showdan = true;
- if (this.option.danmaku) {
- for (let i = 0; i < this.dan.length; i++) {
- if (this.dan[i].time >= this.video.currentTime) {
- this.danIndex = i;
- break;
- }
- this.danIndex = this.dan.length;
- }
- if (!this.paused) {
- this.setTime('danmaku');
- }
+ this.danmaku.seek();
+ if (!this.paused) {
+ this.danmaku.play();
}
}
else {
showdan = false;
- if (this.option.danmaku) {
- this.clearTime('danmaku');
- danContainer.innerHTML = '';
- this.danTunnel = {
- right: {},
- top: {},
- bottom: {}
- };
- }
+ this.danmaku.pause();
+ this.danmaku.clear();
}
closeSetting();
});
@@ -434,14 +440,14 @@ class DPlayer {
}
});
- if (this.option.danmaku) {
+ if (this.danmaku) {
// danmaku opacity
bar.danmakuBar = this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];
const danmakuBarWrapWrap = this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];
const danmakuBarWrap = this.element.getElementsByClassName('dplayer-danmaku-bar')[0];
const danmakuSettingBox = this.element.getElementsByClassName('dplayer-setting-danmaku')[0];
const dWidth = 130;
- this.updateBar('danmaku', this.danOpacity, 'width');
+ this.updateBar('danmaku', this.danmaku.opacity(), 'width');
const danmakuMove = (event) => {
const e = event || window.event;
@@ -449,12 +455,7 @@ class DPlayer {
percentage = percentage > 0 ? percentage : 0;
percentage = percentage < 1 ? percentage : 1;
this.updateBar('danmaku', percentage, 'width');
- const items = this.element.getElementsByClassName('dplayer-danmaku-item');
- for (let i = 0; i < items.length; i++) {
- items[i].style.opacity = percentage;
- }
- this.danOpacity = percentage;
- localStorage.setItem('DPlayer-opacity', this.danOpacity);
+ this.danmaku.opacity(percentage);
};
const danmakuUp = () => {
document.removeEventListener('mouseup', danmakuUp);
@@ -468,12 +469,7 @@ class DPlayer {
percentage = percentage > 0 ? percentage : 0;
percentage = percentage < 1 ? percentage : 1;
this.updateBar('danmaku', percentage, 'width');
- const items = this.element.getElementsByClassName('dplayer-danmaku-item');
- for (let i = 0; i < items.length; i++) {
- items[i].style.opacity = percentage;
- }
- this.danOpacity = percentage;
- localStorage.setItem('DPlayer-opacity', this.danOpacity);
+ this.danmaku.opacity(percentage);
});
danmakuBarWrapWrap.addEventListener('mousedown', () => {
document.addEventListener('mousemove', danmakuMove);
@@ -489,22 +485,7 @@ class DPlayer {
this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? utils.secondToTime(this.video.duration) : '00:00';
}
- // danmaku
- this.danTunnel = {
- right: {},
- top: {},
- bottom: {}
- };
- const measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);
- const context = document.createElement('canvas').getContext('2d');
- context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');
- this.danmakuMeasure = (text) => context.measureText(text).width;
-
- if (this.option.danmaku) {
- this.danIndex = 0;
- this.readDanmaku();
- }
- else {
+ if (!this.danmaku) {
// autoplay
if (this.option.autoplay && !isMobile) {
this.play();
@@ -525,47 +506,6 @@ class DPlayer {
const commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];
const commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];
- const htmlEncode = (str) => str.
- replace(/&/g, "&").
- replace(//g, ">").
- replace(/"/g, """).
- replace(/'/g, "'").
- replace(/\//g, "/");
-
- const sendComment = () => {
- commentInput.blur();
-
- // text can't be empty
- if (!commentInput.value.replace(/^\s+|\s+$/g, '')) {
- this.notice(this.tran('Please input danmaku content!'));
- return;
- }
-
- const danmakuData = {
- token: this.option.danmaku.token,
- player: this.option.danmaku.id,
- author: this.option.danmaku.user,
- time: this.video.currentTime,
- text: commentInput.value,
- color: this.element.querySelector('.dplayer-comment-setting-color input:checked').value,
- type: this.element.querySelector('.dplayer-comment-setting-type input:checked').value
- };
- this.option.apiBackend.send(this.option.danmaku.api, danmakuData);
-
- commentInput.value = '';
- closeComment();
- this.dan.splice(this.danIndex, 0, danmakuData);
- this.danIndex++;
- const danmaku = {
- text: htmlEncode(danmakuData.text),
- color: danmakuData.color,
- type: danmakuData.type,
- border: `2px solid ${this.option.theme}`
- };
- this.pushDanmaku(danmaku);
- };
-
const closeCommentSetting = () => {
if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {
commentSettingBox.classList.remove('dplayer-comment-setting-open');
@@ -630,6 +570,25 @@ class DPlayer {
}
});
+ const sendComment = () => {
+ commentInput.blur();
+
+ // text can't be empty
+ if (!commentInput.value.replace(/^\s+|\s+$/g, '')) {
+ this.notice(this.tran('Please input danmaku content!'));
+ return;
+ }
+
+ this.danmaku.send({
+ text: commentInput.value,
+ color: this.element.querySelector('.dplayer-comment-setting-color input:checked').value,
+ type: this.element.querySelector('.dplayer-comment-setting-type input:checked').value
+ }, () => {
+ commentInput.value = '';
+ closeComment();
+ });
+ };
+
commentInput.addEventListener('click', () => {
closeCommentSetting();
});
@@ -646,22 +605,14 @@ class DPlayer {
/**
* full screen
*/
- const resetAnimation = () => {
- const danWidth = danContainer.offsetWidth;
- const items = this.element.getElementsByClassName('dplayer-danmaku-item');
- for (let i = 0; i < items.length; i++) {
- items[i].style.transform = `translateX(-${danWidth}px)`;
- }
- };
-
this.element.addEventListener('fullscreenchange', () => {
- resetAnimation();
+ this.danmaku.resetAnimation();
});
this.element.addEventListener('mozfullscreenchange', () => {
- resetAnimation();
+ this.danmaku.resetAnimation();
});
this.element.addEventListener('webkitfullscreenchange', () => {
- resetAnimation();
+ this.danmaku.resetAnimation();
});
// browser full screen
this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', () => {
@@ -690,7 +641,7 @@ class DPlayer {
document.webkitCancelFullScreen();
}
}
- resetAnimation();
+ this.danmaku.resetAnimation();
});
// web full screen
this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', () => {
@@ -699,7 +650,7 @@ class DPlayer {
}
else {
this.element.classList.add('dplayer-fulled');
- resetAnimation();
+ this.danmaku.resetAnimation();
}
});
@@ -747,7 +698,7 @@ class DPlayer {
case 27:
if (this.element.classList.contains('dplayer-fulled')) {
this.element.classList.remove('dplayer-fulled');
- resetAnimation();
+ this.danmaku.resetAnimation();
}
break;
}
@@ -831,13 +782,7 @@ class DPlayer {
this.video.currentTime = time;
- for (let i = 0; i < this.dan.length; i++) {
- if (this.dan[i].time >= time) {
- this.danIndex = i;
- return;
- }
- this.danIndex = this.dan.length;
- }
+ this.danmaku.seek();
}
/**
@@ -875,7 +820,6 @@ class DPlayer {
this.video.pause();
this.clearTime();
this.element.classList.remove('dplayer-playing');
- window.cancelAnimationFrame(this.requestID);
this.trigger('pause');
}
@@ -914,198 +858,30 @@ class DPlayer {
}
}
- /**
- * Asynchronously read danmaku from all API endpoints
- */
- _readAllEndpoints (endpoints, finish) {
- const results = [];
- let readCount = 0;
- const cbk = (i) => (err, data) => {
- ++readCount;
- if (err) {
- if (err.response) {
- this.notice(err.response.msg);
- }
- else {
- this.notice('Request was unsuccessful: ' + err.status);
- }
- results[i] = [];
- }
- else {
- results[i] = data;
- }
- if (readCount === endpoints.length) {
- return finish(results);
- }
- };
-
- for (let i = 0; i < endpoints.length; ++i) {
- this.option.apiBackend.read(endpoints[i], cbk(i));
- }
- }
-
- /**
- * Read danmaku from API
- */
- readDanmaku () {
- let apiurl;
- if (this.option.danmaku.maximum) {
- apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}&max=${this.option.danmaku.maximum}`;
- }
- else {
- apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}`;
- }
- const endpoints = (this.option.danmaku.addition || []).slice(0);
- endpoints.push(apiurl);
-
- this._readAllEndpoints(endpoints, (results) => {
- this.danIndex = 0;
- this.dan = [].concat.apply([], results).sort((a, b) => a.time - b.time);
- this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';
-
- // autoplay
- if (this.option.autoplay && !isMobile) {
- this.play();
- }
- else if (isMobile) {
- this.pause();
- }
- });
- }
-
- /**
- * Push a danmaku into DPlayer
- *
- * @param {Object Array} danmaku - {text, color, type}
- * text - danmaku content
- * color - danmaku color, default: `#fff`
- * type - danmaku type, `right` `top` `bottom`, default: `right`
- */
- pushDanmaku (danmaku) {
- const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];
- const itemHeight = this.arrow ? 24 : 30;
- const danWidth = danContainer.offsetWidth;
- const danHeight = danContainer.offsetHeight;
- const itemY = parseInt(danHeight / itemHeight);
-
- const danItemRight = (ele) => {
- const eleWidth = ele.offsetWidth || parseInt(ele.style.width);
- const eleRight = ele.getBoundingClientRect().right || danContainer.getBoundingClientRect().right + eleWidth;
- return danContainer.getBoundingClientRect().right - eleRight;
- };
-
- const danSpeed = (width) => (danWidth + width) / 5;
-
- const getTunnel = (ele, type, width) => {
- const tmp = danWidth / danSpeed(width);
-
- for (let i = 0; ; i++) {
- const item = this.danTunnel[type][i + ''];
- if (item && item.length) {
- for (let j = 0; j < item.length; j++) {
- const danRight = danItemRight(item[j]) - 10;
- if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {
- break;
- }
- if (j === item.length - 1) {
- this.danTunnel[type][i + ''].push(ele);
- ele.addEventListener('animationend', () => {
- this.danTunnel[type][i + ''].splice(0, 1);
- });
- return i % itemY;
- }
- }
- }
- else {
- this.danTunnel[type][i + ''] = [ele];
- ele.addEventListener('animationend', () => {
- this.danTunnel[type][i + ''].splice(0, 1);
- });
- return i % itemY;
- }
- }
- };
-
- if (Object.prototype.toString.call(danmaku) !== '[object Array]') {
- danmaku = [danmaku];
- }
-
- const docFragment = document.createDocumentFragment();
-
- for (let i = 0; i < danmaku.length; i++) {
- if (!danmaku[i].type) {
- danmaku[i].type = 'right';
- }
- if (!danmaku[i].color) {
- danmaku[i].color = '#fff';
- }
- const item = document.createElement(`div`);
- item.classList.add(`dplayer-danmaku-item`);
- item.classList.add(`dplayer-danmaku-${danmaku[i].type}`);
- item.innerHTML = danmaku[i].text;
- item.style.opacity = this.danOpacity;
- item.style.color = danmaku[i].color;
- item.style.border = danmaku[i].border;
- item.addEventListener('animationend', () => {
- danContainer.removeChild(item);
- });
-
- const itemWidth = this.danmakuMeasure(danmaku[i].text);
-
- // adjust
- switch (danmaku[i].type) {
- case 'right':
- item.style.width = itemWidth + 1 + 'px';
- item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';
- item.style.transform = `translateX(-${danWidth}px)`;
- break;
- case 'top':
- item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';
- break;
- case 'bottom':
- item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';
- break;
- default:
- console.error(`Can't handled danmaku type: ${danmaku[i].type}`);
- }
-
- // move
- item.classList.add(`dplayer-danmaku-move`);
-
- // insert
- docFragment.appendChild(item);
- }
-
- danContainer.appendChild(docFragment);
-
- return docFragment;
- }
-
/**
* Switch to a new video
*
* @param {Object} video - new video info
* @param {Object} danmaku - new danmaku info
*/
- switchVideo (video, danmaku) {
+ switchVideo (video, danmakuAPI) {
this.video.poster = video.pic ? video.pic : '';
this.video.src = video.url;
this.pause();
- if (danmaku) {
- this.dan = [];
- this.danIndex = 0;
+ if (danmakuAPI) {
this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';
this.updateBar('played', 0, 'width');
this.updateBar('loaded', 0, 'width');
this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';
this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';
- this.danTuel = {
- right: {},
- top: {},
- bottom: {}
- };
- this.option.danmaku = danmaku;
- this.readDanmaku();
+ this.danmaku.reload({
+ id: danmakuAPI.id,
+ address: danmakuAPI.api,
+ token: danmakuAPI.token,
+ maximum: danmakuAPI.maximum,
+ addition: danmakuAPI.addition,
+ user: danmakuAPI.user,
+ });
}
}
@@ -1148,19 +924,6 @@ class DPlayer {
flvPlayer.load();
}
- // if (this.option.danmaku) {
- // this.video.addEventListener('seeking', () => {
- // for (let i = 0; i < this.dan.length; i++) {
- // if (this.dan[i].time >= this.video.currentTime) {
- // this.danIndex = i;
- // return;
- // }
- // this.danIndex = this.dan.length;
- // }
- // });
- // }
-
-
/**
* video events
*/
@@ -1201,7 +964,7 @@ class DPlayer {
this.seek(0);
this.video.play();
}
- this.danIndex = 0;
+ this.danmaku.danIndex = 0;
});
this.video.addEventListener('play', () => {
diff --git a/src/api.js b/src/api.js
index 7fc99db..0af37fe 100644
--- a/src/api.js
+++ b/src/api.js
@@ -28,9 +28,12 @@ const SendXMLHttpRequest = (url, data, success, error, fail) => {
};
module.exports = {
- send: (endpoint, danmakuData) => {
+ send: (endpoint, danmakuData, callback) => {
SendXMLHttpRequest(endpoint, danmakuData, (xhr, response) => {
console.log('Post danmaku: ', response);
+ if (callback) {
+ callback();
+ }
}, (xhr, response) => {
alert(response.msg);
}, (xhr) => {
@@ -38,13 +41,13 @@ module.exports = {
});
},
- read: (endpoint, cbk) => {
+ read: (endpoint, callback) => {
SendXMLHttpRequest(endpoint, null, (xhr, response) => {
- cbk(null, response.danmaku);
+ callback(null, response.danmaku);
}, (xhr, response) => {
- cbk({ status: xhr.status, response });
+ callback({ status: xhr.status, response });
}, (xhr) => {
- cbk({ status: xhr.status, response: null });
+ callback({ status: xhr.status, response: null });
});
}
};
\ No newline at end of file
diff --git a/src/danmaku.js b/src/danmaku.js
new file mode 100644
index 0000000..59b4f41
--- /dev/null
+++ b/src/danmaku.js
@@ -0,0 +1,296 @@
+class Danmaku {
+ constructor (options) {
+ this.options = options;
+ this.container = this.options.container;
+ this.danTunnel = {
+ right: {},
+ top: {},
+ bottom: {}
+ };
+ this.danIndex = 0;
+ this.dan = [];
+ this.show = true;
+ this._opacity = this.options.opacity;
+
+ this.load();
+ }
+
+ load () {
+ let apiurl;
+ if (this.options.api.maximum) {
+ apiurl = `${this.options.api.address}?id=${this.options.api.id}&max=${this.options.api.maximum}`;
+ }
+ else {
+ apiurl = `${this.options.api.address}?id=${this.options.api.id}`;
+ }
+ const endpoints = (this.options.api.addition || []).slice(0);
+ endpoints.push(apiurl);
+
+ this._readAllEndpoints(endpoints, (results) => {
+ this.dan = [].concat.apply([], results).sort((a, b) => a.time - b.time);
+ window.requestAnimationFrame(() => {
+ this.frame();
+ });
+
+ this.options.callback();
+ });
+ }
+
+ reload (newAPI) {
+ this.options.api = newAPI;
+ this.dan = [];
+ this.clear();
+ this.load();
+ }
+
+ /**
+ * Asynchronously read danmaku from all API endpoints
+ */
+ _readAllEndpoints (endpoints, callback) {
+ const results = [];
+ let readCount = 0;
+ const cbk = (i) => (err, data) => {
+ ++readCount;
+ if (err) {
+ if (err.response) {
+ this.options.error(err.response.msg);
+ }
+ else {
+ this.options.error('Request was unsuccessful: ' + err.status);
+ }
+ results[i] = [];
+ }
+ else {
+ results[i] = data;
+ }
+ if (readCount === endpoints.length) {
+ return callback(results);
+ }
+ };
+
+ for (let i = 0; i < endpoints.length; ++i) {
+ this.options.apiBackend.read(endpoints[i], cbk(i));
+ }
+ }
+
+ send (dan, callback) {
+ const danmakuData = {
+ token: this.options.api.token,
+ player: this.options.api.id,
+ author: this.options.api.user,
+ time: this.options.time(),
+ text: dan.text,
+ color: dan.color,
+ type: dan.type
+ };
+ this.options.apiBackend.send(this.options.api.address, danmakuData, callback);
+
+ this.dan.splice(this.danIndex, 0, danmakuData);
+ this.danIndex++;
+ const danmaku = {
+ text: this.htmlEncode(danmakuData.text),
+ color: danmakuData.color,
+ type: danmakuData.type,
+ border: `2px solid ${this.options.borderColor}`
+ };
+ this.draw(danmaku);
+ }
+
+ frame () {
+ if (this.dan.length && !this.paused) {
+ let item = this.dan[this.danIndex];
+ const dan = [];
+ while (item && this.options.time() > parseFloat(item.time)) {
+ dan.push(item);
+ item = this.dan[++this.danIndex];
+ }
+ this.draw(dan);
+ }
+ window.requestAnimationFrame(() => {
+ this.frame();
+ });
+ }
+
+ opacity (percentage) {
+ if (percentage !== undefined) {
+ const items = this.container.getElementsByClassName('dplayer-danmaku-item');
+ for (let i = 0; i < items.length; i++) {
+ items[i].style.opacity = percentage;
+ }
+ this._opacity = percentage;
+ localStorage.setItem('danmaku-opacity', this._opacity);
+ }
+ return this._opacity;
+ }
+
+ /**
+ * Push a danmaku into DPlayer
+ *
+ * @param {Object Array} dan - {text, color, type}
+ * text - danmaku content
+ * color - danmaku color, default: `#fff`
+ * type - danmaku type, `right` `top` `bottom`, default: `right`
+ */
+ draw (dan) {
+ const itemHeight = this.options.height;
+ const danWidth = this.container.offsetWidth;
+ const danHeight = this.container.offsetHeight;
+ const itemY = parseInt(danHeight / itemHeight);
+
+ const danItemRight = (ele) => {
+ const eleWidth = ele.offsetWidth || parseInt(ele.style.width);
+ const eleRight = ele.getBoundingClientRect().right || this.container.getBoundingClientRect().right + eleWidth;
+ return this.container.getBoundingClientRect().right - eleRight;
+ };
+
+ const danSpeed = (width) => (danWidth + width) / 5;
+
+ const getTunnel = (ele, type, width) => {
+ const tmp = danWidth / danSpeed(width);
+
+ for (let i = 0; ; i++) {
+ const item = this.danTunnel[type][i + ''];
+ if (item && item.length) {
+ if (type !== 'right') {
+ continue;
+ }
+ for (let j = 0; j < item.length; j++) {
+ const danRight = danItemRight(item[j]) - 10;
+ if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {
+ break;
+ }
+ if (j === item.length - 1) {
+ this.danTunnel[type][i + ''].push(ele);
+ ele.addEventListener('animationend', () => {
+ this.danTunnel[type][i + ''].splice(0, 1);
+ });
+ return i % itemY;
+ }
+ }
+ }
+ else {
+ this.danTunnel[type][i + ''] = [ele];
+ ele.addEventListener('animationend', () => {
+ this.danTunnel[type][i + ''].splice(0, 1);
+ });
+ return i % itemY;
+ }
+ }
+ };
+
+ if (Object.prototype.toString.call(dan) !== '[object Array]') {
+ dan = [dan];
+ }
+
+ const docFragment = document.createDocumentFragment();
+
+ for (let i = 0; i < dan.length; i++) {
+ if (!dan[i].type) {
+ dan[i].type = 'right';
+ }
+ if (!dan[i].color) {
+ dan[i].color = '#fff';
+ }
+ const item = document.createElement(`div`);
+ item.classList.add(`dplayer-danmaku-item`);
+ item.classList.add(`dplayer-danmaku-${dan[i].type}`);
+ if (dan[i].border) {
+ item.innerHTML = `${dan[i].text}`;
+ }
+ else {
+ item.innerHTML = dan[i].text;
+ }
+ item.style.opacity = this._opacity;
+ item.style.color = dan[i].color;
+ item.addEventListener('animationend', () => {
+ this.container.removeChild(item);
+ });
+
+ const itemWidth = this._measure(dan[i].text);
+
+ // adjust
+ switch (dan[i].type) {
+ case 'right':
+ item.style.width = itemWidth + 1 + 'px';
+ item.style.top = itemHeight * getTunnel(item, dan[i].type, itemWidth) + 'px';
+ item.style.transform = `translateX(-${danWidth}px)`;
+ break;
+ case 'top':
+ item.style.top = itemHeight * getTunnel(item, dan[i].type) + 'px';
+ break;
+ case 'bottom':
+ item.style.bottom = itemHeight * getTunnel(item, dan[i].type) + 'px';
+ break;
+ default:
+ console.error(`Can't handled danmaku type: ${dan[i].type}`);
+ }
+
+ // move
+ item.classList.add(`dplayer-danmaku-move`);
+
+ // insert
+ docFragment.appendChild(item);
+ }
+
+ this.container.appendChild(docFragment);
+
+ return docFragment;
+ }
+
+ play () {
+ this.paused = false;
+ }
+
+ pause () {
+ this.paused = true;
+ }
+
+ _measure (text) {
+ if (!this.context) {
+ const measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);
+ this.context = document.createElement('canvas').getContext('2d');
+ this.context.font = measureStyle.getPropertyValue('font');
+ }
+ return this.context.measureText(text).width;
+ }
+
+ seek () {
+ for (let i = 0; i < this.dan.length; i++) {
+ if (this.dan[i].time >= this.options.time()) {
+ this.danIndex = i;
+ break;
+ }
+ this.danIndex = this.dan.length;
+ }
+ }
+
+ clear () {
+ this.danTunnel = {
+ right: {},
+ top: {},
+ bottom: {}
+ };
+ this.danIndex = 0;
+ this.options.container.innerHTML = '';
+ }
+
+ htmlEncode (str) {
+ return str.
+ replace(/&/g, "&").
+ replace(//g, ">").
+ replace(/"/g, """).
+ replace(/'/g, "'").
+ replace(/\//g, "/");
+ }
+
+ resetAnimation () {
+ const danWidth = this.container.offsetWidth;
+ const items = this.container.getElementsByClassName('dplayer-danmaku-item');
+ for (let i = 0; i < items.length; i++) {
+ items[i].style.transform = `translateX(-${danWidth}px)`;
+ }
+ }
+}
+
+module.exports = Danmaku;
diff --git a/src/index.js b/src/index.js
index 4afeb79..92dd206 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,4 @@
// eslint-disable-next-line
-console.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;');
+console.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;');
module.exports = require('./DPlayer');
\ No newline at end of file