diff --git a/demo/index.html b/demo/index.html index 43cf408..c5794e0 100644 --- a/demo/index.html +++ b/demo/index.html @@ -43,6 +43,7 @@ font-size: 18px; } + diff --git a/dist/DPlayer.min.css b/dist/DPlayer.min.css index f5baaca..92b9b66 100644 --- a/dist/DPlayer.min.css +++ b/dist/DPlayer.min.css @@ -1,2 +1,2 @@ -.dplayer{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.dplayer:-webkit-full-screen{width:100%;height:100%;background:#000;position:fixed;z-index:100000;left:0;top:0}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{-webkit-animation:danmaku-center 6s linear;animation:danmaku-center 6s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{-webkit-animation:danmaku 8s linear;animation:danmaku 8s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box{height:60px}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment,.dplayer.dplayer-no-danmaku .dplayer-danmaku{display:none}.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:running!important;animation-play-state:running!important}@media (min-width:900px){.dplayer.dplayer-playing .dplayer-controller,.dplayer.dplayer-playing .dplayer-controller-mask{opacity:0}.dplayer.dplayer-playing:hover .dplayer-controller,.dplayer.dplayer-playing:hover .dplayer-controller-mask{opacity:1}}.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon{display:block}.dplayer.dplayer-loading .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.dplayer.dplayer-hide-controller .dplayer-controller,.dplayer.dplayer-hide-controller .dplayer-controller-mask{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.dplayer.dplayer-show-controller .dplayer-controller,.dplayer.dplayer-show-controller .dplayer-controller-mask{opacity:1}.dplayer.dplayer-fulled{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%}.dplayer.dplayer-mobile .dplayer-camera-icon,.dplayer.dplayer-mobile .dplayer-volume{display:none!important}.dplayer.dplayer-mobile .dplayer-full-in-icon{position:static!important;display:inline-block!important}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{width:200px}.dplayer.dplayer-mobile .dplayer-comment-setting-title{display:none}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{left:17px}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-icon{width:40px}.dplayer .dplayer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.dplayer .dplayer-mask.dplayer-mask-show{display:block}.dplayer .dplayer-video-wrap{position:relative;background:#000;font-size:0;width:100%;height:100%}.dplayer .dplayer-video-wrap .dplayer-video{width:100%;height:100%}.dplayer .dplayer-danmaku{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff}.dplayer .dplayer-danmaku .dplayer-danmaku-item{display:inline-block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;white-space:nowrap;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.dplayer .dplayer-danmaku .dplayer-danmaku-item--demo{position:absolute;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-right{position:absolute;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.dplayer .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{will-change:transform;-webkit-animation:danmaku 5s linear;animation:danmaku 5s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom,.dplayer .dplayer-danmaku .dplayer-danmaku-top{position:absolute;width:100%;text-align:center;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{will-change:visibility;-webkit-animation:danmaku-center 4s linear;animation:danmaku-center 4s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}@keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}.dplayer .dplayer-bezel{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff;pointer-events:none}.dplayer .dplayer-bezel .dplayer-fill{fill:hsla(0,0%,100%,.8)}.dplayer .dplayer-bezel .dplayer-bezel-icon{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;height:52px;width:52px;padding:12px;box-sizing:border-box;background:rgba(0,0,0,.5);border-radius:50%;opacity:0;pointer-events:none}.dplayer .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition{-webkit-animation:bezel-hide .5s linear;animation:bezel-hide .5s linear}@-webkit-keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.dplayer .dplayer-bezel .dplayer-danloading{position:absolute;top:50%;margin-top:-7px;width:100%;text-align:center;font-size:14px;line-height:14px;-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out}.dplayer .dplayer-bezel .diplayer-loading-icon{display:none;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;height:36px;width:36px;pointer-events:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide{display:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot{-webkit-animation:diplayer-loading-dot-fade .8s ease infinite;animation:diplayer-loading-dot-fade .8s ease infinite;opacity:0;fill:#fff;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7{-webkit-animation-delay:.7s;animation-delay:.7s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6{-webkit-animation-delay:.6s;animation-delay:.6s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5{-webkit-animation-delay:.5s;animation-delay:.5s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4{-webkit-animation-delay:.4s;animation-delay:.4s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3{-webkit-animation-delay:.3s;animation-delay:.3s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2{-webkit-animation-delay:.2s;animation-delay:.2s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1{-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}.dplayer .dplayer-controller-mask{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;height:98px;width:100%}.dplayer .dplayer-controller,.dplayer .dplayer-controller-mask{position:absolute;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease}.dplayer .dplayer-controller{left:0;right:0;height:41px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dplayer .dplayer-controller .dplayer-bar-wrap{padding:5px 0;cursor:pointer;position:absolute;bottom:33px;width:calc(100% - 40px);height:3px}.dplayer .dplayer-controller .dplayer-bar-wrap:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar{position:relative;height:3px;width:100%;background:hsla(0,0%,100%,.2);cursor:pointer!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:hsla(0,0%,100%,.4);height:3px;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played{position:absolute;left:0;top:0;bottom:0;height:3px;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons{height:38px;position:absolute;bottom:0}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon{padding:7px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right{right:20px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon{padding:8px}.dplayer .dplayer-controller .dplayer-icons #dplayer-menu{stroke:#ddd;stroke-width:1px}.dplayer .dplayer-controller .dplayer-icons .dplayer-time{line-height:38px;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);vertical-align:middle;font-size:13px;cursor:default}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon{width:46px;height:100%;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;box-sizing:border-box;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon:hover{opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon{padding:10px 9px 9px}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon{padding-top:8.5px}.dplayer .dplayer-controller .dplayer-icons .dplayer-fill{fill:#fff}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume{position:relative;display:inline-block;cursor:pointer!important;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap{display:inline-block;margin:0 5px 0 -5px;vertical-align:middle;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar{position:relative;top:17px;width:0;height:3px;background:#aaa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(170px);transform:translateX(170px);width:150px;height:120px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow{width:70px;height:180px;text-align:center}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item{height:30px;padding:5px 10px;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku{padding:5px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label{padding:0 10px;display:inline}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap{padding:0 10px;box-sizing:border-box;display:none;vertical-align:middle;height:100%;width:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar{position:relative;top:8.5px;width:100%;height:3px;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;background:#aaa;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-full{display:inline-block;height:100%;position:relative}.dplayer .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon{display:block}.dplayer .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon{position:absolute;top:-30px;z-index:1;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(382px);transform:translateX(382px);border-radius:2px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon{height:24px;width:24px;position:absolute;top:5px;left:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{position:absolute;background:#fff;bottom:40px;left:-93px;box-shadow:0 0 25px rgba(0,0,0,.3);border-radius:4px;padding:10px 10px 16px;font-size:14px;width:204px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open{-webkit-transform:scale(1);transform:scale(1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box:after{content:"";position:absolute;top:100%;left:50%;margin-left:-12px;background:url('data:image/svg+xml;utf8,');width:24px;height:12px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box input[type=radio]{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box label{cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title{font-size:14px;color:#555;padding:6px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span{border-radius:4px 0 0 4px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span{border-radius:0 4px 4px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span{width:33%;padding:4px 6px;line-height:16px;display:inline-block;font-size:12px;color:#555;border:1px solid #e4e4e6;margin-right:-1px;box-sizing:border-box;text-align:center;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span{background:#e4e4e6}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span{width:22px;height:22px;display:inline-block;border-radius:50%;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover{-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color input:checked+span{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border:none!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{outline:none;border:none;padding:8px 31px;font-size:14px;line-height:18px;text-align:center;border-radius:4px;width:300px;background:#fff;margin:0;height:auto}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon{height:22px;width:22px;position:absolute;top:6px;right:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-label{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle{width:32px;height:100%;text-align:center;display:inline-block;font-size:0;vertical-align:middle;float:right}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input{max-height:0;max-width:0;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label{display:inline-block;position:relative;box-shadow:inset 0 0 0 0 #dfdfdf;border:1px solid #dfdfdf;height:20px;width:32px;border-radius:10px;box-sizing:border-box;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after,.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:before{content:"";position:absolute;display:block;height:18px;width:18px;top:0;left:0;border-radius:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label{border-color:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:before{width:30px;background:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:after{left:12px}.dplayer .dplayer-menu{position:absolute;width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:5px 0;overflow:hidden;z-index:3;display:none}.dplayer .dplayer-menu.dplayer-menu-show{display:block}.dplayer .dplayer-menu .dplayer-menu-item{height:30px;padding:5px 10px;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-menu .dplayer-menu-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-menu .dplayer-menu-item .dplayer-menu-label a{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}@-webkit-keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} +.dplayer{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.dplayer:-webkit-full-screen{width:100%;height:100%;background:#000;position:fixed;z-index:100000;left:0;top:0}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{-webkit-animation:danmaku-center 6s linear;animation:danmaku-center 6s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{-webkit-animation:danmaku 8s linear;animation:danmaku 8s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment,.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danmaku,.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan,.dplayer.dplayer-no-danmaku .dplayer-danmaku{display:none}.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:running!important;animation-play-state:running!important}@media (min-width:900px){.dplayer.dplayer-playing .dplayer-controller,.dplayer.dplayer-playing .dplayer-controller-mask{opacity:0}.dplayer.dplayer-playing:hover .dplayer-controller,.dplayer.dplayer-playing:hover .dplayer-controller-mask{opacity:1}}.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon{display:block}.dplayer.dplayer-loading .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.dplayer.dplayer-hide-controller .dplayer-controller,.dplayer.dplayer-hide-controller .dplayer-controller-mask{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.dplayer.dplayer-show-controller .dplayer-controller,.dplayer.dplayer-show-controller .dplayer-controller-mask{opacity:1}.dplayer.dplayer-fulled{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%}.dplayer.dplayer-mobile .dplayer-camera-icon,.dplayer.dplayer-mobile .dplayer-volume{display:none!important}.dplayer.dplayer-mobile .dplayer-full-in-icon{position:static!important;display:inline-block!important}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{width:200px}.dplayer.dplayer-mobile .dplayer-comment-setting-title{display:none}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{left:17px}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-icon{width:40px}.dplayer .dplayer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.dplayer .dplayer-mask.dplayer-mask-show{display:block}.dplayer .dplayer-video-wrap{position:relative;background:#000;font-size:0;width:100%;height:100%}.dplayer .dplayer-video-wrap .dplayer-video{width:100%;height:100%}.dplayer .dplayer-danmaku{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff}.dplayer .dplayer-danmaku .dplayer-danmaku-item{display:inline-block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;white-space:nowrap;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.dplayer .dplayer-danmaku .dplayer-danmaku-item--demo{position:absolute;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-right{position:absolute;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.dplayer .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{will-change:transform;-webkit-animation:danmaku 5s linear;animation:danmaku 5s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom,.dplayer .dplayer-danmaku .dplayer-danmaku-top{position:absolute;width:100%;text-align:center;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{will-change:visibility;-webkit-animation:danmaku-center 4s linear;animation:danmaku-center 4s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}@keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}.dplayer .dplayer-bezel{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff;pointer-events:none}.dplayer .dplayer-bezel .dplayer-fill{fill:hsla(0,0%,100%,.8)}.dplayer .dplayer-bezel .dplayer-bezel-icon{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;height:52px;width:52px;padding:12px;box-sizing:border-box;background:rgba(0,0,0,.5);border-radius:50%;opacity:0;pointer-events:none}.dplayer .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition{-webkit-animation:bezel-hide .5s linear;animation:bezel-hide .5s linear}@-webkit-keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.dplayer .dplayer-bezel .dplayer-danloading{position:absolute;top:50%;margin-top:-7px;width:100%;text-align:center;font-size:14px;line-height:14px;-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out}.dplayer .dplayer-bezel .diplayer-loading-icon{display:none;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;height:36px;width:36px;pointer-events:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide{display:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot{-webkit-animation:diplayer-loading-dot-fade .8s ease infinite;animation:diplayer-loading-dot-fade .8s ease infinite;opacity:0;fill:#fff;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7{-webkit-animation-delay:.7s;animation-delay:.7s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6{-webkit-animation-delay:.6s;animation-delay:.6s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5{-webkit-animation-delay:.5s;animation-delay:.5s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4{-webkit-animation-delay:.4s;animation-delay:.4s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3{-webkit-animation-delay:.3s;animation-delay:.3s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2{-webkit-animation-delay:.2s;animation-delay:.2s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1{-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}.dplayer .dplayer-controller-mask{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;height:98px;width:100%}.dplayer .dplayer-controller,.dplayer .dplayer-controller-mask{position:absolute;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease}.dplayer .dplayer-controller{left:0;right:0;height:41px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dplayer .dplayer-controller .dplayer-bar-wrap{padding:5px 0;cursor:pointer;position:absolute;bottom:33px;width:calc(100% - 40px);height:3px}.dplayer .dplayer-controller .dplayer-bar-wrap:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar{position:relative;height:3px;width:100%;background:hsla(0,0%,100%,.2);cursor:pointer!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:hsla(0,0%,100%,.4);height:3px;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played{position:absolute;left:0;top:0;bottom:0;height:3px;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons{height:38px;position:absolute;bottom:0}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon{padding:7px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right{right:20px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon{padding:8px}.dplayer .dplayer-controller .dplayer-icons #dplayer-menu{stroke:#ddd;stroke-width:1px}.dplayer .dplayer-controller .dplayer-icons .dplayer-time{line-height:38px;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);vertical-align:middle;font-size:13px;cursor:default}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon{width:46px;height:100%;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;box-sizing:border-box;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon:hover{opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon{padding:10px 9px 9px}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon{padding-top:8.5px}.dplayer .dplayer-controller .dplayer-icons .dplayer-fill{fill:#fff}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume{position:relative;display:inline-block;cursor:pointer!important;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap{display:inline-block;margin:0 5px 0 -5px;vertical-align:middle;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar{position:relative;top:17px;width:0;height:3px;background:#aaa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(170px);transform:translateX(170px);width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow{width:70px;height:180px;text-align:center}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item{height:30px;padding:5px 10px;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku{padding:5px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label{padding:0 10px;display:inline}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap{padding:0 10px;box-sizing:border-box;display:none;vertical-align:middle;height:100%;width:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar{position:relative;top:8.5px;width:100%;height:3px;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;background:#aaa;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-full{display:inline-block;height:100%;position:relative}.dplayer .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon{display:block}.dplayer .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon{position:absolute;top:-30px;z-index:1;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(382px);transform:translateX(382px);border-radius:2px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon{height:24px;width:24px;position:absolute;top:5px;left:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{position:absolute;background:#fff;bottom:40px;left:-93px;box-shadow:0 0 25px rgba(0,0,0,.3);border-radius:4px;padding:10px 10px 16px;font-size:14px;width:204px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open{-webkit-transform:scale(1);transform:scale(1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box:after{content:"";position:absolute;top:100%;left:50%;margin-left:-12px;background:url('data:image/svg+xml;utf8,');width:24px;height:12px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box input[type=radio]{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box label{cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title{font-size:14px;color:#555;padding:6px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span{border-radius:4px 0 0 4px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span{border-radius:0 4px 4px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span{width:33%;padding:4px 6px;line-height:16px;display:inline-block;font-size:12px;color:#555;border:1px solid #e4e4e6;margin-right:-1px;box-sizing:border-box;text-align:center;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span{background:#e4e4e6}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span{width:22px;height:22px;display:inline-block;border-radius:50%;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover{-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color input:checked+span{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border:none!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{outline:none;border:none;padding:8px 31px;font-size:14px;line-height:18px;text-align:center;border-radius:4px;width:300px;background:#fff;margin:0;height:auto}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon{height:22px;width:22px;position:absolute;top:6px;right:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-label{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle{width:32px;height:100%;text-align:center;display:inline-block;font-size:0;vertical-align:middle;float:right}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input{max-height:0;max-width:0;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label{display:inline-block;position:relative;box-shadow:inset 0 0 0 0 #dfdfdf;border:1px solid #dfdfdf;height:20px;width:32px;border-radius:10px;box-sizing:border-box;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after,.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:before{content:"";position:absolute;display:block;height:18px;width:18px;top:0;left:0;border-radius:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label{border-color:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:before{width:30px;background:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:after{left:12px}.dplayer .dplayer-menu{position:absolute;width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:5px 0;overflow:hidden;z-index:3;display:none}.dplayer .dplayer-menu.dplayer-menu-show{display:block}.dplayer .dplayer-menu .dplayer-menu-item{height:30px;padding:5px 10px;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-menu .dplayer-menu-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-menu .dplayer-menu-item .dplayer-menu-label a{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}@-webkit-keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} /*# sourceMappingURL=DPlayer.min.css.map*/ \ No newline at end of file diff --git a/dist/DPlayer.min.js b/dist/DPlayer.min.js index 2ea6c6b..862ae3a 100644 --- a/dist/DPlayer.min.js +++ b/dist/DPlayer.min.js @@ -1,2 +1,2 @@ -(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 l=n[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},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=6)}([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 \n \n \n \n '}},function(e,t,n){"use strict";var a=n(0);e.exports={main:function(e,t,n){return'\n
\n
\n \n
\n
\n
\n
\n \n '+(e.danmaku?''+n("Danmaku is loading")+"":"")+'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
\n
\n 0:00 / 0:00\n
\n
\n '+(e.screenshot?'\n '+a("camera")+" \n ":"")+'\n
\n \n
\n \n
\n
\n
'+n("Set danmaku color")+'
\n \n \n \n \n \n \n
\n
\n
'+n("Set danmaku type")+'
\n \n \n \n
\n
\n \n \n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n
\n
'+n("About author")+'
\n
'+n("DPlayer feedback")+'
\n
'+n("About DPlayer")+"
\n
\n "},setting:function(e){return{original:'\n
\n '+e("Speed")+'\n
'+a("right")+'
\n
\n
\n '+e("Loop")+'\n
\n \n \n
\n
\n
\n '+e("Danmaku")+'\n
\n \n \n
\n
\n
\n '+e("Opacity for danmaku")+'\n
\n
\n
\n \n
\n
\n
\n
',speed:'\n
\n 0.5\n
\n
\n 0.75\n
\n
\n '+e("Normal")+'\n
\n
\n 1.25\n
\n
\n 1.5\n
\n
\n 2\n
'}}}},function(e,t,n){"use strict";var a={"Danmaku is loading":"弹幕加载中",Top:"顶部",Bottom:"底部",Rolling:"滚动","Input danmaku, hit Enter":"输入弹幕,回车发送","About author":"关于作者","DPlayer feedback":"播放器意见反馈","About DPlayer":"关于 DPlay 播放器",Loop:"洗脑循环",Speed:"速度","Opacity for danmaku":"弹幕透明度",Normal:"正常","Please input danmaku!":"要输入弹幕内容啊喂!","Set danmaku color":"设置弹幕颜色","Set danmaku type":"设置弹幕类型",Danmaku:"弹幕"};e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return"en"===t.lang?e:"zh"===t.lang?a[e]:void 0}}},function(e,t,n){"use strict";var a=n(5);e.exports=function(e){/mobile/i.test(window.navigator.userAgent)&&(e.autoplay=!1);var t={element:document.getElementsByClassName("dplayer")[0],autoplay:!1,theme:"#b7daff",loop:!1,lang:navigator.language.indexOf("zh")!==-1?"zh":"en",screenshot:!1,hotkey:!0,preload:"auto",apiBackend:a};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return e.video.hasOwnProperty("type")||(e.video.type="auto"),e.danmaku.hasOwnProperty("user")||(e.danmaku.user="DIYgod"),e}},function(e,t){},function(e,t,n){"use strict";var a=function(e,t,n,a,l){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState){if(s.status>=200&&s.status<300||304===s.status){var e=JSON.parse(s.responseText);return 1!==e.code?a(s,e):n(s,e)}l(s)}},s.open(null!==t?"POST":"GET",e,!0),s.send(null!==t?JSON.stringify(t):null)};e.exports={send:function(e,t){a(e,t,function(e,t){},function(e,t){alert(t.msg)},function(e){})},read:function(e,t){a(e,null,function(e,n){t(null,n.danmaku)},function(e,n){t({status:e.status,response:n})},function(e){t({status:e.status,response:null})})}}},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 l="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;n0?t:0,t=t<1?t:1,E[e+"Bar"].style[n]=100*t+"%"};var s=["play","pause","canplay","playing","ended","error"];this.event={};for(var m=0;m=n.video.currentTime)return void(n.danIndex=e);n.danIndex=n.dan.length}});var x=0,B=0,C=!1,T=void 0;this.setTime=function(){n.playedTime=setInterval(function(){B=n.video.currentTime,!C&&Bx+.01&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),C=!1),x=B,n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=k(n.video.currentTime),n.trigger("playing")},100),n.option.danmaku&&V&&(T=setInterval(function(){if(n.dan)for(var e=n.dan[n.danIndex];e&&n.video.currentTime>parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},100))},this.clearTime=function(){clearInterval(n.playedTime),n.option.danmaku&&clearInterval(T)},L.addEventListener("click",function(e){var t=e||window.event;w=L.clientWidth;var a=(t.clientX-b(L))/w;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.video.currentTime=parseFloat(E.playedBar.style.width)/100*n.video.duration});var M=function(e){var t=e||window.event,a=(t.clientX-b(L))/w;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=k(a*n.video.duration)},z=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",M),n.video.currentTime=parseFloat(E.playedBar.style.width)/100*n.video.duration,n.setTime()};L.addEventListener("mousedown",function(){w=L.clientWidth,n.clearTime(),document.addEventListener("mousemove",M),document.addEventListener("mouseup",z)}),E.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var N=this.element.getElementsByClassName("dplayer-volume")[0],q=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],D=this.element.getElementsByClassName("dplayer-volume-bar")[0],I=this.element.getElementsByClassName("dplayer-volume-icon")[0],S=35;this.switchVolumeIcon=function(){var e=n.element.getElementsByClassName("dplayer-volume-icon")[0];n.video.volume>=.8?e.innerHTML=i("volume-up"):n.video.volume>0?e.innerHTML=i("volume-down"):e.innerHTML=i("volume-off")};var H=function(e){var t=e||window.event,a=(t.clientX-b(D)-5.5)/S;n.volume(a)},P=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",H),N.classList.remove("dplayer-volume-active")};q.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-b(D)-5.5)/S;n.volume(a)}),q.addEventListener("mousedown",function(){document.addEventListener("mousemove",H),document.addEventListener("mouseup",P),N.classList.add("dplayer-volume-active")}),I.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.video.volume,"width")):(n.video.muted=!0,I.innerHTML=i("volume-off"),n.updateBar("volume",0,"width"))});var F=0;if(!c){var O=function(){n.element.classList.remove("dplayer-hide-controller"),clearTimeout(F),F=setTimeout(function(){n.video.played.length&&(n.element.classList.add("dplayer-hide-controller"),W(),ie())},2e3)};this.element.addEventListener("mousemove",O),this.element.addEventListener("click",O)}this.danOpacity=localStorage.getItem("DPlayer-opacity")||.7;var A=r.setting(l),R=this.element.getElementsByClassName("dplayer-setting-icon")[0],X=this.element.getElementsByClassName("dplayer-setting-box")[0],j=this.element.getElementsByClassName("dplayer-mask")[0];X.innerHTML=A.original;var W=function(){X.classList.contains("dplayer-setting-box-open")&&(X.classList.remove("dplayer-setting-box-open"),j.classList.remove("dplayer-mask-show"),setTimeout(function(){X.classList.remove("dplayer-setting-box-narrow"),X.innerHTML=A.original,U()},300))},_=function(){X.classList.add("dplayer-setting-box-open"),j.classList.add("dplayer-mask-show")};j.addEventListener("click",function(){W()}),R.addEventListener("click",function(){_()});var Y=this.option.loop,$=this.element.getElementsByClassName("dplayer-danmaku")[0],V=!0,U=function(){var e=n.element.getElementsByClassName("dplayer-setting-loop")[0],t=e.getElementsByClassName("dplayer-toggle-setting-input")[0];t.checked=Y,e.addEventListener("click",function(){t.checked=!t.checked,t.checked?(Y=!0,n.video.loop=Y):(Y=!1,n.video.loop=Y),W()});var a=n.element.getElementsByClassName("dplayer-setting-showdan")[0],l=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(l.checked=V,a.addEventListener("click",function(){if(l.checked=!l.checked,l.checked){if(V=!0,n.option.danmaku){for(var e=0;e=n.video.currentTime){n.danIndex=e;break}n.danIndex=n.dan.length}T=setInterval(function(){for(var e=n.dan[n.danIndex];e&&n.video.currentTime>=parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},0)}}else V=!1,n.option.danmaku&&(clearInterval(T),$.innerHTML='
',n.danTunnel={right:{},top:{},bottom:{}},n.itemDemo=n.element.getElementsByClassName("dplayer-danmaku-item")[0]);W()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){X.classList.add("dplayer-setting-box-narrow"),X.innerHTML=A.speed;for(var e=X.getElementsByClassName("dplayer-setting-speed-item"),t=function(t){e[t].addEventListener("click",function(){n.video.playbackRate=e[t].dataset.speed,W()})},a=0;a0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var l=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var l=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"/")},ne=function(){if(J.blur(),!J.value.replace(/^\s+|\s+$/g,""))return void alert(l("Please input danmaku!"));var e={token:n.option.danmaku.token,player:n.option.danmaku.id,author:n.option.danmaku.user,time:n.video.currentTime,text:J.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value};n.option.apiBackend.send(n.option.danmaku.api,e),J.value="",ie(),n.dan.splice(n.danIndex,0,e),n.danIndex++,n.pushDanmaku(te(e.text),e.color,e.type).style.border="2px solid "+n.option.theme},ae=function(){Z.classList.contains("dplayer-comment-setting-open")&&Z.classList.remove("dplayer-comment-setting-open")},le=function(){Z.classList.contains("dplayer-comment-setting-open")?Z.classList.remove("dplayer-comment-setting-open"):Z.classList.add("dplayer-comment-setting-open")},se=0,ie=function(){K.classList.contains("dplayer-comment-box-open")&&(K.classList.remove("dplayer-comment-box-open"),j.classList.remove("dplayer-mask-show"),clearInterval(se),n.element.classList.remove("dplayer-show-controller"),ae())},de=function(){K.classList.add("dplayer-comment-box-open"),j.classList.add("dplayer-mask-show"),se=setInterval(function(){clearTimeout(F)},1e3),n.element.classList.add("dplayer-show-controller")};j.addEventListener("click",function(){ie()}),G.addEventListener("click",function(){de(),setTimeout(function(){J.focus()},300)}),Q.addEventListener("click",function(){le()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(Q.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),J.addEventListener("click",function(){ae()}),J.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ne()}),ee.addEventListener("click",ne);var oe=function(){for(var e=$.offsetWidth,t=n.element.getElementsByClassName("dplayer-danmaku-item"),a=0;a=a.width?(ce.style.right=a.width-l+"px",ce.style.left="initial"):(ce.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",ce.style.right="initial"),s+ce.offsetHeight>=a.height?(ce.style.bottom=a.height-s+"px",ce.style.top="initial"):(ce.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",ce.style.bottom="initial"),j.classList.add("dplayer-mask-show"),j.addEventListener("click",function(){j.classList.remove("dplayer-mask-show"),ce.classList.remove("dplayer-menu-show")})}),this.option.screenshot){var pe=this.element.getElementsByClassName("dplayer-camera-icon")[0];pe.addEventListener("click",function(){var e=document.createElement("canvas");e.width=n.video.videoWidth,e.height=n.video.videoHeight,e.getContext("2d").drawImage(n.video,0,0,e.width,e.height),pe.href=e.toDataURL(),pe.download="DPlayer.png"})}p++}return s(e,[{key:"play",value:function(e){"[object Number]"===Object.prototype.toString.call(e)&&(this.video.currentTime=e),this.paused=!1,this.video.paused&&(this.bezel.innerHTML=i("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=i("pause"),this.video.play(),this.playedTime&&this.clearTime(),this.setTime(),this.element.classList.add("dplayer-playing"),this.trigger("play")}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=i("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=i("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),this.trigger("pause")}},{key:"volume",value:function(e){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width"),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"_readAllEndpoints",value:function(e,t){for(var n=[],a=0,l=function(l){return function(s,i){if(++a,s?s.response?alert(s.response.msg):n[l]=[]:n[l]=i,a==e.length)return t(n)}},s=0;s',this.danTunnel={right:{},top:{},bottom:{}},this.itemDemo=this.element.getElementsByClassName("dplayer-danmaku-item")[0],this.option.danmaku=t,this.readDanmaku())}}]),e}();e.exports=m}])}); +(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 l=n[a]={i:a,l:!1,exports:{}};return e[a].call(l.exports,l,l.exports,t),l.l=!0,l.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},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=5)}([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 \n \n \n \n '}},function(e,t,n){"use strict";var a=n(0);e.exports={main:function(e,t,n){return'\n
\n
\n \n
\n
\n
\n
\n \n '+(e.danmaku?''+n("Danmaku is loading")+"":"")+'\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
\n
\n 0:00 / 0:00\n
\n
\n '+(e.screenshot?'\n '+a("camera")+" \n ":"")+'\n
\n \n
\n \n
\n
\n
'+n("Set danmaku color")+'
\n \n \n \n \n \n \n
\n
\n
'+n("Set danmaku type")+'
\n \n \n \n
\n
\n \n \n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n "},setting:function(e){return{original:'\n
\n '+e("Speed")+'\n
'+a("right")+'
\n
\n
\n '+e("Loop")+'\n
\n \n \n
\n
\n
\n '+e("Danmaku")+'\n
\n \n \n
\n
\n
\n '+e("Opacity for danmaku")+'\n
\n
\n
\n \n
\n
\n
\n
',speed:'\n
\n 0.5\n
\n
\n 0.75\n
\n
\n '+e("Normal")+'\n
\n
\n 1.25\n
\n
\n 1.5\n
\n
\n 2\n
'}}}},function(e,t,n){"use strict";var a={"Danmaku is loading":"弹幕加载中",Top:"顶部",Bottom:"底部",Rolling:"滚动","Input danmaku, hit Enter":"输入弹幕,回车发送","About author":"关于作者","DPlayer feedback":"播放器意见反馈","About DPlayer":"关于 DPlay 播放器",Loop:"洗脑循环",Speed:"速度","Opacity for danmaku":"弹幕透明度",Normal:"正常","Please input danmaku!":"要输入弹幕内容啊喂!","Set danmaku color":"设置弹幕颜色","Set danmaku type":"设置弹幕类型",Danmaku:"弹幕"};e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return"en"===t.lang?e:"zh"===t.lang?a[e]:void 0}}},function(e,t,n){"use strict";var a=n(6);e.exports=function(e){/mobile/i.test(window.navigator.userAgent)&&(e.autoplay=!1);var t={element:document.getElementsByClassName("dplayer")[0],autoplay:!1,theme:"#b7daff",loop:!1,lang:-1!==navigator.language.indexOf("zh")?"zh":"en",screenshot:!1,hotkey:!0,preload:"auto",apiBackend:a};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return e.video&&!e.video.hasOwnProperty("type")&&(e.video.type="auto"),e.danmaku&&!e.danmaku.hasOwnProperty("user")&&(e.danmaku.user="DIYgod"),e}},function(e,t){},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 l="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;n0?t:0,t=t<1?t:1,E[e+"Bar"].style[n]=100*t+"%"};var s=["play","pause","canplay","playing","ended","error"];this.event={};for(var m=0;m=n.video.currentTime)return void(n.danIndex=e);n.danIndex=n.dan.length}});var x=0,B=0,C=!1,T=void 0;this.setTime=function(){n.playedTime=setInterval(function(){B=n.video.currentTime,!C&&Bx+.01&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),C=!1),x=B,n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=k(n.video.currentTime),n.trigger("playing")},100),n.option.danmaku&&$&&(T=setInterval(function(){if(n.dan)for(var e=n.dan[n.danIndex];e&&n.video.currentTime>parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},100))},this.clearTime=function(){clearInterval(n.playedTime),n.option.danmaku&&clearInterval(T)},L.addEventListener("click",function(e){var t=e||window.event;w=L.clientWidth;var a=(t.clientX-b(L))/w;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.video.currentTime=parseFloat(E.playedBar.style.width)/100*n.video.duration});var M=function(e){var t=e||window.event,a=(t.clientX-b(L))/w;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=k(a*n.video.duration)},z=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",M),n.video.currentTime=parseFloat(E.playedBar.style.width)/100*n.video.duration,n.setTime()};L.addEventListener("mousedown",function(){w=L.clientWidth,n.clearTime(),document.addEventListener("mousemove",M),document.addEventListener("mouseup",z)}),E.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var N=this.element.getElementsByClassName("dplayer-volume")[0],q=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],D=this.element.getElementsByClassName("dplayer-volume-bar")[0],I=this.element.getElementsByClassName("dplayer-volume-icon")[0];this.switchVolumeIcon=function(){var e=n.element.getElementsByClassName("dplayer-volume-icon")[0];n.video.volume>=.8?e.innerHTML=i("volume-up"):n.video.volume>0?e.innerHTML=i("volume-down"):e.innerHTML=i("volume-off")};var S=function(e){var t=e||window.event,a=(t.clientX-b(D)-5.5)/35;n.volume(a)},P=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",S),N.classList.remove("dplayer-volume-active")};q.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-b(D)-5.5)/35;n.volume(a)}),q.addEventListener("mousedown",function(){document.addEventListener("mousemove",S),document.addEventListener("mouseup",P),N.classList.add("dplayer-volume-active")}),I.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.video.volume,"width")):(n.video.muted=!0,I.innerHTML=i("volume-off"),n.updateBar("volume",0,"width"))});var H=0;if(!c){var F=function(){n.element.classList.remove("dplayer-hide-controller"),clearTimeout(H),H=setTimeout(function(){n.video.played.length&&(n.element.classList.add("dplayer-hide-controller"),X(),se())},2e3)};this.element.addEventListener("mousemove",F),this.element.addEventListener("click",F)}this.danOpacity=localStorage.getItem("DPlayer-opacity")||.7;var O=r.setting(l),R=this.element.getElementsByClassName("dplayer-setting-icon")[0],A=this.element.getElementsByClassName("dplayer-setting-box")[0],j=this.element.getElementsByClassName("dplayer-mask")[0];A.innerHTML=O.original;var X=function(){A.classList.contains("dplayer-setting-box-open")&&(A.classList.remove("dplayer-setting-box-open"),j.classList.remove("dplayer-mask-show"),setTimeout(function(){A.classList.remove("dplayer-setting-box-narrow"),A.innerHTML=O.original,V()},300))},W=function(){A.classList.add("dplayer-setting-box-open"),j.classList.add("dplayer-mask-show")};j.addEventListener("click",function(){X()}),R.addEventListener("click",function(){W()});var _=this.option.loop,Y=this.element.getElementsByClassName("dplayer-danmaku")[0],$=!0,V=function(){var e=n.element.getElementsByClassName("dplayer-setting-loop")[0],t=e.getElementsByClassName("dplayer-toggle-setting-input")[0];t.checked=_,e.addEventListener("click",function(){t.checked=!t.checked,t.checked?(_=!0,n.video.loop=_):(_=!1,n.video.loop=_),X()});var a=n.element.getElementsByClassName("dplayer-setting-showdan")[0],l=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(l.checked=$,a.addEventListener("click",function(){if(l.checked=!l.checked,l.checked){if($=!0,n.option.danmaku){for(var e=0;e=n.video.currentTime){n.danIndex=e;break}n.danIndex=n.dan.length}T=setInterval(function(){for(var e=n.dan[n.danIndex];e&&n.video.currentTime>=parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},0)}}else $=!1,n.option.danmaku&&(clearInterval(T),Y.innerHTML='
',n.danTunnel={right:{},top:{},bottom:{}},n.itemDemo=n.element.getElementsByClassName("dplayer-danmaku-item")[0]);X()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){A.classList.add("dplayer-setting-box-narrow"),A.innerHTML=O.speed;for(var e=A.getElementsByClassName("dplayer-setting-speed-item"),t=0;t0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var l=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var l=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"/")},te=function(){if(U.blur(),!U.value.replace(/^\s+|\s+$/g,""))return void alert(l("Please input danmaku!"));var e={token:n.option.danmaku.token,player:n.option.danmaku.id,author:n.option.danmaku.user,time:n.video.currentTime,text:U.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value};n.option.apiBackend.send(n.option.danmaku.api,e),U.value="",se(),n.dan.splice(n.danIndex,0,e),n.danIndex++,n.pushDanmaku(ee(e.text),e.color,e.type).style.border="2px solid "+n.option.theme},ne=function(){Q.classList.contains("dplayer-comment-setting-open")&&Q.classList.remove("dplayer-comment-setting-open")},ae=function(){Q.classList.contains("dplayer-comment-setting-open")?Q.classList.remove("dplayer-comment-setting-open"):Q.classList.add("dplayer-comment-setting-open")},le=0,se=function(){G.classList.contains("dplayer-comment-box-open")&&(G.classList.remove("dplayer-comment-box-open"),j.classList.remove("dplayer-mask-show"),clearInterval(le),n.element.classList.remove("dplayer-show-controller"),ne())},ie=function(){G.classList.add("dplayer-comment-box-open"),j.classList.add("dplayer-mask-show"),le=setInterval(function(){clearTimeout(H)},1e3),n.element.classList.add("dplayer-show-controller")};j.addEventListener("click",function(){se()}),J.addEventListener("click",function(){ie(),setTimeout(function(){U.focus()},300)}),K.addEventListener("click",function(){ae()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(K.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),U.addEventListener("click",function(){ne()}),U.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&te()}),Z.addEventListener("click",te);var de=function(){for(var e=Y.offsetWidth,t=n.element.getElementsByClassName("dplayer-danmaku-item"),a=0;a=a.width?(re.style.right=a.width-l+"px",re.style.left="initial"):(re.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",re.style.right="initial"),s+re.offsetHeight>=a.height?(re.style.bottom=a.height-s+"px",re.style.top="initial"):(re.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",re.style.bottom="initial"),j.classList.add("dplayer-mask-show"),j.addEventListener("click",function(){j.classList.remove("dplayer-mask-show"),re.classList.remove("dplayer-menu-show")})}),this.option.screenshot){var ce=this.element.getElementsByClassName("dplayer-camera-icon")[0];ce.addEventListener("click",function(){var e=document.createElement("canvas");e.width=n.video.videoWidth,e.height=n.video.videoHeight,e.getContext("2d").drawImage(n.video,0,0,e.width,e.height),ce.href=e.toDataURL(),ce.download="DPlayer.png"})}p++}return s(e,[{key:"play",value:function(e){"[object Number]"===Object.prototype.toString.call(e)&&(this.video.currentTime=e),this.paused=!1,this.video.paused&&(this.bezel.innerHTML=i("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=i("pause"),this.video.play(),this.playedTime&&this.clearTime(),this.setTime(),this.element.classList.add("dplayer-playing"),this.trigger("play")}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=i("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=i("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),this.trigger("pause")}},{key:"volume",value:function(e){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width"),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"_readAllEndpoints",value:function(e,t){for(var n=[],a=0,l=0;l',this.danTunnel={right:{},top:{},bottom:{}},this.itemDemo=this.element.getElementsByClassName("dplayer-danmaku-item")[0],this.option.danmaku=t,this.readDanmaku())}}]),e}();e.exports=m},function(e,t,n){"use strict";var a=function(e,t,n,a,l){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState){if(s.status>=200&&s.status<300||304===s.status){var e=JSON.parse(s.responseText);return 1!==e.code?a(s,e):n(s,e)}l(s)}},s.open(null!==t?"POST":"GET",e,!0),s.send(null!==t?JSON.stringify(t):null)};e.exports={send:function(e,t){a(e,t,function(e,t){console.log("Post danmaku: ",t)},function(e,t){alert(t.msg)},function(e){console.log("Request was unsuccessful: "+e.status)})},read:function(e,t){a(e,null,function(e,n){t(null,n.danmaku)},function(e,n){t({status:e.status,response:n})},function(e){t({status:e.status,response:null})})}}}])}); //# sourceMappingURL=DPlayer.min.js.map \ No newline at end of file diff --git a/dist/DPlayer.min.js.map b/dist/DPlayer.min.js.map index bdc507b..cfc7138 100644 --- a/dist/DPlayer.min.js.map +++ b/dist/DPlayer.min.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap 0e3f01d1dcce30c965f5","webpack:///./src/svg.js","webpack:///./src/html.js","webpack:///./src/i18n.js","webpack:///./src/option.js","webpack:///./src/api.js","webpack:///./src/DPlayer.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","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","svg","main","option","index","tran","video","pic","screenshot","preload","url","danmaku","theme","original","localStorage","getItem","speed","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!","Set danmaku color","Set danmaku type","Danmaku","lang","_this","text","defaultApiBackend","test","window","navigator","userAgent","autoplay","defaultOption","element","document","getElementsByClassName","language","indexOf","hotkey","apiBackend","defaultKey","user","SendXMLHttpRequest","data","success","error","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","status","response","JSON","parse","responseText","code","open","stringify","endpoint","danmakuData","alert","msg","read","cbk","_classCallCheck","instance","Constructor","TypeError","_typeof","Symbol","iterator","obj","constructor","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","handleOption","i18n","html","isMobile","DPlayer","updateBar","percentage","direction","bar","style","eventTypes","event","trigger","classList","add","innerHTML","arrow","offsetWidth","arrowStyle","createElement","head","appendChild","exec","Hls","isSupported","hls","attachMedia","on","Events","MEDIA_ATTACHED","loadSource","MANIFEST_PARSED","flvjs","flvPlayer","createPlayer","attachMediaElement","load","bezel","addEventListener","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","secondToTime","second","add0","num","min","parseInt","sec","getElementViewLeft","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","body","scrollLeft","documentElement","playedBar","loadedBar","pbar","barWidth","dan","time","currentTime","danIndex","lastPlayPos","currentPlayPos","bufferingDetected","danmakuTime","setTime","playedTime","setInterval","duration","showdan","item","parseFloat","pushDanmaku","color","clearTime","clearInterval","e","clientWidth","clientX","width","thumbMove","thumbUp","removeEventListener","volumeBar","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","vWidth","switchVolumeIcon","volume","volumeMove","volumeUp","muted","hideTime","hideController","clearTimeout","setTimeout","played","closeSetting","closeComment","danOpacity","settingHTML","settingIcon","settingBox","mask","settingEvent","openSetting","danContainer","loopEle","loopToggle","checked","showDanEle","showDanToggle","danTunnel","top","bottom","itemDemo","speedItem","_loop","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","dWidth","danmakuMove","items","opacity","setItem","danmakuUp","buffered","end","ended","readDanmaku","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","htmlEncode","str","replace","sendComment","blur","token","player","id","author","querySelector","api","splice","border","closeCommentSetting","toggleCommentSetting","disableHide","openComment","focus","fill","keyCode","resetAnimation","danWidth","transform","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","offsetHeight","height","camareIcon","canvas","videoWidth","videoHeight","getContext","drawImage","href","toDataURL","download","toString","func","push","endpoints","finish","results","readCount","err","_this2","apiurl","maximum","addition","slice","_readAllEndpoints","concat","apply","sort","a","b","display","_this3","itemHeight","danHeight","itemY","danItemRight","ele","danSpeed","getTunnel","tmp","_loop2","v","j","danRight","_ret2","removeChild","itemWidth","console","src","poster"],"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/******/\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// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\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 = 6);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n/**\n* SVG used by DPlayer\n*/\n\nvar svgSource = {\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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']\n};\n\nmodule.exports = function (type) {\n return '\\n \\n \\n \\n \\n ';\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar svg = __webpack_require__(0);\n\nmodule.exports = {\n main: function main(option, index, tran) {\n return '\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n \\n ' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n 0:00 / 0:00\\n
\\n
\\n ' + (option.screenshot ? '\\n ' + svg('camera') + ' \\n ' : '') + '\\n
\\n \\n
\\n \\n
\\n
\\n
' + tran('Set danmaku color') + '
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
' + tran('Set danmaku type') + '
\\n \\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n \\n ');\n },\n\n setting: function setting(tran) {\n return {\n 'original': '\\n
\\n ' + tran('Speed') + '\\n
' + svg('right') + ('
\\n
\\n
\\n ' + tran('Loop') + '\\n
\\n \\n \\n
\\n
\\n
\\n ' + tran('Danmaku') + '\\n
\\n \\n \\n
\\n
\\n
\\n ' + tran('Opacity for danmaku') + '\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
'),\n 'speed': '\\n
\\n 0.5\\n
\\n
\\n 0.75\\n
\\n
\\n ' + tran('Normal') + '\\n
\\n
\\n 1.25\\n
\\n
\\n 1.5\\n
\\n
\\n 2\\n
'\n };\n }\n};\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar tranZH = {\n 'Danmaku is loading': '弹幕加载中',\n 'Top': '顶部',\n 'Bottom': '底部',\n 'Rolling': '滚动',\n 'Input danmaku, hit Enter': '输入弹幕,回车发送',\n 'About author': '关于作者',\n 'DPlayer feedback': '播放器意见反馈',\n 'About DPlayer': '关于 DPlay 播放器',\n 'Loop': '洗脑循环',\n 'Speed': '速度',\n 'Opacity for danmaku': '弹幕透明度',\n 'Normal': '正常',\n 'Please input danmaku!': '要输入弹幕内容啊喂!',\n 'Set danmaku color': '设置弹幕颜色',\n 'Set danmaku type': '设置弹幕类型',\n 'Danmaku': '弹幕'\n};\n\nmodule.exports = function (lang) {\n var _this = this;\n\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/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar defaultApiBackend = __webpack_require__(5);\n\nmodule.exports = function (option) {\n var isMobile = /mobile/i.test(window.navigator.userAgent);\n // compatibility: some mobile browsers don't suppose autoplay\n if (isMobile) {\n option.autoplay = false;\n }\n\n // default options\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 };\n for (var defaultKey in defaultOption) {\n if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n option[defaultKey] = defaultOption[defaultKey];\n }\n }\n if (!option.video.hasOwnProperty('type')) {\n option.video.type = 'auto';\n }\n if (!option.danmaku.hasOwnProperty('user')) {\n option.danmaku.user = 'DIYgod';\n }\n\n return option;\n};\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n/*\n * xhr.status ---> fail\n * response.code === 1 ---> success\n * response.code !== 1 ---> error\n * */\n\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n var xhr = new XMLHttpRequest();\n\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\n if (response.code !== 1) {\n return error(xhr, response);\n }\n\n return success(xhr, response);\n }\n\n fail(xhr);\n }\n };\n\n xhr.open(data !== null ? 'POST' : 'GET', url, true);\n xhr.send(data !== null ? JSON.stringify(data) : null);\n};\n\nmodule.exports = {\n send: function send(endpoint, danmakuData) {\n SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {}, function (xhr, response) {\n alert(response.msg);\n }, function (xhr) {});\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({ status: xhr.status, response: response });\n }, function (xhr) {\n cbk({ status: xhr.status, response: null });\n });\n }\n};\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n__webpack_require__(4);\nvar svg = __webpack_require__(0);\nvar handleOption = __webpack_require__(3);\nvar i18n = __webpack_require__(2);\nvar html = __webpack_require__(1);\nvar isMobile = /mobile/i.test(window.navigator.userAgent);\n\nvar index = 0;\n\nvar DPlayer = function () {\n /**\n * DPlayer constructor function\n *\n * @param {Object} option - See README\n * @constructor\n */\n function DPlayer(option) {\n var _this = this;\n\n _classCallCheck(this, DPlayer);\n\n this.option = handleOption(option);\n\n var tran = new i18n(this.option.lang).tran;\n\n /**\n * Update progress bar, including loading progress bar and play progress bar\n *\n * @param {String} type - Point out which bar it is, should be played loaded or volume\n * @param {Number} percentage\n * @param {String} direction - Point out the direction of this bar, Should be height or width\n */\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\n // define DPlayer events\n var eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\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\n this.element = this.option.element;\n if (!this.option.danmaku) {\n this.element.classList.add('dplayer-no-danmaku');\n }\n if (isMobile) {\n this.element.classList.add('dplayer-mobile');\n }\n\n this.element.innerHTML = html.main(option, index, tran);\n\n // arrow style\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\n // get this video object\n this.video = this.element.getElementsByClassName('dplayer-video')[0];\n\n // Support HTTP Live Streaming\n var enablehls = void 0;\n if (this.option.video.type === 'auto') {\n enablehls = /m3u8(#|\\?|$)/i.exec(this.option.video.url);\n } else if (this.option.video.type === 'hls') {\n enablehls = true;\n } else {\n enablehls = false;\n }\n if (enablehls && Hls.isSupported()) {\n // this.element.getElementsByClassName('dplayer-time')[0].style.display = 'none';\n var hls = new Hls();\n hls.attachMedia(this.video);\n hls.on(Hls.Events.MEDIA_ATTACHED, function () {\n hls.loadSource(_this.option.video.url);\n hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {});\n });\n }\n\n // Support FLV\n var enableflv = void 0;\n if (this.option.video.type === 'auto') {\n enableflv = /.flv(#|\\?|$)/i.exec(this.option.video.url);\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\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\n // play and pause button\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\n var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n if (!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\n /**\n * Parse second to 00:00 format\n *\n * @param {Number} second\n * @return {String} 00:00 format\n */\n var 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\n /**\n * control play progress\n */\n // get element's view position\n var getElementViewLeft = function getElementViewLeft(element) {\n var actualLeft = element.offsetLeft;\n var current = element.offsetParent;\n var elementScrollLeft = void 0;\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 !== _this.element) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n return actualLeft - elementScrollLeft;\n };\n\n var getElementViewTop = function getElementViewTop(element) {\n var actualTop = element.offsetTop;\n var current = element.offsetParent;\n var elementScrollTop = void 0;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n } else {\n while (current !== null && current !== _this.element) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n return actualTop - elementScrollTop;\n };\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 barWidth = void 0;\n\n if (this.option.danmaku) {\n this.video.addEventListener('seeking', function () {\n for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n if (_this.dan[_i2].time >= _this.video.currentTime) {\n _this.danIndex = _i2;\n return;\n }\n _this.danIndex = _this.dan.length;\n }\n });\n }\n\n var lastPlayPos = 0;\n var currentPlayPos = 0;\n var bufferingDetected = false;\n var danmakuTime = void 0;\n this.setTime = function () {\n _this.playedTime = setInterval(function () {\n // whether the video is buffering\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\n _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = secondToTime(_this.video.currentTime);\n _this.trigger('playing');\n }, 100);\n if (_this.option.danmaku && showdan) {\n danmakuTime = setInterval(function () {\n if (_this.dan) {\n var item = _this.dan[_this.danIndex];\n while (item && _this.video.currentTime > parseFloat(item.time)) {\n _this.pushDanmaku(item.text, item.color, item.type);\n item = _this.dan[++_this.danIndex];\n }\n }\n }, 100);\n }\n };\n this.clearTime = function () {\n clearInterval(_this.playedTime);\n if (_this.option.danmaku) {\n clearInterval(danmakuTime);\n }\n };\n\n pbar.addEventListener('click', function (event) {\n var e = event || window.event;\n barWidth = pbar.clientWidth;\n var percentage = (e.clientX - getElementViewLeft(pbar)) / barWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n _this.updateBar('played', percentage, 'width');\n _this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration;\n });\n\n var thumbMove = function thumbMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 = secondToTime(percentage * _this.video.duration);\n };\n\n var thumbUp = function thumbUp() {\n document.removeEventListener('mouseup', thumbUp);\n document.removeEventListener('mousemove', thumbMove);\n _this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration;\n _this.setTime();\n };\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\n /**\n * control volume\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\n this.switchVolumeIcon = function () {\n var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n if (_this.video.volume >= 0.8) {\n volumeicon.innerHTML = svg('volume-up');\n } else if (_this.video.volume > 0) {\n volumeicon.innerHTML = svg('volume-down');\n } else {\n volumeicon.innerHTML = svg('volume-off');\n }\n };\n var volumeMove = function volumeMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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\n volumeBarWrapWrap.addEventListener('click', function (event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 = svg('volume-off');\n _this.updateBar('volume', 0, 'width');\n }\n });\n\n /**\n * auto hide controller\n */\n var hideTime = 0;\n if (!isMobile) {\n var hideController = function hideController() {\n _this.element.classList.remove('dplayer-hide-controller');\n clearTimeout(hideTime);\n 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\n /***\n * setting\n */\n this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n var settingHTML = html.setting(tran);\n\n // toggle setting box\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\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\n mask.addEventListener('click', function () {\n closeSetting();\n });\n settingIcon.addEventListener('click', function () {\n openSetting();\n });\n\n var loop = this.option.loop;\n var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n var showdan = true;\n var settingEvent = function settingEvent() {\n // loop control\n var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n\n loopToggle.checked = loop;\n\n loopEle.addEventListener('click', function () {\n loopToggle.checked = !loopToggle.checked;\n if (loopToggle.checked) {\n loop = true;\n _this.video.loop = loop;\n } else {\n loop = false;\n _this.video.loop = loop;\n }\n closeSetting();\n });\n\n // show danmaku control\n var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n\n showDanToggle.checked = showdan;\n\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 _i3 = 0; _i3 < _this.dan.length; _i3++) {\n if (_this.dan[_i3].time >= _this.video.currentTime) {\n _this.danIndex = _i3;\n break;\n }\n _this.danIndex = _this.dan.length;\n }\n danmakuTime = setInterval(function () {\n var item = _this.dan[_this.danIndex];\n while (item && _this.video.currentTime >= parseFloat(item.time)) {\n _this.pushDanmaku(item.text, item.color, item.type);\n item = _this.dan[++_this.danIndex];\n }\n }, 0);\n }\n } else {\n showdan = false;\n if (_this.option.danmaku) {\n clearInterval(danmakuTime);\n danContainer.innerHTML = '
';\n _this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n _this.itemDemo = _this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n }\n }\n closeSetting();\n });\n\n // speed control\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\n var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n\n var _loop = function _loop(_i4) {\n speedItem[_i4].addEventListener('click', function () {\n _this.video.playbackRate = speedItem[_i4].dataset.speed;\n closeSetting();\n });\n };\n\n for (var _i4 = 0; _i4 < speedItem.length; _i4++) {\n _loop(_i4);\n }\n });\n\n if (_this.option.danmaku) {\n // danmaku opacity\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\n var danmakuMove = function danmakuMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 var danmakuUp = function danmakuUp() {\n document.removeEventListener('mouseup', danmakuUp);\n document.removeEventListener('mousemove', danmakuMove);\n danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n };\n\n danmakuBarWrapWrap.addEventListener('click', function (event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 _i6 = 0; _i6 < items.length; _i6++) {\n items[_i6].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\n /**\n * video events\n */\n // show video time: the metadata has loaded or changed\n this.video.addEventListener('durationchange', function () {\n if (_this.video.duration !== 1) {\n // compatibility: Android browsers will output 1 at first\n _this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = secondToTime(_this.video.duration);\n }\n });\n\n // show video loaded bar: to inform interested parties of progress downloading the media\n this.video.addEventListener('progress', function () {\n var percentage = _this.video.buffered.length ? _this.video.buffered.end(_this.video.buffered.length - 1) / _this.video.duration : 0;\n _this.updateBar('loaded', percentage, 'width');\n });\n\n // video download error: an error occurs\n this.video.addEventListener('error', function () {\n _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = 'Error happens \\u2565\\uFE4F\\u2565';\n _this.trigger('pause');\n });\n\n // video can play: enough data is available that the media can be played\n this.video.addEventListener('canplay', function () {\n _this.trigger('canplay');\n });\n\n // music end\n this.ended = false;\n this.video.addEventListener('ended', function () {\n _this.updateBar('played', 1, 'width');\n if (!loop) {\n _this.ended = true;\n _this.pause();\n _this.trigger('ended');\n }\n });\n\n this.video.addEventListener('play', function () {\n if (_this.paused) {\n _this.play();\n }\n });\n\n this.video.addEventListener('pause', function () {\n if (!_this.paused) {\n _this.pause();\n }\n });\n\n // control volume\n this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n\n // loop\n this.video.loop = loop;\n\n // set duration time\n if (this.video.duration !== 1) {\n // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? secondToTime(this.video.duration) : '00:00';\n }\n\n // danmaku\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n\n if (this.option.danmaku) {\n this.danIndex = 0;\n this.readDanmaku();\n } else {\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n } else if (isMobile) {\n this.pause();\n }\n }\n\n /**\n * comment\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\n var htmlEncode = function htmlEncode(str) {\n return str.replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\").replace(/\\//g, \"/\");\n };\n\n var sendComment = function sendComment() {\n commentInput.blur();\n\n // text can't be empty\n if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n alert(tran('Please input danmaku!'));\n return;\n }\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\n commentInput.value = '';\n closeComment();\n _this.dan.splice(_this.danIndex, 0, danmakuData);\n _this.danIndex++;\n var item = _this.pushDanmaku(htmlEncode(danmakuData.text), danmakuData.color, danmakuData.type);\n item.style.border = '2px solid ' + _this.option.theme;\n };\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\n var disableHide = 0;\n var closeComment = function closeComment() {\n if (commentBox.classList.contains('dplayer-comment-box-open')) {\n commentBox.classList.remove('dplayer-comment-box-open');\n mask.classList.remove('dplayer-mask-show');\n clearInterval(disableHide);\n _this.element.classList.remove('dplayer-show-controller');\n closeCommentSetting();\n }\n };\n var openComment = function openComment() {\n commentBox.classList.add('dplayer-comment-box-open');\n mask.classList.add('dplayer-mask-show');\n disableHide = setInterval(function () {\n clearTimeout(hideTime);\n }, 1000);\n _this.element.classList.add('dplayer-show-controller');\n };\n\n mask.addEventListener('click', function () {\n closeComment();\n });\n commentIcon.addEventListener('click', function () {\n openComment();\n setTimeout(function () {\n commentInput.focus();\n }, 300);\n });\n commentSettingIcon.addEventListener('click', function () {\n toggleCommentSetting();\n });\n\n // comment setting box\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\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\n commentSendIcon.addEventListener('click', sendComment);\n\n /**\n * full screen\n */\n var resetAnimation = function resetAnimation() {\n var danWidth = danContainer.offsetWidth;\n var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n for (var _i7 = 0; _i7 < items.length; _i7++) {\n items[_i7].style.transform = 'translateX(-' + danWidth + 'px)';\n }\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 // browser full screen\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 // Safari for iOS\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 // web full screen\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\n /**\n * hot key\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.video.currentTime = _this.video.currentTime - 5;\n break;\n case 39:\n event.preventDefault();\n _this.video.currentTime = _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 // Press ESC to quit web full screen\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\n /**\n * right key\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\n menu.classList.add('dplayer-menu-show');\n\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\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\n /**\n * Screenshot\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\n camareIcon.href = canvas.toDataURL();\n camareIcon.download = \"DPlayer.png\";\n });\n }\n\n index++;\n }\n\n /**\n * Play music\n */\n\n\n _createClass(DPlayer, [{\n key: 'play',\n value: function play(time) {\n if (Object.prototype.toString.call(time) === '[object Number]') {\n this.video.currentTime = time;\n }\n this.paused = false;\n if (this.video.paused) {\n this.bezel.innerHTML = svg('play');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.playButton.innerHTML = svg('pause');\n\n this.video.play();\n if (this.playedTime) {\n this.clearTime();\n }\n this.setTime();\n this.element.classList.add('dplayer-playing');\n this.trigger('play');\n }\n\n /**\n * Pause music\n */\n\n }, {\n key: 'pause',\n value: function pause() {\n this.paused = true;\n this.element.classList.remove('dplayer-loading');\n\n if (!this.video.paused) {\n this.bezel.innerHTML = svg('pause');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.ended = false;\n this.playButton.innerHTML = svg('play');\n this.video.pause();\n this.clearTime();\n this.element.classList.remove('dplayer-playing');\n this.trigger('pause');\n }\n\n /**\n * Set volume\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 * Toggle between play and pause\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 * attach event\n */\n\n }, {\n key: 'on',\n value: function on(name, func) {\n if (typeof func === 'function') {\n this.event[name].push(func);\n }\n }\n\n /**\n * Asynchronously read danmaku from all API endpoints\n */\n\n }, {\n key: '_readAllEndpoints',\n value: function _readAllEndpoints(endpoints, finish) {\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) alert(err.response.msg);else results[i] = [];\n } else {\n results[i] = data;\n }\n if (readCount == endpoints.length) {\n return finish(results);\n }\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 * Read danmaku from API\n */\n\n }, {\n key: 'readDanmaku',\n value: function readDanmaku() {\n var _this2 = this;\n\n var isMobile = /mobile/i.test(window.navigator.userAgent);\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\n this._readAllEndpoints(endpoints, function (results) {\n _this2.danIndex = 0;\n _this2.dan = [].concat.apply([], results).sort(function (a, b) {\n return a.time - b.time;\n });\n _this2.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n\n // autoplay\n if (_this2.option.autoplay && !isMobile) {\n _this2.play();\n } else if (isMobile) {\n _this2.pause();\n }\n });\n }\n\n /**\n * Push a danmaku into DPlayer\n *\n * @param {String} text - danmaku content\n * @param {String} color - danmaku color, default: `#fff`\n * @param {String} type - danmaku type, `right` `top` `bottom`, default: `right`\n */\n\n }, {\n key: 'pushDanmaku',\n value: function pushDanmaku(text, color, type) {\n var _this3 = this;\n\n var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n var itemHeight = this.arrow ? 24 : 30;\n var danWidth = void 0;\n var danHeight = void 0;\n var itemY = void 0;\n\n var danItemRight = function danItemRight(ele) {\n return danContainer.getBoundingClientRect().right - ele.getBoundingClientRect().right;\n };\n\n var danSpeed = function danSpeed(width) {\n return (danWidth + width) / 5;\n };\n\n var getTunnel = function getTunnel(ele, type, width) {\n var tmp = danWidth / danSpeed(width);\n\n var _loop2 = function _loop2(i) {\n var item = _this3.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(item[j].offsetWidth) || danRight <= 0) {\n break;\n }\n if (j === item.length - 1) {\n _this3.danTunnel[type][i + ''].push(ele);\n ele.addEventListener('animationend', function () {\n _this3.danTunnel[type][i + ''].splice(0, 1);\n });\n return {\n v: i % itemY\n };\n }\n }\n } else {\n _this3.danTunnel[type][i + ''] = [ele];\n ele.addEventListener('animationend', function () {\n _this3.danTunnel[type][i + ''].splice(0, 1);\n });\n return {\n v: i % itemY\n };\n }\n };\n\n for (var i = 0;; i++) {\n var _ret2 = _loop2(i);\n\n if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === \"object\") return _ret2.v;\n }\n };\n\n if (!type) {\n type = 'right';\n }\n if (!color) {\n color = '#fff';\n }\n danWidth = danContainer.offsetWidth;\n danHeight = danContainer.offsetHeight;\n itemY = parseInt(danHeight / itemHeight);\n var item = document.createElement('div');\n item.classList.add('dplayer-danmaku-item');\n item.classList.add('dplayer-danmaku-' + type);\n item.innerHTML = text;\n item.style.opacity = this.danOpacity;\n item.style.color = color;\n item.addEventListener('animationend', function () {\n danContainer.removeChild(item);\n });\n\n // measure\n this.itemDemo.innerHTML = text;\n var itemWidth = this.itemDemo.offsetWidth;\n\n // adjust\n switch (type) {\n case 'right':\n item.style.top = itemHeight * getTunnel(item, type, itemWidth) + 'px';\n item.style.width = itemWidth + 1 + 'px';\n item.style.transform = 'translateX(-' + danWidth + 'px)';\n break;\n case 'top':\n item.style.top = itemHeight * getTunnel(item, type) + 'px';\n break;\n case 'bottom':\n item.style.bottom = itemHeight * getTunnel(item, type) + 'px';\n break;\n default:\n console.error('Can\\'t handled danmaku type: ' + type);\n }\n\n // insert\n danContainer.appendChild(item);\n\n // move\n item.classList.add('dplayer-danmaku-move');\n\n return item;\n }\n }, {\n key: 'switchVideo',\n\n\n /**\n * Switch to a new video\n *\n * @param {Object} video - new video info\n * @param {Object} danmaku - new danmaku info\n */\n value: function switchVideo(video, danmaku) {\n this.video.src = video.url;\n this.video.poster = video.pic ? video.pic : '';\n this.video.currentTime = 0;\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.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n this.option.danmaku = danmaku;\n this.readDanmaku();\n }\n }\n }]);\n\n return DPlayer;\n}();\n\nmodule.exports = DPlayer;\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\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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\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 = 6);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 0e3f01d1dcce30c965f5","/**\n* SVG used by DPlayer\n*/\n\nconst svgSource = {\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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']\n};\n\nmodule.exports = (type) => {\n return `\n \n \n \n \n `;\n};\n\n\n// WEBPACK FOOTER //\n// ./src/svg.js","const svg = require('./svg.js');\n\nmodule.exports = {\n main: (option, index, tran) => {\n return `\n
\n
\n \n
\n
\n
\n
\n \n ${option.danmaku ? `${tran('Danmaku is loading')}` : ``}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
\n
\n 0:00 / 0:00\n
\n
\n ${option.screenshot ? `\n `\n + svg('camera')\n + ` \n ` : ``}\n
\n \n
\n \n
\n
\n
${tran('Set danmaku color')}
\n \n \n \n \n \n \n
\n
\n
${tran('Set danmaku type')}
\n \n \n \n
\n
\n \n \n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n `;\n },\n\n setting: (tran) => {\n return {\n 'original': `\n
\n ${tran('Speed')}\n
`\n + svg('right')\n + `
\n
\n
\n ${tran('Loop')}\n
\n \n \n
\n
\n
\n ${tran('Danmaku')}\n
\n \n \n
\n
\n
\n ${tran('Opacity for danmaku')}\n
\n
\n
\n \n
\n
\n
\n
`,\n 'speed': `\n
\n 0.5\n
\n
\n 0.75\n
\n
\n ${tran('Normal')}\n
\n
\n 1.25\n
\n
\n 1.5\n
\n
\n 2\n
`\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/html.js","const tranZH = {\n 'Danmaku is loading': '弹幕加载中',\n 'Top': '顶部',\n 'Bottom': '底部',\n 'Rolling': '滚动',\n 'Input danmaku, hit Enter': '输入弹幕,回车发送',\n 'About author': '关于作者',\n 'DPlayer feedback': '播放器意见反馈',\n 'About DPlayer': '关于 DPlay 播放器',\n 'Loop': '洗脑循环',\n 'Speed': '速度',\n 'Opacity for danmaku': '弹幕透明度',\n 'Normal': '正常',\n 'Please input danmaku!': '要输入弹幕内容啊喂!',\n 'Set danmaku color': '设置弹幕颜色',\n 'Set danmaku type': '设置弹幕类型',\n 'Danmaku': '弹幕'\n};\n\nmodule.exports = function (lang) {\n this.lang = lang;\n this.tran = (text) => {\n if (this.lang === 'en') {\n return text;\n }\n else if (this.lang === 'zh') {\n return tranZH[text];\n }\n }\n};\n\n\n// WEBPACK FOOTER //\n// ./src/i18n.js","const defaultApiBackend = require('./api.js');\n\nmodule.exports = (option) => {\n const isMobile = /mobile/i.test(window.navigator.userAgent);\n // compatibility: some mobile browsers don't suppose autoplay\n if (isMobile) {\n option.autoplay = false;\n }\n\n // default options\n const 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 };\n for (let defaultKey in defaultOption) {\n if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n option[defaultKey] = defaultOption[defaultKey];\n }\n }\n if (!option.video.hasOwnProperty('type')) {\n option.video.type = 'auto';\n }\n if (!option.danmaku.hasOwnProperty('user')) {\n option.danmaku.user = 'DIYgod';\n }\n\n return option;\n};\n\n\n// WEBPACK FOOTER //\n// ./src/option.js","/*\n * xhr.status ---> fail\n * response.code === 1 ---> success\n * response.code !== 1 ---> error\n * */\n\nconst SendXMLHttpRequest = (url, data, success, error, fail) => {\n const xhr = new XMLHttpRequest()\n\n xhr.onreadystatechange = () => {\n if (xhr.readyState === 4) {\n if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n const response = JSON.parse(xhr.responseText)\n\n if (response.code !== 1) {\n return error(xhr, response)\n }\n\n return success(xhr, response)\n }\n\n fail(xhr)\n }\n }\n\n xhr.open((data !== null) ? 'POST' : 'GET', url, true)\n xhr.send((data !== null) ? JSON.stringify(data) : null)\n}\n\nmodule.exports = {\n send: (endpoint, danmakuData) => {\n SendXMLHttpRequest(endpoint, danmakuData, (xhr, response) => {\n }, (xhr, response) => {\n alert(response.msg)\n }, (xhr) => {\n })\n },\n\n read: (endpoint, cbk) => {\n SendXMLHttpRequest(endpoint, null, (xhr, response) => {\n cbk(null, response.danmaku)\n }, (xhr, response) => {\n cbk({ status: xhr.status, response })\n }, (xhr) => {\n cbk({ status: xhr.status, response: null })\n })\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/api.js","\n\n\nrequire('./DPlayer.scss');\nconst svg = require('./svg.js');\nconst handleOption = require('./option.js');\nconst i18n = require('./i18n.js');\nconst html = require('./html.js');\nconst isMobile = /mobile/i.test(window.navigator.userAgent);\n\nlet index = 0;\n\nclass DPlayer {\n /**\n * DPlayer constructor function\n *\n * @param {Object} option - See README\n * @constructor\n */\n constructor(option) {\n this.option = handleOption(option);\n\n const tran = new i18n(this.option.lang).tran;\n\n /**\n * Update progress bar, including loading progress bar and play progress bar\n *\n * @param {String} type - Point out which bar it is, should be played loaded or volume\n * @param {Number} percentage\n * @param {String} direction - Point out the direction of this bar, Should be height or width\n */\n this.updateBar = (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\n // define DPlayer events\n const eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n this.event = {};\n for (let i = 0; i < eventTypes.length; i++) {\n this.event[eventTypes[i]] = [];\n }\n this.trigger = (type) => {\n for (let i = 0; i < this.event[type].length; i++) {\n this.event[type][i]();\n }\n };\n\n this.element = this.option.element;\n if (!this.option.danmaku) {\n this.element.classList.add('dplayer-no-danmaku');\n }\n if (isMobile) {\n this.element.classList.add('dplayer-mobile');\n }\n\n this.element.innerHTML = html.main(option, index, tran);\n\n // arrow style\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\n // get this video object\n this.video = this.element.getElementsByClassName('dplayer-video')[0];\n\n // Support HTTP Live Streaming\n let enablehls;\n if (this.option.video.type === 'auto') {\n enablehls = /m3u8(#|\\?|$)/i.exec(this.option.video.url);\n }\n else if (this.option.video.type === 'hls') {\n enablehls = true;\n }\n else {\n enablehls = false;\n }\n if (enablehls && Hls.isSupported()) {\n // this.element.getElementsByClassName('dplayer-time')[0].style.display = 'none';\n const hls = new Hls();\n hls.attachMedia(this.video);\n hls.on(Hls.Events.MEDIA_ATTACHED, () => {\n hls.loadSource(this.option.video.url);\n hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {\n\n });\n });\n }\n\n // Support FLV\n let enableflv;\n if (this.option.video.type === 'auto') {\n enableflv = /.flv(#|\\?|$)/i.exec(this.option.video.url);\n }\n else if (this.option.video.type === 'flv') {\n enableflv = true;\n }\n else {\n enableflv = false;\n }\n if (enableflv && flvjs.isSupported()) {\n const flvPlayer = flvjs.createPlayer({\n type: 'flv',\n url: this.option.video.url\n });\n flvPlayer.attachMediaElement(this.video);\n flvPlayer.load();\n }\n\n this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n this.bezel.addEventListener('animationend', () => {\n this.bezel.classList.remove('dplayer-bezel-transition');\n });\n\n // play and pause button\n this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n this.paused = true;\n this.playButton.addEventListener('click', () => {\n this.toggle();\n });\n\n const videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n const conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n if (!isMobile) {\n videoWrap.addEventListener('click', () => {\n this.toggle();\n });\n conMask.addEventListener('click', () => {\n this.toggle();\n });\n }\n else {\n const toggleController = () => {\n if (this.element.classList.contains('dplayer-hide-controller')) {\n this.element.classList.remove('dplayer-hide-controller');\n }\n else {\n this.element.classList.add('dplayer-hide-controller');\n }\n };\n videoWrap.addEventListener('click', toggleController);\n conMask.addEventListener('click', toggleController);\n }\n\n\n /**\n * Parse second to 00:00 format\n *\n * @param {Number} second\n * @return {String} 00:00 format\n */\n const secondToTime = (second) => {\n const add0 = (num) => {\n return num < 10 ? '0' + num : '' + num;\n };\n const min = parseInt(second / 60);\n const sec = parseInt(second - min * 60);\n return add0(min) + ':' + add0(sec);\n };\n\n /**\n * control play progress\n */\n // get element's view position\n const getElementViewLeft = (element) => {\n let actualLeft = element.offsetLeft;\n let current = element.offsetParent;\n let elementScrollLeft;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n else {\n while (current !== null && current !== this.element) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n return actualLeft - elementScrollLeft;\n };\n\n const getElementViewTop = (element) => {\n let actualTop = element.offsetTop;\n let current = element.offsetParent;\n let elementScrollTop;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n else {\n while (current !== null && current !== this.element) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n return actualTop - elementScrollTop;\n };\n\n let bar = {};\n bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n const pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n let barWidth;\n\n if (this.option.danmaku) {\n this.video.addEventListener('seeking', () => {\n for (let i = 0; i < this.dan.length; i++) {\n if (this.dan[i].time >= this.video.currentTime) {\n this.danIndex = i;\n return;\n }\n this.danIndex = this.dan.length;\n }\n });\n }\n\n let lastPlayPos = 0;\n let currentPlayPos = 0;\n let bufferingDetected = false;\n let danmakuTime;\n this.setTime = () => {\n this.playedTime = setInterval(() => {\n // whether the video is buffering\n currentPlayPos = this.video.currentTime;\n if (!bufferingDetected\n && currentPlayPos < (lastPlayPos + 0.01)\n && !this.video.paused) {\n this.element.classList.add('dplayer-loading');\n bufferingDetected = true;\n }\n if (bufferingDetected\n && currentPlayPos > (lastPlayPos + 0.01)\n && !this.video.paused) {\n this.element.classList.remove('dplayer-loading');\n bufferingDetected = false;\n }\n lastPlayPos = currentPlayPos;\n\n this.updateBar('played', this.video.currentTime / this.video.duration, 'width');\n this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = secondToTime(this.video.currentTime);\n this.trigger('playing');\n }, 100);\n if (this.option.danmaku && showdan) {\n danmakuTime = setInterval(() => {\n if (this.dan) {\n let item = this.dan[this.danIndex];\n while (item && this.video.currentTime > parseFloat(item.time)) {\n this.pushDanmaku(item.text, item.color, item.type);\n item = this.dan[++this.danIndex];\n }\n }\n }, 100);\n }\n };\n this.clearTime = () => {\n clearInterval(this.playedTime);\n if (this.option.danmaku) {\n clearInterval(danmakuTime);\n }\n };\n\n pbar.addEventListener('click', (event) => {\n const e = event || window.event;\n barWidth = pbar.clientWidth;\n let percentage = (e.clientX - getElementViewLeft(pbar)) / barWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('played', percentage, 'width');\n this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.video.duration;\n });\n\n const thumbMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - 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 = secondToTime(percentage * this.video.duration);\n };\n\n const thumbUp = () => {\n document.removeEventListener('mouseup', thumbUp);\n document.removeEventListener('mousemove', thumbMove);\n this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.video.duration;\n this.setTime();\n };\n\n pbar.addEventListener('mousedown', () => {\n barWidth = pbar.clientWidth;\n this.clearTime();\n document.addEventListener('mousemove', thumbMove);\n document.addEventListener('mouseup', thumbUp);\n });\n\n\n /**\n * control volume\n */\n bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n const volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n const volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n const volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n const volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n const vWidth = 35;\n\n this.switchVolumeIcon = () => {\n const volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n if (this.video.volume >= 0.8) {\n volumeicon.innerHTML = svg('volume-up');\n }\n else if (this.video.volume > 0) {\n volumeicon.innerHTML = svg('volume-down');\n }\n else {\n volumeicon.innerHTML = svg('volume-off');\n }\n };\n const volumeMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n this.volume(percentage);\n };\n const volumeUp = () => {\n document.removeEventListener('mouseup', volumeUp);\n document.removeEventListener('mousemove', volumeMove);\n volumeEle.classList.remove('dplayer-volume-active');\n };\n\n volumeBarWrapWrap.addEventListener('click', (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n this.volume(percentage);\n });\n volumeBarWrapWrap.addEventListener('mousedown', () => {\n document.addEventListener('mousemove', volumeMove);\n document.addEventListener('mouseup', volumeUp);\n volumeEle.classList.add('dplayer-volume-active');\n });\n volumeicon.addEventListener('click', () => {\n if (this.video.muted) {\n this.video.muted = false;\n this.switchVolumeIcon();\n this.updateBar('volume', this.video.volume, 'width');\n }\n else {\n this.video.muted = true;\n volumeicon.innerHTML = svg('volume-off');\n this.updateBar('volume', 0, 'width');\n }\n });\n\n\n /**\n * auto hide controller\n */\n let hideTime = 0;\n if (!isMobile) {\n const hideController = () => {\n this.element.classList.remove('dplayer-hide-controller');\n clearTimeout(hideTime);\n hideTime = setTimeout(() => {\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\n\n /***\n * setting\n */\n this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n const settingHTML = html.setting(tran);\n\n // toggle setting box\n const settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n const settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n const mask = this.element.getElementsByClassName('dplayer-mask')[0];\n settingBox.innerHTML = settingHTML.original;\n\n const 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(() => {\n settingBox.classList.remove('dplayer-setting-box-narrow');\n settingBox.innerHTML = settingHTML.original;\n settingEvent();\n }, 300);\n }\n };\n const openSetting = () => {\n settingBox.classList.add('dplayer-setting-box-open');\n mask.classList.add('dplayer-mask-show');\n };\n\n mask.addEventListener('click', () => {\n closeSetting();\n });\n settingIcon.addEventListener('click', () => {\n openSetting();\n });\n\n let loop = this.option.loop;\n const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n let showdan = true;\n const settingEvent = () => {\n // loop control\n const loopEle = this.element.getElementsByClassName('dplayer-setting-loop')[0];\n const loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n\n loopToggle.checked = loop;\n\n loopEle.addEventListener('click', () => {\n loopToggle.checked = !loopToggle.checked;\n if (loopToggle.checked) {\n loop = true;\n this.video.loop = loop;\n }\n else {\n loop = false;\n this.video.loop = loop;\n }\n closeSetting();\n });\n\n // show danmaku control\n const showDanEle = this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n const showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n\n showDanToggle.checked = showdan;\n\n showDanEle.addEventListener('click', () => {\n showDanToggle.checked = !showDanToggle.checked;\n if (showDanToggle.checked) {\n showdan = true;\n if (this.option.danmaku) {\n for (let i = 0; i < this.dan.length; i++) {\n if (this.dan[i].time >= this.video.currentTime) {\n this.danIndex = i;\n break;\n }\n this.danIndex = this.dan.length;\n }\n danmakuTime = setInterval(() => {\n let item = this.dan[this.danIndex];\n while (item && this.video.currentTime >= parseFloat(item.time)) {\n this.pushDanmaku(item.text, item.color, item.type);\n item = this.dan[++this.danIndex];\n }\n }, 0);\n }\n }\n else {\n showdan = false;\n if (this.option.danmaku) {\n clearInterval(danmakuTime);\n danContainer.innerHTML = `
`;\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n }\n }\n closeSetting();\n });\n\n // speed control\n const speedEle = this.element.getElementsByClassName('dplayer-setting-speed')[0];\n speedEle.addEventListener('click', () => {\n settingBox.classList.add('dplayer-setting-box-narrow');\n settingBox.innerHTML = settingHTML.speed;\n\n const speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n for (let i = 0; i < speedItem.length; i++) {\n speedItem[i].addEventListener('click', () => {\n this.video.playbackRate = speedItem[i].dataset.speed;\n closeSetting();\n });\n }\n });\n\n if (this.option.danmaku) {\n // danmaku opacity\n bar.danmakuBar = this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n const danmakuBarWrapWrap = this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n const danmakuBarWrap = this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n const danmakuSettingBox = this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n const dWidth = 130;\n this.updateBar('danmaku', this.danOpacity, 'width');\n\n const danmakuMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(danmakuBarWrap)) / dWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('danmaku', percentage, 'width');\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.opacity = percentage;\n }\n this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', this.danOpacity);\n };\n const danmakuUp = () => {\n document.removeEventListener('mouseup', danmakuUp);\n document.removeEventListener('mousemove', danmakuMove);\n danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n };\n\n danmakuBarWrapWrap.addEventListener('click', (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(danmakuBarWrap)) / dWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('danmaku', percentage, 'width');\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.opacity = percentage;\n }\n this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', this.danOpacity);\n });\n danmakuBarWrapWrap.addEventListener('mousedown', () => {\n document.addEventListener('mousemove', danmakuMove);\n document.addEventListener('mouseup', danmakuUp);\n danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n });\n }\n };\n settingEvent();\n\n\n /**\n * video events\n */\n // show video time: the metadata has loaded or changed\n this.video.addEventListener('durationchange', () => {\n if (this.video.duration !== 1) { // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = secondToTime(this.video.duration);\n }\n });\n\n // show video loaded bar: to inform interested parties of progress downloading the media\n this.video.addEventListener('progress', () => {\n const percentage = this.video.buffered.length ? this.video.buffered.end(this.video.buffered.length - 1) / this.video.duration : 0;\n this.updateBar('loaded', percentage, 'width');\n });\n\n // video download error: an error occurs\n this.video.addEventListener('error', () => {\n this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = `Error happens ╥﹏╥`;\n this.trigger('pause');\n });\n\n // video can play: enough data is available that the media can be played\n this.video.addEventListener('canplay', () => {\n this.trigger('canplay');\n });\n\n // music end\n this.ended = false;\n this.video.addEventListener('ended', () => {\n this.updateBar('played', 1, 'width');\n if (!loop) {\n this.ended = true;\n this.pause();\n this.trigger('ended');\n }\n });\n\n this.video.addEventListener('play', () => {\n if (this.paused) {\n this.play();\n }\n });\n\n this.video.addEventListener('pause', () => {\n if (!this.paused) {\n this.pause();\n }\n });\n\n // control volume\n this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n\n // loop\n this.video.loop = loop;\n\n // set duration time\n if (this.video.duration !== 1) { // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? secondToTime(this.video.duration) : '00:00';\n }\n\n // danmaku\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n\n if (this.option.danmaku) {\n this.danIndex = 0;\n this.readDanmaku();\n }\n else {\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n }\n else if (isMobile) {\n this.pause();\n }\n }\n\n\n /**\n * comment\n */\n const commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n const commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n const commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n const commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n const commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n const commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n\n const htmlEncode = (str) => {\n return str.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\")\n .replace(/\\//g, \"/\");\n };\n\n const sendComment = () => {\n commentInput.blur();\n\n // text can't be empty\n if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n alert(tran('Please input danmaku!'));\n return;\n }\n\n const 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\n commentInput.value = '';\n closeComment();\n this.dan.splice(this.danIndex, 0, danmakuData);\n this.danIndex++;\n const item = this.pushDanmaku(htmlEncode(danmakuData.text), danmakuData.color, danmakuData.type);\n item.style.border = `2px solid ${this.option.theme}`;\n };\n\n const closeCommentSetting = () => {\n if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n commentSettingBox.classList.remove('dplayer-comment-setting-open');\n }\n };\n const toggleCommentSetting = () => {\n if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n commentSettingBox.classList.remove('dplayer-comment-setting-open');\n }\n else {\n commentSettingBox.classList.add('dplayer-comment-setting-open');\n }\n };\n\n let disableHide = 0;\n const closeComment = () => {\n if (commentBox.classList.contains('dplayer-comment-box-open')) {\n commentBox.classList.remove('dplayer-comment-box-open');\n mask.classList.remove('dplayer-mask-show');\n clearInterval(disableHide);\n this.element.classList.remove('dplayer-show-controller');\n closeCommentSetting();\n }\n };\n const openComment = () => {\n commentBox.classList.add('dplayer-comment-box-open');\n mask.classList.add('dplayer-mask-show');\n disableHide = setInterval(() => {\n clearTimeout(hideTime);\n }, 1000);\n this.element.classList.add('dplayer-show-controller');\n };\n\n mask.addEventListener('click', () => {\n closeComment();\n });\n commentIcon.addEventListener('click', () => {\n openComment();\n setTimeout(() => {\n commentInput.focus();\n }, 300);\n });\n commentSettingIcon.addEventListener('click', () => {\n toggleCommentSetting();\n });\n\n // comment setting box\n this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', () => {\n const 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\n commentInput.addEventListener('click', () => {\n closeCommentSetting();\n });\n commentInput.addEventListener('keydown', (e) => {\n const event = e || window.event;\n if (event.keyCode === 13) {\n sendComment();\n }\n });\n\n commentSendIcon.addEventListener('click', sendComment);\n\n\n /**\n * full screen\n */\n const resetAnimation = () => {\n let danWidth = danContainer.offsetWidth;\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.transform = `translateX(-${danWidth}px)`;\n }\n };\n\n this.element.addEventListener('fullscreenchange', () => {\n resetAnimation();\n });\n this.element.addEventListener('mozfullscreenchange', () => {\n resetAnimation();\n });\n this.element.addEventListener('webkitfullscreenchange', () => {\n resetAnimation();\n });\n // browser full screen\n this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', () => {\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n if (this.element.requestFullscreen) {\n this.element.requestFullscreen();\n }\n else if (this.element.mozRequestFullScreen) {\n this.element.mozRequestFullScreen();\n }\n else if (this.element.webkitRequestFullscreen) {\n this.element.webkitRequestFullscreen();\n }\n else if (this.video.webkitEnterFullscreen) { // Safari for iOS\n this.video.webkitEnterFullscreen();\n }\n }\n else {\n if (document.cancelFullScreen) {\n document.cancelFullScreen();\n }\n else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n }\n else if (document.webkitCancelFullScreen) {\n document.webkitCancelFullScreen();\n }\n }\n resetAnimation();\n });\n // web full screen\n this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', () => {\n if (this.element.classList.contains('dplayer-fulled')) {\n this.element.classList.remove('dplayer-fulled');\n }\n else {\n this.element.classList.add('dplayer-fulled');\n resetAnimation();\n }\n });\n\n /**\n * hot key\n */\n const handleKeyDown = (e) => {\n const tag = document.activeElement.tagName.toUpperCase();\n const editable = document.activeElement.getAttribute('contenteditable');\n if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n const event = e || window.event;\n let percentage;\n switch (event.keyCode) {\n case 32:\n event.preventDefault();\n this.toggle();\n break;\n case 37:\n event.preventDefault();\n this.video.currentTime = this.video.currentTime - 5;\n break;\n case 39:\n event.preventDefault();\n this.video.currentTime = 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', (e) => { // Press ESC to quit web full screen\n const 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\n /**\n * right key\n */\n const menu = this.element.getElementsByClassName('dplayer-menu')[0];\n this.element.addEventListener('contextmenu', (e) => {\n const event = e || window.event;\n event.preventDefault();\n\n menu.classList.add('dplayer-menu-show');\n\n const clientRect = this.element.getBoundingClientRect();\n const menuLeft = event.clientX - clientRect.left;\n const 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 }\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 }\n else {\n menu.style.top = event.clientY - this.element.getBoundingClientRect().top + 'px';\n menu.style.bottom = 'initial';\n }\n\n mask.classList.add('dplayer-mask-show');\n mask.addEventListener('click', () => {\n mask.classList.remove('dplayer-mask-show');\n menu.classList.remove('dplayer-menu-show');\n });\n });\n\n /**\n * Screenshot\n */\n if (this.option.screenshot) {\n const camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n camareIcon.addEventListener('click', () => {\n const 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\n camareIcon.href = canvas.toDataURL();\n camareIcon.download = \"DPlayer.png\";\n });\n }\n\n index++;\n }\n\n /**\n * Play music\n */\n play(time) {\n if (Object.prototype.toString.call(time) === '[object Number]') {\n this.video.currentTime = time;\n }\n this.paused = false;\n if (this.video.paused) {\n this.bezel.innerHTML = svg('play');\n this.bezel.classList.add('dplayer-bezel-transition');\n } \n\n this.playButton.innerHTML = svg('pause');\n\n this.video.play();\n if (this.playedTime) {\n this.clearTime();\n }\n this.setTime();\n this.element.classList.add('dplayer-playing');\n this.trigger('play');\n }\n\n /**\n * Pause music\n */\n pause() {\n this.paused = true;\n this.element.classList.remove('dplayer-loading');\n\n if (!this.video.paused) {\n this.bezel.innerHTML = svg('pause');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.ended = false;\n this.playButton.innerHTML = svg('play');\n this.video.pause();\n this.clearTime();\n this.element.classList.remove('dplayer-playing');\n this.trigger('pause');\n }\n\n /**\n * Set volume\n */\n 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 * Toggle between play and pause\n */\n toggle() {\n if (this.video.paused) {\n this.play();\n }\n else {\n this.pause();\n }\n }\n\n /**\n * attach event\n */\n on(name, func) {\n if (typeof func === 'function') {\n this.event[name].push(func);\n }\n }\n\n /**\n * Asynchronously read danmaku from all API endpoints\n */\n _readAllEndpoints (endpoints, finish) {\n let results = [];\n let readCount = 0;\n let cbk = (i) => (err, data) => {\n ++readCount;\n if (err) {\n if (err.response)\n alert(err.response.msg);\n else\n\n results[i] = [];\n }\n else {\n results[i] = data;\n }\n if (readCount == endpoints.length) {\n return finish(results);\n }\n };\n\n for (let i = 0; i < endpoints.length; ++i) {\n this.option.apiBackend.read(endpoints[i], cbk(i));\n }\n }\n\n /**\n * Read danmaku from API\n */\n readDanmaku() {\n const isMobile = /mobile/i.test(window.navigator.userAgent);\n let apiurl;\n if (this.option.danmaku.maximum) {\n apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}&max=${this.option.danmaku.maximum}`;\n }\n else {\n apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}`;\n }\n let endpoints = (this.option.danmaku.addition || []).slice(0);\n endpoints.push(apiurl);\n\n this._readAllEndpoints(endpoints, (results) => {\n this.danIndex = 0;\n this.dan = [].concat.apply([], results).sort((a, b) => a.time - b.time);\n this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n }\n else if (isMobile) {\n this.pause();\n }\n });\n }\n\n /**\n * Push a danmaku into DPlayer\n *\n * @param {String} text - danmaku content\n * @param {String} color - danmaku color, default: `#fff`\n * @param {String} type - danmaku type, `right` `top` `bottom`, default: `right`\n */\n pushDanmaku(text, color, type) {\n const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n const itemHeight = this.arrow ? 24 : 30;\n let danWidth;\n let danHeight;\n let itemY;\n\n const danItemRight = (ele) => {\n return danContainer.getBoundingClientRect().right - ele.getBoundingClientRect().right;\n };\n\n const danSpeed = (width) => {\n return (danWidth + width) / 5;\n };\n\n const getTunnel = (ele, type, width) => {\n const tmp = danWidth / danSpeed(width);\n\n for (let i = 0; ; i++) {\n let item = this.danTunnel[type][i + ''];\n if (item && item.length) {\n for (let j = 0; j < item.length; j++) {\n const danRight = danItemRight(item[j]) - 10;\n if (danRight <= danWidth - (tmp * danSpeed(item[j].offsetWidth)) || danRight <= 0) {\n break;\n }\n if (j === item.length - 1) {\n this.danTunnel[type][i + ''].push(ele);\n ele.addEventListener('animationend', () => {\n this.danTunnel[type][i + ''].splice(0, 1);\n });\n return i % itemY;\n }\n }\n }\n else {\n this.danTunnel[type][i + ''] = [ele];\n ele.addEventListener('animationend', () => {\n this.danTunnel[type][i + ''].splice(0, 1);\n });\n return i % itemY;\n }\n }\n };\n\n if (!type) {\n type = 'right';\n }\n if (!color) {\n color = '#fff';\n }\n danWidth = danContainer.offsetWidth;\n danHeight = danContainer.offsetHeight;\n itemY = parseInt(danHeight / itemHeight);\n let item = document.createElement(`div`);\n item.classList.add(`dplayer-danmaku-item`);\n item.classList.add(`dplayer-danmaku-${type}`);\n item.innerHTML = text;\n item.style.opacity = this.danOpacity;\n item.style.color = color;\n item.addEventListener('animationend', () => {\n danContainer.removeChild(item);\n });\n\n // measure\n this.itemDemo.innerHTML = text;\n let itemWidth = this.itemDemo.offsetWidth;\n\n // adjust\n switch (type) {\n case 'right':\n item.style.top = itemHeight * getTunnel(item, type, itemWidth) + 'px';\n item.style.width = (itemWidth + 1) + 'px';\n item.style.transform = `translateX(-${danWidth}px)`;\n break;\n case 'top':\n item.style.top = itemHeight * getTunnel(item, type) + 'px';\n break;\n case 'bottom':\n item.style.bottom = itemHeight * getTunnel(item, type) + 'px';\n break;\n default:\n console.error(`Can't handled danmaku type: ${type}`);\n }\n\n // insert\n danContainer.appendChild(item);\n\n // move\n item.classList.add(`dplayer-danmaku-move`);\n\n return item;\n };\n\n /**\n * Switch to a new video\n *\n * @param {Object} video - new video info\n * @param {Object} danmaku - new danmaku info\n */\n switchVideo(video, danmaku) {\n this.video.src = video.url;\n this.video.poster = video.pic ? video.pic : '';\n this.video.currentTime = 0;\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.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n this.option.danmaku = danmaku;\n this.readDanmaku();\n }\n }\n}\n\nmodule.exports = DPlayer;\n\n\n// WEBPACK FOOTER //\n// ./src/DPlayer.js"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap 8f94e0ea7f31edd7aa27","webpack:///./src/svg.js","webpack:///./src/html.js","webpack:///./src/i18n.js","webpack:///./src/option.js","webpack:///./src/DPlayer.js","webpack:///./src/api.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","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","svg","main","option","index","tran","video","pic","screenshot","preload","url","danmaku","theme","original","localStorage","getItem","speed","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!","Set danmaku color","Set danmaku type","Danmaku","lang","_this","text","defaultApiBackend","test","window","navigator","userAgent","autoplay","defaultOption","element","document","getElementsByClassName","language","indexOf","hotkey","apiBackend","defaultKey","user","_classCallCheck","instance","Constructor","TypeError","_typeof","Symbol","iterator","obj","constructor","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","console","log","handleOption","i18n","html","isMobile","DPlayer","updateBar","percentage","direction","bar","style","eventTypes","event","trigger","classList","add","innerHTML","arrow","offsetWidth","arrowStyle","createElement","head","appendChild","exec","Hls","isSupported","hls","attachMedia","on","Events","MEDIA_ATTACHED","loadSource","MANIFEST_PARSED","data","levels","flvjs","flvPlayer","createPlayer","attachMediaElement","load","bezel","addEventListener","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","secondToTime","second","add0","num","min","parseInt","sec","getElementViewLeft","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","body","scrollLeft","documentElement","playedBar","loadedBar","pbar","barWidth","dan","time","currentTime","danIndex","lastPlayPos","currentPlayPos","bufferingDetected","danmakuTime","setTime","playedTime","setInterval","duration","showdan","item","parseFloat","pushDanmaku","color","clearTime","clearInterval","e","clientWidth","clientX","width","thumbMove","thumbUp","removeEventListener","volumeBar","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","volumeUp","muted","hideTime","hideController","clearTimeout","setTimeout","played","closeSetting","closeComment","danOpacity","settingHTML","settingIcon","settingBox","mask","settingEvent","openSetting","danContainer","loopEle","loopToggle","checked","showDanEle","showDanToggle","danTunnel","top","bottom","itemDemo","speedItem","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","danmakuMove","items","opacity","setItem","danmakuUp","buffered","end","ended","readDanmaku","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","htmlEncode","str","replace","sendComment","blur","alert","danmakuData","token","player","id","author","querySelector","api","splice","border","closeCommentSetting","toggleCommentSetting","disableHide","openComment","focus","fill","keyCode","resetAnimation","danWidth","transform","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","offsetHeight","height","camareIcon","canvas","videoWidth","videoHeight","getContext","drawImage","href","toDataURL","download","toString","func","push","endpoints","finish","results","readCount","read","err","response","msg","status","_this2","apiurl","maximum","addition","slice","_readAllEndpoints","concat","apply","sort","a","b","display","_this3","itemHeight","danHeight","itemY","danItemRight","ele","danSpeed","getTunnel","tmp","_ret2","v","j","danRight","removeChild","itemWidth","error","src","poster","SendXMLHttpRequest","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","JSON","parse","responseText","code","open","stringify","endpoint","cbk"],"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/******/\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// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\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 = 5);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n/**\n* SVG used by DPlayer\n*/\n\nvar svgSource = {\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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']\n};\n\nmodule.exports = function (type) {\n return '\\n \\n \\n \\n \\n ';\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar svg = __webpack_require__(0);\n\nmodule.exports = {\n main: function main(option, index, tran) {\n return '\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n \\n ' + (option.danmaku ? '' + tran('Danmaku is loading') + '' : '') + '\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n
\\n
\\n
\\n
\\n \\n
\\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n 0:00 / 0:00\\n
\\n
\\n ' + (option.screenshot ? '\\n ' + svg('camera') + ' \\n ' : '') + '\\n
\\n \\n
\\n \\n
\\n
\\n
' + tran('Set danmaku color') + '
\\n \\n \\n \\n \\n \\n \\n
\\n
\\n
' + tran('Set danmaku type') + '
\\n \\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n
\\n \\n
\\n
\\n
\\n \\n \\n
\\n
\\n
\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
\\n \\n ');\n },\n\n setting: function setting(tran) {\n return {\n 'original': '\\n
\\n ' + tran('Speed') + '\\n
' + svg('right') + ('
\\n
\\n
\\n ' + tran('Loop') + '\\n
\\n \\n \\n
\\n
\\n
\\n ' + tran('Danmaku') + '\\n
\\n \\n \\n
\\n
\\n
\\n ' + tran('Opacity for danmaku') + '\\n
\\n
\\n
\\n \\n
\\n
\\n
\\n
'),\n 'speed': '\\n
\\n 0.5\\n
\\n
\\n 0.75\\n
\\n
\\n ' + tran('Normal') + '\\n
\\n
\\n 1.25\\n
\\n
\\n 1.5\\n
\\n
\\n 2\\n
'\n };\n }\n};\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar tranZH = {\n 'Danmaku is loading': '弹幕加载中',\n 'Top': '顶部',\n 'Bottom': '底部',\n 'Rolling': '滚动',\n 'Input danmaku, hit Enter': '输入弹幕,回车发送',\n 'About author': '关于作者',\n 'DPlayer feedback': '播放器意见反馈',\n 'About DPlayer': '关于 DPlay 播放器',\n 'Loop': '洗脑循环',\n 'Speed': '速度',\n 'Opacity for danmaku': '弹幕透明度',\n 'Normal': '正常',\n 'Please input danmaku!': '要输入弹幕内容啊喂!',\n 'Set danmaku color': '设置弹幕颜色',\n 'Set danmaku type': '设置弹幕类型',\n 'Danmaku': '弹幕'\n};\n\nmodule.exports = function (lang) {\n var _this = this;\n\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/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar defaultApiBackend = __webpack_require__(6);\n\nmodule.exports = function (option) {\n var isMobile = /mobile/i.test(window.navigator.userAgent);\n // compatibility: some mobile browsers don't suppose autoplay\n if (isMobile) {\n option.autoplay = false;\n }\n\n // default options\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 };\n for (var defaultKey in defaultOption) {\n if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n option[defaultKey] = defaultOption[defaultKey];\n }\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\n return option;\n};\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nconsole.log(\"\\n %c DPlayer 1.2.0 %c http://dplayer.js.org \\n\\n\", \"color: #fadfa3; background: #030307; padding:5px 0;\", \"background: #fadfa3; padding:5px 0;\");\n\n__webpack_require__(4);\nvar svg = __webpack_require__(0);\nvar handleOption = __webpack_require__(3);\nvar i18n = __webpack_require__(2);\nvar html = __webpack_require__(1);\nvar isMobile = /mobile/i.test(window.navigator.userAgent);\n\nvar index = 0;\n\nvar DPlayer = function () {\n /**\n * DPlayer constructor function\n *\n * @param {Object} option - See README\n * @constructor\n */\n function DPlayer(option) {\n var _this = this;\n\n _classCallCheck(this, DPlayer);\n\n this.option = handleOption(option);\n\n var tran = new i18n(this.option.lang).tran;\n\n /**\n * Update progress bar, including loading progress bar and play progress bar\n *\n * @param {String} type - Point out which bar it is, should be played loaded or volume\n * @param {Number} percentage\n * @param {String} direction - Point out the direction of this bar, Should be height or width\n */\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\n // define DPlayer events\n var eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\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\n this.element = this.option.element;\n if (!this.option.danmaku) {\n this.element.classList.add('dplayer-no-danmaku');\n }\n if (isMobile) {\n this.element.classList.add('dplayer-mobile');\n }\n\n this.element.innerHTML = html.main(option, index, tran);\n\n // arrow style\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\n // get this video object\n this.video = this.element.getElementsByClassName('dplayer-video')[0];\n\n // Support HTTP Live Streaming\n var enablehls = void 0;\n if (this.option.video.type === 'auto') {\n enablehls = /m3u8(#|\\?|$)/i.exec(this.option.video.url);\n } else if (this.option.video.type === 'hls') {\n enablehls = true;\n } else {\n enablehls = false;\n }\n if (enablehls && Hls.isSupported()) {\n // this.element.getElementsByClassName('dplayer-time')[0].style.display = 'none';\n var hls = new Hls();\n hls.attachMedia(this.video);\n hls.on(Hls.Events.MEDIA_ATTACHED, function () {\n hls.loadSource(_this.option.video.url);\n hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {\n console.log(\"manifest loaded, found \" + data.levels.length + \" quality level\");\n });\n });\n }\n\n // Support FLV\n var enableflv = void 0;\n if (this.option.video.type === 'auto') {\n enableflv = /.flv(#|\\?|$)/i.exec(this.option.video.url);\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\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\n // play and pause button\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\n var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n if (!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\n /**\n * Parse second to 00:00 format\n *\n * @param {Number} second\n * @return {String} 00:00 format\n */\n var 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\n /**\n * control play progress\n */\n // get element's view position\n var getElementViewLeft = function getElementViewLeft(element) {\n var actualLeft = element.offsetLeft;\n var current = element.offsetParent;\n var elementScrollLeft = void 0;\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 !== _this.element) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n return actualLeft - elementScrollLeft;\n };\n\n var getElementViewTop = function getElementViewTop(element) {\n var actualTop = element.offsetTop;\n var current = element.offsetParent;\n var elementScrollTop = void 0;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n } else {\n while (current !== null && current !== _this.element) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n return actualTop - elementScrollTop;\n };\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 barWidth = void 0;\n\n if (this.option.danmaku) {\n this.video.addEventListener('seeking', function () {\n for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n if (_this.dan[_i2].time >= _this.video.currentTime) {\n _this.danIndex = _i2;\n return;\n }\n _this.danIndex = _this.dan.length;\n }\n });\n }\n\n var lastPlayPos = 0;\n var currentPlayPos = 0;\n var bufferingDetected = false;\n var danmakuTime = void 0;\n this.setTime = function () {\n _this.playedTime = setInterval(function () {\n // whether the video is buffering\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\n _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = secondToTime(_this.video.currentTime);\n _this.trigger('playing');\n }, 100);\n if (_this.option.danmaku && showdan) {\n danmakuTime = setInterval(function () {\n if (_this.dan) {\n var item = _this.dan[_this.danIndex];\n while (item && _this.video.currentTime > parseFloat(item.time)) {\n _this.pushDanmaku(item.text, item.color, item.type);\n item = _this.dan[++_this.danIndex];\n }\n }\n }, 100);\n }\n };\n this.clearTime = function () {\n clearInterval(_this.playedTime);\n if (_this.option.danmaku) {\n clearInterval(danmakuTime);\n }\n };\n\n pbar.addEventListener('click', function (event) {\n var e = event || window.event;\n barWidth = pbar.clientWidth;\n var percentage = (e.clientX - getElementViewLeft(pbar)) / barWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n _this.updateBar('played', percentage, 'width');\n _this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration;\n });\n\n var thumbMove = function thumbMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 = secondToTime(percentage * _this.video.duration);\n };\n\n var thumbUp = function thumbUp() {\n document.removeEventListener('mouseup', thumbUp);\n document.removeEventListener('mousemove', thumbMove);\n _this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration;\n _this.setTime();\n };\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\n /**\n * control volume\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\n this.switchVolumeIcon = function () {\n var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n if (_this.video.volume >= 0.8) {\n volumeicon.innerHTML = svg('volume-up');\n } else if (_this.video.volume > 0) {\n volumeicon.innerHTML = svg('volume-down');\n } else {\n volumeicon.innerHTML = svg('volume-off');\n }\n };\n var volumeMove = function volumeMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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\n volumeBarWrapWrap.addEventListener('click', function (event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 = svg('volume-off');\n _this.updateBar('volume', 0, 'width');\n }\n });\n\n /**\n * auto hide controller\n */\n var hideTime = 0;\n if (!isMobile) {\n var hideController = function hideController() {\n _this.element.classList.remove('dplayer-hide-controller');\n clearTimeout(hideTime);\n 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\n /***\n * setting\n */\n this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n var settingHTML = html.setting(tran);\n\n // toggle setting box\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\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\n mask.addEventListener('click', function () {\n closeSetting();\n });\n settingIcon.addEventListener('click', function () {\n openSetting();\n });\n\n var loop = this.option.loop;\n var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n var showdan = true;\n var settingEvent = function settingEvent() {\n // loop control\n var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n\n loopToggle.checked = loop;\n\n loopEle.addEventListener('click', function () {\n loopToggle.checked = !loopToggle.checked;\n if (loopToggle.checked) {\n loop = true;\n _this.video.loop = loop;\n } else {\n loop = false;\n _this.video.loop = loop;\n }\n closeSetting();\n });\n\n // show danmaku control\n var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n\n showDanToggle.checked = showdan;\n\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 _i3 = 0; _i3 < _this.dan.length; _i3++) {\n if (_this.dan[_i3].time >= _this.video.currentTime) {\n _this.danIndex = _i3;\n break;\n }\n _this.danIndex = _this.dan.length;\n }\n danmakuTime = setInterval(function () {\n var item = _this.dan[_this.danIndex];\n while (item && _this.video.currentTime >= parseFloat(item.time)) {\n _this.pushDanmaku(item.text, item.color, item.type);\n item = _this.dan[++_this.danIndex];\n }\n }, 0);\n }\n } else {\n showdan = false;\n if (_this.option.danmaku) {\n clearInterval(danmakuTime);\n danContainer.innerHTML = \"
\";\n _this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n _this.itemDemo = _this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n }\n }\n closeSetting();\n });\n\n // speed control\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\n var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n\n var _loop = function _loop(_i4) {\n speedItem[_i4].addEventListener('click', function () {\n _this.video.playbackRate = speedItem[_i4].dataset.speed;\n closeSetting();\n });\n };\n\n for (var _i4 = 0; _i4 < speedItem.length; _i4++) {\n _loop(_i4);\n }\n });\n\n if (_this.option.danmaku) {\n // danmaku opacity\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\n var danmakuMove = function danmakuMove(event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 var danmakuUp = function danmakuUp() {\n document.removeEventListener('mouseup', danmakuUp);\n document.removeEventListener('mousemove', danmakuMove);\n danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n };\n\n danmakuBarWrapWrap.addEventListener('click', function (event) {\n var e = event || window.event;\n var percentage = (e.clientX - 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 _i6 = 0; _i6 < items.length; _i6++) {\n items[_i6].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\n /**\n * video events\n */\n // show video time: the metadata has loaded or changed\n this.video.addEventListener('durationchange', function () {\n if (_this.video.duration !== 1) {\n // compatibility: Android browsers will output 1 at first\n _this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = secondToTime(_this.video.duration);\n }\n });\n\n // show video loaded bar: to inform interested parties of progress downloading the media\n this.video.addEventListener('progress', function () {\n var percentage = _this.video.buffered.length ? _this.video.buffered.end(_this.video.buffered.length - 1) / _this.video.duration : 0;\n _this.updateBar('loaded', percentage, 'width');\n });\n\n // video download error: an error occurs\n this.video.addEventListener('error', function () {\n _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = \"Error happens \\u2565\\uFE4F\\u2565\";\n _this.trigger('pause');\n });\n\n // video can play: enough data is available that the media can be played\n this.video.addEventListener('canplay', function () {\n _this.trigger('canplay');\n });\n\n // music end\n this.ended = false;\n this.video.addEventListener('ended', function () {\n _this.updateBar('played', 1, 'width');\n if (!loop) {\n _this.ended = true;\n _this.pause();\n _this.trigger('ended');\n }\n });\n\n this.video.addEventListener('play', function () {\n if (_this.paused) {\n _this.play();\n }\n });\n\n this.video.addEventListener('pause', function () {\n if (!_this.paused) {\n _this.pause();\n }\n });\n\n // control volume\n this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n\n // loop\n this.video.loop = loop;\n\n // set duration time\n if (this.video.duration !== 1) {\n // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? secondToTime(this.video.duration) : '00:00';\n }\n\n // danmaku\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n\n if (this.option.danmaku) {\n this.danIndex = 0;\n this.readDanmaku();\n } else {\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n } else if (isMobile) {\n this.pause();\n }\n }\n\n /**\n * comment\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\n var htmlEncode = function htmlEncode(str) {\n return str.replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\").replace(/'/g, \"'\").replace(/\\//g, \"/\");\n };\n\n var sendComment = function sendComment() {\n commentInput.blur();\n\n // text can't be empty\n if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n alert(tran('Please input danmaku!'));\n return;\n }\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\n commentInput.value = '';\n closeComment();\n _this.dan.splice(_this.danIndex, 0, danmakuData);\n _this.danIndex++;\n var item = _this.pushDanmaku(htmlEncode(danmakuData.text), danmakuData.color, danmakuData.type);\n item.style.border = \"2px solid \" + _this.option.theme;\n };\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\n var disableHide = 0;\n var closeComment = function closeComment() {\n if (commentBox.classList.contains('dplayer-comment-box-open')) {\n commentBox.classList.remove('dplayer-comment-box-open');\n mask.classList.remove('dplayer-mask-show');\n clearInterval(disableHide);\n _this.element.classList.remove('dplayer-show-controller');\n closeCommentSetting();\n }\n };\n var openComment = function openComment() {\n commentBox.classList.add('dplayer-comment-box-open');\n mask.classList.add('dplayer-mask-show');\n disableHide = setInterval(function () {\n clearTimeout(hideTime);\n }, 1000);\n _this.element.classList.add('dplayer-show-controller');\n };\n\n mask.addEventListener('click', function () {\n closeComment();\n });\n commentIcon.addEventListener('click', function () {\n openComment();\n setTimeout(function () {\n commentInput.focus();\n }, 300);\n });\n commentSettingIcon.addEventListener('click', function () {\n toggleCommentSetting();\n });\n\n // comment setting box\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\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\n commentSendIcon.addEventListener('click', sendComment);\n\n /**\n * full screen\n */\n var resetAnimation = function resetAnimation() {\n var danWidth = danContainer.offsetWidth;\n var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n for (var _i7 = 0; _i7 < items.length; _i7++) {\n items[_i7].style.transform = \"translateX(-\" + danWidth + \"px)\";\n }\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 // browser full screen\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 // Safari for iOS\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 // web full screen\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\n /**\n * hot key\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.video.currentTime = _this.video.currentTime - 5;\n break;\n case 39:\n event.preventDefault();\n _this.video.currentTime = _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 // Press ESC to quit web full screen\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\n /**\n * right key\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\n menu.classList.add('dplayer-menu-show');\n\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\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\n /**\n * Screenshot\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\n camareIcon.href = canvas.toDataURL();\n camareIcon.download = \"DPlayer.png\";\n });\n }\n\n index++;\n }\n\n /**\n * Play music\n */\n\n\n _createClass(DPlayer, [{\n key: \"play\",\n value: function play(time) {\n if (Object.prototype.toString.call(time) === '[object Number]') {\n this.video.currentTime = time;\n }\n this.paused = false;\n if (this.video.paused) {\n this.bezel.innerHTML = svg('play');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.playButton.innerHTML = svg('pause');\n\n this.video.play();\n if (this.playedTime) {\n this.clearTime();\n }\n this.setTime();\n this.element.classList.add('dplayer-playing');\n this.trigger('play');\n }\n\n /**\n * Pause music\n */\n\n }, {\n key: \"pause\",\n value: function pause() {\n this.paused = true;\n this.element.classList.remove('dplayer-loading');\n\n if (!this.video.paused) {\n this.bezel.innerHTML = svg('pause');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.ended = false;\n this.playButton.innerHTML = svg('play');\n this.video.pause();\n this.clearTime();\n this.element.classList.remove('dplayer-playing');\n this.trigger('pause');\n }\n\n /**\n * Set volume\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 * Toggle between play and pause\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 * attach event\n */\n\n }, {\n key: \"on\",\n value: function on(name, func) {\n if (typeof func === 'function') {\n this.event[name].push(func);\n }\n }\n\n /**\n * Asynchronously read danmaku from all API endpoints\n */\n\n }, {\n key: \"_readAllEndpoints\",\n value: function _readAllEndpoints(endpoints, finish) {\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) alert(err.response.msg);else console.log('Request was unsuccessful: ' + err.status);\n results[i] = [];\n } else {\n results[i] = data;\n }\n if (readCount == endpoints.length) {\n return finish(results);\n }\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 * Read danmaku from API\n */\n\n }, {\n key: \"readDanmaku\",\n value: function readDanmaku() {\n var _this2 = this;\n\n var isMobile = /mobile/i.test(window.navigator.userAgent);\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\n this._readAllEndpoints(endpoints, function (results) {\n _this2.danIndex = 0;\n _this2.dan = [].concat.apply([], results).sort(function (a, b) {\n return a.time - b.time;\n });\n _this2.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n\n // autoplay\n if (_this2.option.autoplay && !isMobile) {\n _this2.play();\n } else if (isMobile) {\n _this2.pause();\n }\n });\n }\n\n /**\n * Push a danmaku into DPlayer\n *\n * @param {String} text - danmaku content\n * @param {String} color - danmaku color, default: `#fff`\n * @param {String} type - danmaku type, `right` `top` `bottom`, default: `right`\n */\n\n }, {\n key: \"pushDanmaku\",\n value: function pushDanmaku(text, color, type) {\n var _this3 = this;\n\n var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n var itemHeight = this.arrow ? 24 : 30;\n var danWidth = void 0;\n var danHeight = void 0;\n var itemY = void 0;\n\n var danItemRight = function danItemRight(ele) {\n return danContainer.getBoundingClientRect().right - ele.getBoundingClientRect().right;\n };\n\n var danSpeed = function danSpeed(width) {\n return (danWidth + width) / 5;\n };\n\n var getTunnel = function getTunnel(ele, type, width) {\n var tmp = danWidth / danSpeed(width);\n\n var _loop2 = function _loop2(i) {\n var item = _this3.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(item[j].offsetWidth) || danRight <= 0) {\n break;\n }\n if (j === item.length - 1) {\n _this3.danTunnel[type][i + ''].push(ele);\n ele.addEventListener('animationend', function () {\n _this3.danTunnel[type][i + ''].splice(0, 1);\n });\n return {\n v: i % itemY\n };\n }\n }\n } else {\n _this3.danTunnel[type][i + ''] = [ele];\n ele.addEventListener('animationend', function () {\n _this3.danTunnel[type][i + ''].splice(0, 1);\n });\n return {\n v: i % itemY\n };\n }\n };\n\n for (var i = 0;; i++) {\n var _ret2 = _loop2(i);\n\n if ((typeof _ret2 === \"undefined\" ? \"undefined\" : _typeof(_ret2)) === \"object\") return _ret2.v;\n }\n };\n\n if (!type) {\n type = 'right';\n }\n if (!color) {\n color = '#fff';\n }\n danWidth = danContainer.offsetWidth;\n danHeight = danContainer.offsetHeight;\n itemY = parseInt(danHeight / itemHeight);\n var item = document.createElement(\"div\");\n item.classList.add(\"dplayer-danmaku-item\");\n item.classList.add(\"dplayer-danmaku-\" + type);\n item.innerHTML = text;\n item.style.opacity = this.danOpacity;\n item.style.color = color;\n item.addEventListener('animationend', function () {\n danContainer.removeChild(item);\n });\n\n // measure\n this.itemDemo.innerHTML = text;\n var itemWidth = this.itemDemo.offsetWidth;\n\n // adjust\n switch (type) {\n case 'right':\n item.style.top = itemHeight * getTunnel(item, type, itemWidth) + 'px';\n item.style.width = itemWidth + 1 + 'px';\n item.style.transform = \"translateX(-\" + danWidth + \"px)\";\n break;\n case 'top':\n item.style.top = itemHeight * getTunnel(item, type) + 'px';\n break;\n case 'bottom':\n item.style.bottom = itemHeight * getTunnel(item, type) + 'px';\n break;\n default:\n console.error(\"Can't handled danmaku type: \" + type);\n }\n\n // insert\n danContainer.appendChild(item);\n\n // move\n item.classList.add(\"dplayer-danmaku-move\");\n\n return item;\n }\n }, {\n key: \"switchVideo\",\n\n\n /**\n * Switch to a new video\n *\n * @param {Object} video - new video info\n * @param {Object} danmaku - new danmaku info\n */\n value: function switchVideo(video, danmaku) {\n this.video.src = video.url;\n this.video.poster = video.pic ? video.pic : '';\n this.video.currentTime = 0;\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.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n this.option.danmaku = danmaku;\n this.readDanmaku();\n }\n }\n }]);\n\n return DPlayer;\n}();\n\nmodule.exports = DPlayer;\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n/*\n * xhr.status ---> fail\n * response.code === 1 ---> success\n * response.code !== 1 ---> error\n * */\n\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n var xhr = new XMLHttpRequest();\n\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\n if (response.code !== 1) {\n return error(xhr, response);\n }\n\n return success(xhr, response);\n }\n\n fail(xhr);\n }\n };\n\n xhr.open(data !== null ? 'POST' : 'GET', url, true);\n xhr.send(data !== null ? JSON.stringify(data) : null);\n};\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\n read: function read(endpoint, cbk) {\n SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n cbk(null, response.danmaku);\n }, function (xhr, response) {\n cbk({ status: xhr.status, response: response });\n }, function (xhr) {\n cbk({ status: xhr.status, response: null });\n });\n }\n};\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\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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\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 = 5);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 8f94e0ea7f31edd7aa27","/**\n* SVG used by DPlayer\n*/\n\nconst svgSource = {\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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'],\n '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']\n};\n\nmodule.exports = (type) => {\n return `\n \n \n \n \n `;\n};\n\n\n// WEBPACK FOOTER //\n// ./src/svg.js","const svg = require('./svg.js');\n\nmodule.exports = {\n main: (option, index, tran) => {\n return `\n
\n
\n \n
\n
\n
\n
\n \n ${option.danmaku ? `${tran('Danmaku is loading')}` : ``}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
\n \n
\n
\n
\n
\n 0:00 / 0:00\n
\n
\n ${option.screenshot ? `\n `\n + svg('camera')\n + ` \n ` : ``}\n
\n \n
\n \n
\n
\n
${tran('Set danmaku color')}
\n \n \n \n \n \n \n
\n
\n
${tran('Set danmaku type')}
\n \n \n \n
\n
\n \n \n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n `;\n },\n\n setting: (tran) => {\n return {\n 'original': `\n
\n ${tran('Speed')}\n
`\n + svg('right')\n + `
\n
\n
\n ${tran('Loop')}\n
\n \n \n
\n
\n
\n ${tran('Danmaku')}\n
\n \n \n
\n
\n
\n ${tran('Opacity for danmaku')}\n
\n
\n
\n \n
\n
\n
\n
`,\n 'speed': `\n
\n 0.5\n
\n
\n 0.75\n
\n
\n ${tran('Normal')}\n
\n
\n 1.25\n
\n
\n 1.5\n
\n
\n 2\n
`\n }\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/html.js","const tranZH = {\n 'Danmaku is loading': '弹幕加载中',\n 'Top': '顶部',\n 'Bottom': '底部',\n 'Rolling': '滚动',\n 'Input danmaku, hit Enter': '输入弹幕,回车发送',\n 'About author': '关于作者',\n 'DPlayer feedback': '播放器意见反馈',\n 'About DPlayer': '关于 DPlay 播放器',\n 'Loop': '洗脑循环',\n 'Speed': '速度',\n 'Opacity for danmaku': '弹幕透明度',\n 'Normal': '正常',\n 'Please input danmaku!': '要输入弹幕内容啊喂!',\n 'Set danmaku color': '设置弹幕颜色',\n 'Set danmaku type': '设置弹幕类型',\n 'Danmaku': '弹幕'\n};\n\nmodule.exports = function (lang) {\n this.lang = lang;\n this.tran = (text) => {\n if (this.lang === 'en') {\n return text;\n }\n else if (this.lang === 'zh') {\n return tranZH[text];\n }\n }\n};\n\n\n// WEBPACK FOOTER //\n// ./src/i18n.js","const defaultApiBackend = require('./api.js');\n\nmodule.exports = (option) => {\n const isMobile = /mobile/i.test(window.navigator.userAgent);\n // compatibility: some mobile browsers don't suppose autoplay\n if (isMobile) {\n option.autoplay = false;\n }\n\n // default options\n const 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 };\n for (let defaultKey in defaultOption) {\n if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n option[defaultKey] = defaultOption[defaultKey];\n }\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\n return option;\n};\n\n\n// WEBPACK FOOTER //\n// ./src/option.js","console.log(\"\\n %c DPlayer 1.2.0 %c http://dplayer.js.org \\n\\n\",\"color: #fadfa3; background: #030307; padding:5px 0;\",\"background: #fadfa3; padding:5px 0;\");\n\nrequire('./DPlayer.scss');\nconst svg = require('./svg.js');\nconst handleOption = require('./option.js');\nconst i18n = require('./i18n.js');\nconst html = require('./html.js');\nconst isMobile = /mobile/i.test(window.navigator.userAgent);\n\nlet index = 0;\n\nclass DPlayer {\n /**\n * DPlayer constructor function\n *\n * @param {Object} option - See README\n * @constructor\n */\n constructor(option) {\n this.option = handleOption(option);\n\n const tran = new i18n(this.option.lang).tran;\n\n /**\n * Update progress bar, including loading progress bar and play progress bar\n *\n * @param {String} type - Point out which bar it is, should be played loaded or volume\n * @param {Number} percentage\n * @param {String} direction - Point out the direction of this bar, Should be height or width\n */\n this.updateBar = (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\n // define DPlayer events\n const eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n this.event = {};\n for (let i = 0; i < eventTypes.length; i++) {\n this.event[eventTypes[i]] = [];\n }\n this.trigger = (type) => {\n for (let i = 0; i < this.event[type].length; i++) {\n this.event[type][i]();\n }\n };\n\n this.element = this.option.element;\n if (!this.option.danmaku) {\n this.element.classList.add('dplayer-no-danmaku');\n }\n if (isMobile) {\n this.element.classList.add('dplayer-mobile');\n }\n\n this.element.innerHTML = html.main(option, index, tran);\n\n // arrow style\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\n // get this video object\n this.video = this.element.getElementsByClassName('dplayer-video')[0];\n\n // Support HTTP Live Streaming\n let enablehls;\n if (this.option.video.type === 'auto') {\n enablehls = /m3u8(#|\\?|$)/i.exec(this.option.video.url);\n }\n else if (this.option.video.type === 'hls') {\n enablehls = true;\n }\n else {\n enablehls = false;\n }\n if (enablehls && Hls.isSupported()) {\n // this.element.getElementsByClassName('dplayer-time')[0].style.display = 'none';\n const hls = new Hls();\n hls.attachMedia(this.video);\n hls.on(Hls.Events.MEDIA_ATTACHED, () => {\n hls.loadSource(this.option.video.url);\n hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {\n console.log(\"manifest loaded, found \" + data.levels.length + \" quality level\");\n });\n });\n }\n\n // Support FLV\n let enableflv;\n if (this.option.video.type === 'auto') {\n enableflv = /.flv(#|\\?|$)/i.exec(this.option.video.url);\n }\n else if (this.option.video.type === 'flv') {\n enableflv = true;\n }\n else {\n enableflv = false;\n }\n if (enableflv && flvjs.isSupported()) {\n const flvPlayer = flvjs.createPlayer({\n type: 'flv',\n url: this.option.video.url\n });\n flvPlayer.attachMediaElement(this.video);\n flvPlayer.load();\n }\n\n this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n this.bezel.addEventListener('animationend', () => {\n this.bezel.classList.remove('dplayer-bezel-transition');\n });\n\n // play and pause button\n this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n this.paused = true;\n this.playButton.addEventListener('click', () => {\n this.toggle();\n });\n\n const videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n const conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n if (!isMobile) {\n videoWrap.addEventListener('click', () => {\n this.toggle();\n });\n conMask.addEventListener('click', () => {\n this.toggle();\n });\n }\n else {\n const toggleController = () => {\n if (this.element.classList.contains('dplayer-hide-controller')) {\n this.element.classList.remove('dplayer-hide-controller');\n }\n else {\n this.element.classList.add('dplayer-hide-controller');\n }\n };\n videoWrap.addEventListener('click', toggleController);\n conMask.addEventListener('click', toggleController);\n }\n\n\n /**\n * Parse second to 00:00 format\n *\n * @param {Number} second\n * @return {String} 00:00 format\n */\n const secondToTime = (second) => {\n const add0 = (num) => {\n return num < 10 ? '0' + num : '' + num;\n };\n const min = parseInt(second / 60);\n const sec = parseInt(second - min * 60);\n return add0(min) + ':' + add0(sec);\n };\n\n /**\n * control play progress\n */\n // get element's view position\n const getElementViewLeft = (element) => {\n let actualLeft = element.offsetLeft;\n let current = element.offsetParent;\n let elementScrollLeft;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n else {\n while (current !== null && current !== this.element) {\n actualLeft += current.offsetLeft;\n current = current.offsetParent;\n }\n }\n elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n return actualLeft - elementScrollLeft;\n };\n\n const getElementViewTop = (element) => {\n let actualTop = element.offsetTop;\n let current = element.offsetParent;\n let elementScrollTop;\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n while (current !== null) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n else {\n while (current !== null && current !== this.element) {\n actualTop += current.offsetTop;\n current = current.offsetParent;\n }\n }\n elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n return actualTop - elementScrollTop;\n };\n\n let bar = {};\n bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n const pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n let barWidth;\n\n if (this.option.danmaku) {\n this.video.addEventListener('seeking', () => {\n for (let i = 0; i < this.dan.length; i++) {\n if (this.dan[i].time >= this.video.currentTime) {\n this.danIndex = i;\n return;\n }\n this.danIndex = this.dan.length;\n }\n });\n }\n\n let lastPlayPos = 0;\n let currentPlayPos = 0;\n let bufferingDetected = false;\n let danmakuTime;\n this.setTime = () => {\n this.playedTime = setInterval(() => {\n // whether the video is buffering\n currentPlayPos = this.video.currentTime;\n if (!bufferingDetected\n && currentPlayPos < (lastPlayPos + 0.01)\n && !this.video.paused) {\n this.element.classList.add('dplayer-loading');\n bufferingDetected = true;\n }\n if (bufferingDetected\n && currentPlayPos > (lastPlayPos + 0.01)\n && !this.video.paused) {\n this.element.classList.remove('dplayer-loading');\n bufferingDetected = false;\n }\n lastPlayPos = currentPlayPos;\n\n this.updateBar('played', this.video.currentTime / this.video.duration, 'width');\n this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = secondToTime(this.video.currentTime);\n this.trigger('playing');\n }, 100);\n if (this.option.danmaku && showdan) {\n danmakuTime = setInterval(() => {\n if (this.dan) {\n let item = this.dan[this.danIndex];\n while (item && this.video.currentTime > parseFloat(item.time)) {\n this.pushDanmaku(item.text, item.color, item.type);\n item = this.dan[++this.danIndex];\n }\n }\n }, 100);\n }\n };\n this.clearTime = () => {\n clearInterval(this.playedTime);\n if (this.option.danmaku) {\n clearInterval(danmakuTime);\n }\n };\n\n pbar.addEventListener('click', (event) => {\n const e = event || window.event;\n barWidth = pbar.clientWidth;\n let percentage = (e.clientX - getElementViewLeft(pbar)) / barWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('played', percentage, 'width');\n this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.video.duration;\n });\n\n const thumbMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - 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 = secondToTime(percentage * this.video.duration);\n };\n\n const thumbUp = () => {\n document.removeEventListener('mouseup', thumbUp);\n document.removeEventListener('mousemove', thumbMove);\n this.video.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.video.duration;\n this.setTime();\n };\n\n pbar.addEventListener('mousedown', () => {\n barWidth = pbar.clientWidth;\n this.clearTime();\n document.addEventListener('mousemove', thumbMove);\n document.addEventListener('mouseup', thumbUp);\n });\n\n\n /**\n * control volume\n */\n bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n const volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n const volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n const volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n const volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n const vWidth = 35;\n\n this.switchVolumeIcon = () => {\n const volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n if (this.video.volume >= 0.8) {\n volumeicon.innerHTML = svg('volume-up');\n }\n else if (this.video.volume > 0) {\n volumeicon.innerHTML = svg('volume-down');\n }\n else {\n volumeicon.innerHTML = svg('volume-off');\n }\n };\n const volumeMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n this.volume(percentage);\n };\n const volumeUp = () => {\n document.removeEventListener('mouseup', volumeUp);\n document.removeEventListener('mousemove', volumeMove);\n volumeEle.classList.remove('dplayer-volume-active');\n };\n\n volumeBarWrapWrap.addEventListener('click', (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n this.volume(percentage);\n });\n volumeBarWrapWrap.addEventListener('mousedown', () => {\n document.addEventListener('mousemove', volumeMove);\n document.addEventListener('mouseup', volumeUp);\n volumeEle.classList.add('dplayer-volume-active');\n });\n volumeicon.addEventListener('click', () => {\n if (this.video.muted) {\n this.video.muted = false;\n this.switchVolumeIcon();\n this.updateBar('volume', this.video.volume, 'width');\n }\n else {\n this.video.muted = true;\n volumeicon.innerHTML = svg('volume-off');\n this.updateBar('volume', 0, 'width');\n }\n });\n\n\n /**\n * auto hide controller\n */\n let hideTime = 0;\n if (!isMobile) {\n const hideController = () => {\n this.element.classList.remove('dplayer-hide-controller');\n clearTimeout(hideTime);\n hideTime = setTimeout(() => {\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\n\n /***\n * setting\n */\n this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n const settingHTML = html.setting(tran);\n\n // toggle setting box\n const settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n const settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n const mask = this.element.getElementsByClassName('dplayer-mask')[0];\n settingBox.innerHTML = settingHTML.original;\n\n const 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(() => {\n settingBox.classList.remove('dplayer-setting-box-narrow');\n settingBox.innerHTML = settingHTML.original;\n settingEvent();\n }, 300);\n }\n };\n const openSetting = () => {\n settingBox.classList.add('dplayer-setting-box-open');\n mask.classList.add('dplayer-mask-show');\n };\n\n mask.addEventListener('click', () => {\n closeSetting();\n });\n settingIcon.addEventListener('click', () => {\n openSetting();\n });\n\n let loop = this.option.loop;\n const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n let showdan = true;\n const settingEvent = () => {\n // loop control\n const loopEle = this.element.getElementsByClassName('dplayer-setting-loop')[0];\n const loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n\n loopToggle.checked = loop;\n\n loopEle.addEventListener('click', () => {\n loopToggle.checked = !loopToggle.checked;\n if (loopToggle.checked) {\n loop = true;\n this.video.loop = loop;\n }\n else {\n loop = false;\n this.video.loop = loop;\n }\n closeSetting();\n });\n\n // show danmaku control\n const showDanEle = this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n const showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n\n showDanToggle.checked = showdan;\n\n showDanEle.addEventListener('click', () => {\n showDanToggle.checked = !showDanToggle.checked;\n if (showDanToggle.checked) {\n showdan = true;\n if (this.option.danmaku) {\n for (let i = 0; i < this.dan.length; i++) {\n if (this.dan[i].time >= this.video.currentTime) {\n this.danIndex = i;\n break;\n }\n this.danIndex = this.dan.length;\n }\n danmakuTime = setInterval(() => {\n let item = this.dan[this.danIndex];\n while (item && this.video.currentTime >= parseFloat(item.time)) {\n this.pushDanmaku(item.text, item.color, item.type);\n item = this.dan[++this.danIndex];\n }\n }, 0);\n }\n }\n else {\n showdan = false;\n if (this.option.danmaku) {\n clearInterval(danmakuTime);\n danContainer.innerHTML = `
`;\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n }\n }\n closeSetting();\n });\n\n // speed control\n const speedEle = this.element.getElementsByClassName('dplayer-setting-speed')[0];\n speedEle.addEventListener('click', () => {\n settingBox.classList.add('dplayer-setting-box-narrow');\n settingBox.innerHTML = settingHTML.speed;\n\n const speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n for (let i = 0; i < speedItem.length; i++) {\n speedItem[i].addEventListener('click', () => {\n this.video.playbackRate = speedItem[i].dataset.speed;\n closeSetting();\n });\n }\n });\n\n if (this.option.danmaku) {\n // danmaku opacity\n bar.danmakuBar = this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n const danmakuBarWrapWrap = this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n const danmakuBarWrap = this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n const danmakuSettingBox = this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n const dWidth = 130;\n this.updateBar('danmaku', this.danOpacity, 'width');\n\n const danmakuMove = (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(danmakuBarWrap)) / dWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('danmaku', percentage, 'width');\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.opacity = percentage;\n }\n this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', this.danOpacity);\n };\n const danmakuUp = () => {\n document.removeEventListener('mouseup', danmakuUp);\n document.removeEventListener('mousemove', danmakuMove);\n danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n };\n\n danmakuBarWrapWrap.addEventListener('click', (event) => {\n const e = event || window.event;\n let percentage = (e.clientX - getElementViewLeft(danmakuBarWrap)) / dWidth;\n percentage = percentage > 0 ? percentage : 0;\n percentage = percentage < 1 ? percentage : 1;\n this.updateBar('danmaku', percentage, 'width');\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.opacity = percentage;\n }\n this.danOpacity = percentage;\n localStorage.setItem('DPlayer-opacity', this.danOpacity);\n });\n danmakuBarWrapWrap.addEventListener('mousedown', () => {\n document.addEventListener('mousemove', danmakuMove);\n document.addEventListener('mouseup', danmakuUp);\n danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n });\n }\n };\n settingEvent();\n\n\n /**\n * video events\n */\n // show video time: the metadata has loaded or changed\n this.video.addEventListener('durationchange', () => {\n if (this.video.duration !== 1) { // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = secondToTime(this.video.duration);\n }\n });\n\n // show video loaded bar: to inform interested parties of progress downloading the media\n this.video.addEventListener('progress', () => {\n const percentage = this.video.buffered.length ? this.video.buffered.end(this.video.buffered.length - 1) / this.video.duration : 0;\n this.updateBar('loaded', percentage, 'width');\n });\n\n // video download error: an error occurs\n this.video.addEventListener('error', () => {\n this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = `Error happens ╥﹏╥`;\n this.trigger('pause');\n });\n\n // video can play: enough data is available that the media can be played\n this.video.addEventListener('canplay', () => {\n this.trigger('canplay');\n });\n\n // music end\n this.ended = false;\n this.video.addEventListener('ended', () => {\n this.updateBar('played', 1, 'width');\n if (!loop) {\n this.ended = true;\n this.pause();\n this.trigger('ended');\n }\n });\n\n this.video.addEventListener('play', () => {\n if (this.paused) {\n this.play();\n }\n });\n\n this.video.addEventListener('pause', () => {\n if (!this.paused) {\n this.pause();\n }\n });\n\n // control volume\n this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n\n // loop\n this.video.loop = loop;\n\n // set duration time\n if (this.video.duration !== 1) { // compatibility: Android browsers will output 1 at first\n this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? secondToTime(this.video.duration) : '00:00';\n }\n\n // danmaku\n this.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n\n if (this.option.danmaku) {\n this.danIndex = 0;\n this.readDanmaku();\n }\n else {\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n }\n else if (isMobile) {\n this.pause();\n }\n }\n\n\n /**\n * comment\n */\n const commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n const commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n const commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n const commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n const commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n const commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n\n const htmlEncode = (str) => {\n return str.replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\")\n .replace(/\\//g, \"/\");\n };\n\n const sendComment = () => {\n commentInput.blur();\n\n // text can't be empty\n if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n alert(tran('Please input danmaku!'));\n return;\n }\n\n const 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\n commentInput.value = '';\n closeComment();\n this.dan.splice(this.danIndex, 0, danmakuData);\n this.danIndex++;\n const item = this.pushDanmaku(htmlEncode(danmakuData.text), danmakuData.color, danmakuData.type);\n item.style.border = `2px solid ${this.option.theme}`;\n };\n\n const closeCommentSetting = () => {\n if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n commentSettingBox.classList.remove('dplayer-comment-setting-open');\n }\n };\n const toggleCommentSetting = () => {\n if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n commentSettingBox.classList.remove('dplayer-comment-setting-open');\n }\n else {\n commentSettingBox.classList.add('dplayer-comment-setting-open');\n }\n };\n\n let disableHide = 0;\n const closeComment = () => {\n if (commentBox.classList.contains('dplayer-comment-box-open')) {\n commentBox.classList.remove('dplayer-comment-box-open');\n mask.classList.remove('dplayer-mask-show');\n clearInterval(disableHide);\n this.element.classList.remove('dplayer-show-controller');\n closeCommentSetting();\n }\n };\n const openComment = () => {\n commentBox.classList.add('dplayer-comment-box-open');\n mask.classList.add('dplayer-mask-show');\n disableHide = setInterval(() => {\n clearTimeout(hideTime);\n }, 1000);\n this.element.classList.add('dplayer-show-controller');\n };\n\n mask.addEventListener('click', () => {\n closeComment();\n });\n commentIcon.addEventListener('click', () => {\n openComment();\n setTimeout(() => {\n commentInput.focus();\n }, 300);\n });\n commentSettingIcon.addEventListener('click', () => {\n toggleCommentSetting();\n });\n\n // comment setting box\n this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', () => {\n const 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\n commentInput.addEventListener('click', () => {\n closeCommentSetting();\n });\n commentInput.addEventListener('keydown', (e) => {\n const event = e || window.event;\n if (event.keyCode === 13) {\n sendComment();\n }\n });\n\n commentSendIcon.addEventListener('click', sendComment);\n\n\n /**\n * full screen\n */\n const resetAnimation = () => {\n let danWidth = danContainer.offsetWidth;\n const items = this.element.getElementsByClassName('dplayer-danmaku-item');\n for (let i = 0; i < items.length; i++) {\n items[i].style.transform = `translateX(-${danWidth}px)`;\n }\n };\n\n this.element.addEventListener('fullscreenchange', () => {\n resetAnimation();\n });\n this.element.addEventListener('mozfullscreenchange', () => {\n resetAnimation();\n });\n this.element.addEventListener('webkitfullscreenchange', () => {\n resetAnimation();\n });\n // browser full screen\n this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', () => {\n if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n if (this.element.requestFullscreen) {\n this.element.requestFullscreen();\n }\n else if (this.element.mozRequestFullScreen) {\n this.element.mozRequestFullScreen();\n }\n else if (this.element.webkitRequestFullscreen) {\n this.element.webkitRequestFullscreen();\n }\n else if (this.video.webkitEnterFullscreen) { // Safari for iOS\n this.video.webkitEnterFullscreen();\n }\n }\n else {\n if (document.cancelFullScreen) {\n document.cancelFullScreen();\n }\n else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n }\n else if (document.webkitCancelFullScreen) {\n document.webkitCancelFullScreen();\n }\n }\n resetAnimation();\n });\n // web full screen\n this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', () => {\n if (this.element.classList.contains('dplayer-fulled')) {\n this.element.classList.remove('dplayer-fulled');\n }\n else {\n this.element.classList.add('dplayer-fulled');\n resetAnimation();\n }\n });\n\n /**\n * hot key\n */\n const handleKeyDown = (e) => {\n const tag = document.activeElement.tagName.toUpperCase();\n const editable = document.activeElement.getAttribute('contenteditable');\n if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n const event = e || window.event;\n let percentage;\n switch (event.keyCode) {\n case 32:\n event.preventDefault();\n this.toggle();\n break;\n case 37:\n event.preventDefault();\n this.video.currentTime = this.video.currentTime - 5;\n break;\n case 39:\n event.preventDefault();\n this.video.currentTime = 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', (e) => { // Press ESC to quit web full screen\n const 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\n /**\n * right key\n */\n const menu = this.element.getElementsByClassName('dplayer-menu')[0];\n this.element.addEventListener('contextmenu', (e) => {\n const event = e || window.event;\n event.preventDefault();\n\n menu.classList.add('dplayer-menu-show');\n\n const clientRect = this.element.getBoundingClientRect();\n const menuLeft = event.clientX - clientRect.left;\n const 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 }\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 }\n else {\n menu.style.top = event.clientY - this.element.getBoundingClientRect().top + 'px';\n menu.style.bottom = 'initial';\n }\n\n mask.classList.add('dplayer-mask-show');\n mask.addEventListener('click', () => {\n mask.classList.remove('dplayer-mask-show');\n menu.classList.remove('dplayer-menu-show');\n });\n });\n\n /**\n * Screenshot\n */\n if (this.option.screenshot) {\n const camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n camareIcon.addEventListener('click', () => {\n const 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\n camareIcon.href = canvas.toDataURL();\n camareIcon.download = \"DPlayer.png\";\n });\n }\n\n index++;\n }\n\n /**\n * Play music\n */\n play(time) {\n if (Object.prototype.toString.call(time) === '[object Number]') {\n this.video.currentTime = time;\n }\n this.paused = false;\n if (this.video.paused) {\n this.bezel.innerHTML = svg('play');\n this.bezel.classList.add('dplayer-bezel-transition');\n } \n\n this.playButton.innerHTML = svg('pause');\n\n this.video.play();\n if (this.playedTime) {\n this.clearTime();\n }\n this.setTime();\n this.element.classList.add('dplayer-playing');\n this.trigger('play');\n }\n\n /**\n * Pause music\n */\n pause() {\n this.paused = true;\n this.element.classList.remove('dplayer-loading');\n\n if (!this.video.paused) {\n this.bezel.innerHTML = svg('pause');\n this.bezel.classList.add('dplayer-bezel-transition');\n }\n\n this.ended = false;\n this.playButton.innerHTML = svg('play');\n this.video.pause();\n this.clearTime();\n this.element.classList.remove('dplayer-playing');\n this.trigger('pause');\n }\n\n /**\n * Set volume\n */\n 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 * Toggle between play and pause\n */\n toggle() {\n if (this.video.paused) {\n this.play();\n }\n else {\n this.pause();\n }\n }\n\n /**\n * attach event\n */\n on(name, func) {\n if (typeof func === 'function') {\n this.event[name].push(func);\n }\n }\n\n /**\n * Asynchronously read danmaku from all API endpoints\n */\n _readAllEndpoints (endpoints, finish) {\n let results = [];\n let readCount = 0;\n let cbk = (i) => (err, data) => {\n ++readCount;\n if (err) {\n if (err.response)\n alert(err.response.msg);\n else\n console.log('Request was unsuccessful: ' + err.status);\n results[i] = [];\n }\n else {\n results[i] = data;\n }\n if (readCount == endpoints.length) {\n return finish(results);\n }\n };\n\n for (let i = 0; i < endpoints.length; ++i) {\n this.option.apiBackend.read(endpoints[i], cbk(i));\n }\n }\n\n /**\n * Read danmaku from API\n */\n readDanmaku() {\n const isMobile = /mobile/i.test(window.navigator.userAgent);\n let apiurl;\n if (this.option.danmaku.maximum) {\n apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}&max=${this.option.danmaku.maximum}`;\n }\n else {\n apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}`;\n }\n let endpoints = (this.option.danmaku.addition || []).slice(0);\n endpoints.push(apiurl);\n\n this._readAllEndpoints(endpoints, (results) => {\n this.danIndex = 0;\n this.dan = [].concat.apply([], results).sort((a, b) => a.time - b.time);\n this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n\n // autoplay\n if (this.option.autoplay && !isMobile) {\n this.play();\n }\n else if (isMobile) {\n this.pause();\n }\n });\n }\n\n /**\n * Push a danmaku into DPlayer\n *\n * @param {String} text - danmaku content\n * @param {String} color - danmaku color, default: `#fff`\n * @param {String} type - danmaku type, `right` `top` `bottom`, default: `right`\n */\n pushDanmaku(text, color, type) {\n const danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n const itemHeight = this.arrow ? 24 : 30;\n let danWidth;\n let danHeight;\n let itemY;\n\n const danItemRight = (ele) => {\n return danContainer.getBoundingClientRect().right - ele.getBoundingClientRect().right;\n };\n\n const danSpeed = (width) => {\n return (danWidth + width) / 5;\n };\n\n const getTunnel = (ele, type, width) => {\n const tmp = danWidth / danSpeed(width);\n\n for (let i = 0; ; i++) {\n let item = this.danTunnel[type][i + ''];\n if (item && item.length) {\n for (let j = 0; j < item.length; j++) {\n const danRight = danItemRight(item[j]) - 10;\n if (danRight <= danWidth - (tmp * danSpeed(item[j].offsetWidth)) || danRight <= 0) {\n break;\n }\n if (j === item.length - 1) {\n this.danTunnel[type][i + ''].push(ele);\n ele.addEventListener('animationend', () => {\n this.danTunnel[type][i + ''].splice(0, 1);\n });\n return i % itemY;\n }\n }\n }\n else {\n this.danTunnel[type][i + ''] = [ele];\n ele.addEventListener('animationend', () => {\n this.danTunnel[type][i + ''].splice(0, 1);\n });\n return i % itemY;\n }\n }\n };\n\n if (!type) {\n type = 'right';\n }\n if (!color) {\n color = '#fff';\n }\n danWidth = danContainer.offsetWidth;\n danHeight = danContainer.offsetHeight;\n itemY = parseInt(danHeight / itemHeight);\n let item = document.createElement(`div`);\n item.classList.add(`dplayer-danmaku-item`);\n item.classList.add(`dplayer-danmaku-${type}`);\n item.innerHTML = text;\n item.style.opacity = this.danOpacity;\n item.style.color = color;\n item.addEventListener('animationend', () => {\n danContainer.removeChild(item);\n });\n\n // measure\n this.itemDemo.innerHTML = text;\n let itemWidth = this.itemDemo.offsetWidth;\n\n // adjust\n switch (type) {\n case 'right':\n item.style.top = itemHeight * getTunnel(item, type, itemWidth) + 'px';\n item.style.width = (itemWidth + 1) + 'px';\n item.style.transform = `translateX(-${danWidth}px)`;\n break;\n case 'top':\n item.style.top = itemHeight * getTunnel(item, type) + 'px';\n break;\n case 'bottom':\n item.style.bottom = itemHeight * getTunnel(item, type) + 'px';\n break;\n default:\n console.error(`Can't handled danmaku type: ${type}`);\n }\n\n // insert\n danContainer.appendChild(item);\n\n // move\n item.classList.add(`dplayer-danmaku-move`);\n\n return item;\n };\n\n /**\n * Switch to a new video\n *\n * @param {Object} video - new video info\n * @param {Object} danmaku - new danmaku info\n */\n switchVideo(video, danmaku) {\n this.video.src = video.url;\n this.video.poster = video.pic ? video.pic : '';\n this.video.currentTime = 0;\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.danTunnel = {\n right: {},\n top: {},\n bottom: {}\n };\n this.itemDemo = this.element.getElementsByClassName('dplayer-danmaku-item')[0];\n this.option.danmaku = danmaku;\n this.readDanmaku();\n }\n }\n}\n\nmodule.exports = DPlayer;\n\n\n// WEBPACK FOOTER //\n// ./src/DPlayer.js","/*\n * xhr.status ---> fail\n * response.code === 1 ---> success\n * response.code !== 1 ---> error\n * */\n\nconst SendXMLHttpRequest = (url, data, success, error, fail) => {\n const xhr = new XMLHttpRequest()\n\n xhr.onreadystatechange = () => {\n if (xhr.readyState === 4) {\n if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n const response = JSON.parse(xhr.responseText)\n\n if (response.code !== 1) {\n return error(xhr, response)\n }\n\n return success(xhr, response)\n }\n\n fail(xhr)\n }\n }\n\n xhr.open((data !== null) ? 'POST' : 'GET', url, true)\n xhr.send((data !== null) ? JSON.stringify(data) : null)\n}\n\nmodule.exports = {\n send: (endpoint, danmakuData) => {\n SendXMLHttpRequest(endpoint, danmakuData, (xhr, response) => {\n console.log('Post danmaku: ', response)\n }, (xhr, response) => {\n alert(response.msg)\n }, (xhr) => {\n console.log('Request was unsuccessful: ' + xhr.status)\n })\n },\n\n read: (endpoint, cbk) => {\n SendXMLHttpRequest(endpoint, null, (xhr, response) => {\n cbk(null, response.danmaku)\n }, (xhr, response) => {\n cbk({ status: xhr.status, response })\n }, (xhr) => {\n cbk({ status: xhr.status, response: null })\n })\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/api.js"],"sourceRoot":""} \ No newline at end of file diff --git a/package.json b/package.json index 31e6b5f..245ef39 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dplayer", - "version": "1.1.5", + "version": "1.2.0", "description": "Wow, such a lovely HTML5 danmaku video player", "main": "dist/DPlayer.min.js", "style": "dist/DPlayer.min.css", @@ -30,20 +30,20 @@ "homepage": "https://github.com/DIYgod/DPlayer#readme", "devDependencies": { "autoprefixer": "^6.7.2", - "babel-core": "^6.22.1", - "babel-loader": "^6.2.10", - "babel-preset-es2015": "^6.22.0", + "babel-core": "^6.24.1", + "babel-loader": "^6.4.1", + "babel-preset-es2015": "^6.24.1", "css-loader": "^0.28.0", - "exports-loader": "^0.6.3", + "exports-loader": "^0.6.4", "extract-text-webpack-plugin": "^2.1.0", - "file-loader": "^0.10.0", + "file-loader": "^0.11.1", "node-sass": "^4.5.0", - "postcss-loader": "^1.2.2", + "postcss-loader": "^1.3.3", "sass-loader": "^6.0.2", "strip-loader": "^0.1.2", "style-loader": "^0.16.1", "url-loader": "^0.5.7", - "webpack": "^2.2.1", - "webpack-dev-server": "^2.3.0" + "webpack": "^2.3.3", + "webpack-dev-server": "^2.4.2" } } diff --git a/src/DPlayer.js b/src/DPlayer.js index bf6146e..a4457fd 100644 --- a/src/DPlayer.js +++ b/src/DPlayer.js @@ -1,4 +1,4 @@ -console.log("\n %c DPlayer 1.1.5 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"); +console.log("\n %c DPlayer 1.2.0 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"); require('./DPlayer.scss'); const svg = require('./svg.js'); diff --git a/webpack.config.js b/webpack.config.js index 81e94a7..6a1271e 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -70,14 +70,7 @@ module.exports = { test: /\.(png|jpg)$/, loader: 'url-loader?limit=40000' } - ].concat(dev ? [] : [ - { - test: /\.js$/, - loader: 'strip-loader?strip[]=console.log', - enforce: 'pre', - include: APP_PATH, - } - ]) + ] }, plugins: plugins diff --git a/yarn.lock b/yarn.lock index eadfaf7..8916a15 100644 --- a/yarn.lock +++ b/yarn.lock @@ -183,19 +183,19 @@ babel-code-frame@^6.11.0, babel-code-frame@^6.22.0: esutils "^2.0.2" js-tokens "^3.0.0" -babel-core@^6.22.1, babel-core@^6.23.0: - version "6.23.1" - resolved "http://registry.npm.taobao.org/babel-core/download/babel-core-6.23.1.tgz#c143cb621bb2f621710c220c5d579d15b8a442df" +babel-core@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-core/download/babel-core-6.24.1.tgz#8c428564dce1e1f41fb337ec34f4c3b022b5ad83" dependencies: babel-code-frame "^6.22.0" - babel-generator "^6.23.0" - babel-helpers "^6.23.0" + babel-generator "^6.24.1" + babel-helpers "^6.24.1" babel-messages "^6.23.0" - babel-register "^6.23.0" + babel-register "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.1" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" babylon "^6.11.0" convert-source-map "^1.1.0" debug "^2.1.1" @@ -207,97 +207,97 @@ babel-core@^6.22.1, babel-core@^6.23.0: slash "^1.0.0" source-map "^0.5.0" -babel-generator@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-generator/download/babel-generator-6.23.0.tgz#6b8edab956ef3116f79d8c84c5a3c05f32a74bc5" +babel-generator@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-generator/download/babel-generator-6.24.1.tgz#e715f486c58ded25649d888944d52aa07c5d9497" dependencies: babel-messages "^6.23.0" babel-runtime "^6.22.0" - babel-types "^6.23.0" + babel-types "^6.24.1" detect-indent "^4.0.0" jsesc "^1.3.0" lodash "^4.2.0" source-map "^0.5.0" trim-right "^1.0.1" -babel-helper-call-delegate@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-helper-call-delegate/download/babel-helper-call-delegate-6.22.0.tgz#119921b56120f17e9dae3f74b4f5cc7bcc1b37ef" +babel-helper-call-delegate@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-call-delegate/download/babel-helper-call-delegate-6.24.1.tgz#ece6aacddc76e41c3461f88bfc575bd0daa2df8d" dependencies: - babel-helper-hoist-variables "^6.22.0" + babel-helper-hoist-variables "^6.24.1" babel-runtime "^6.22.0" - babel-traverse "^6.22.0" - babel-types "^6.22.0" + babel-traverse "^6.24.1" + babel-types "^6.24.1" -babel-helper-define-map@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-helper-define-map/download/babel-helper-define-map-6.23.0.tgz#1444f960c9691d69a2ced6a205315f8fd00804e7" +babel-helper-define-map@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-define-map/download/babel-helper-define-map-6.24.1.tgz#7a9747f258d8947d32d515f6aa1c7bd02204a080" dependencies: - babel-helper-function-name "^6.23.0" + babel-helper-function-name "^6.24.1" babel-runtime "^6.22.0" - babel-types "^6.23.0" + babel-types "^6.24.1" lodash "^4.2.0" -babel-helper-function-name@^6.22.0, babel-helper-function-name@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-helper-function-name/download/babel-helper-function-name-6.23.0.tgz#25742d67175c8903dbe4b6cb9d9e1fcb8dcf23a6" +babel-helper-function-name@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-function-name/download/babel-helper-function-name-6.24.1.tgz#d3475b8c03ed98242a25b48351ab18399d3580a9" dependencies: - babel-helper-get-function-arity "^6.22.0" + babel-helper-get-function-arity "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" -babel-helper-get-function-arity@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-helper-get-function-arity/download/babel-helper-get-function-arity-6.22.0.tgz#0beb464ad69dc7347410ac6ade9f03a50634f5ce" +babel-helper-get-function-arity@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-get-function-arity/download/babel-helper-get-function-arity-6.24.1.tgz#8f7782aa93407c41d3aa50908f89b031b1b6853d" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" -babel-helper-hoist-variables@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-helper-hoist-variables/download/babel-helper-hoist-variables-6.22.0.tgz#3eacbf731d80705845dd2e9718f600cfb9b4ba72" +babel-helper-hoist-variables@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-hoist-variables/download/babel-helper-hoist-variables-6.24.1.tgz#1ecb27689c9d25513eadbc9914a73f5408be7a76" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" -babel-helper-optimise-call-expression@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-helper-optimise-call-expression/download/babel-helper-optimise-call-expression-6.23.0.tgz#f3ee7eed355b4282138b33d02b78369e470622f5" +babel-helper-optimise-call-expression@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-optimise-call-expression/download/babel-helper-optimise-call-expression-6.24.1.tgz#f7a13427ba9f73f8f4fa993c54a97882d1244257" dependencies: babel-runtime "^6.22.0" - babel-types "^6.23.0" + babel-types "^6.24.1" -babel-helper-regex@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-helper-regex/download/babel-helper-regex-6.22.0.tgz#79f532be1647b1f0ee3474b5f5c3da58001d247d" +babel-helper-regex@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-regex/download/babel-helper-regex-6.24.1.tgz#d36e22fab1008d79d88648e32116868128456ce8" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" lodash "^4.2.0" -babel-helper-replace-supers@^6.22.0, babel-helper-replace-supers@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-helper-replace-supers/download/babel-helper-replace-supers-6.23.0.tgz#eeaf8ad9b58ec4337ca94223bacdca1f8d9b4bfd" +babel-helper-replace-supers@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helper-replace-supers/download/babel-helper-replace-supers-6.24.1.tgz#bf6dbfe43938d17369a213ca8a8bf74b6a90ab1a" dependencies: - babel-helper-optimise-call-expression "^6.23.0" + babel-helper-optimise-call-expression "^6.24.1" babel-messages "^6.23.0" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" -babel-helpers@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-helpers/download/babel-helpers-6.23.0.tgz#4f8f2e092d0b6a8808a4bde79c27f1e2ecf0d992" +babel-helpers@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-helpers/download/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2" dependencies: babel-runtime "^6.22.0" - babel-template "^6.23.0" + babel-template "^6.24.1" -babel-loader@^6.2.10: - version "6.4.0" - resolved "http://registry.npm.taobao.org/babel-loader/download/babel-loader-6.4.0.tgz#e98c239662a22533b9e7a49594ef216d7635ea28" +babel-loader@^6.4.1: + version "6.4.1" + resolved "http://registry.npm.taobao.org/babel-loader/download/babel-loader-6.4.1.tgz#0b34112d5b0748a8dcdbf51acf6f9bd42d50b8ca" dependencies: find-cache-dir "^0.1.1" loader-utils "^0.2.16" @@ -328,36 +328,36 @@ babel-plugin-transform-es2015-block-scoped-functions@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-block-scoping@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-block-scoping/download/babel-plugin-transform-es2015-block-scoping-6.23.0.tgz#e48895cf0b375be148cd7c8879b422707a053b51" +babel-plugin-transform-es2015-block-scoping@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-block-scoping/download/babel-plugin-transform-es2015-block-scoping-6.24.1.tgz#76c295dc3a4741b1665adfd3167215dcff32a576" dependencies: babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" lodash "^4.2.0" -babel-plugin-transform-es2015-classes@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-classes/download/babel-plugin-transform-es2015-classes-6.23.0.tgz#49b53f326202a2fd1b3bbaa5e2edd8a4f78643c1" +babel-plugin-transform-es2015-classes@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-classes/download/babel-plugin-transform-es2015-classes-6.24.1.tgz#5a4c58a50c9c9461e564b4b2a3bfabc97a2584db" dependencies: - babel-helper-define-map "^6.23.0" - babel-helper-function-name "^6.23.0" - babel-helper-optimise-call-expression "^6.23.0" - babel-helper-replace-supers "^6.23.0" + babel-helper-define-map "^6.24.1" + babel-helper-function-name "^6.24.1" + babel-helper-optimise-call-expression "^6.24.1" + babel-helper-replace-supers "^6.24.1" babel-messages "^6.23.0" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" -babel-plugin-transform-es2015-computed-properties@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-computed-properties/download/babel-plugin-transform-es2015-computed-properties-6.22.0.tgz#7c383e9629bba4820c11b0425bdd6290f7f057e7" +babel-plugin-transform-es2015-computed-properties@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-computed-properties/download/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz#6fe2a8d16895d5634f4cd999b6d3480a308159b3" dependencies: babel-runtime "^6.22.0" - babel-template "^6.22.0" + babel-template "^6.24.1" babel-plugin-transform-es2015-destructuring@^6.22.0: version "6.23.0" @@ -365,12 +365,12 @@ babel-plugin-transform-es2015-destructuring@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-duplicate-keys@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-duplicate-keys/download/babel-plugin-transform-es2015-duplicate-keys-6.22.0.tgz#672397031c21610d72dd2bbb0ba9fb6277e1c36b" +babel-plugin-transform-es2015-duplicate-keys@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-duplicate-keys/download/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz#73eb3d310ca969e3ef9ec91c53741a6f1576423e" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" babel-plugin-transform-es2015-for-of@^6.22.0: version "6.23.0" @@ -378,13 +378,13 @@ babel-plugin-transform-es2015-for-of@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-function-name@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-function-name/download/babel-plugin-transform-es2015-function-name-6.22.0.tgz#f5fcc8b09093f9a23c76ac3d9e392c3ec4b77104" +babel-plugin-transform-es2015-function-name@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-function-name/download/babel-plugin-transform-es2015-function-name-6.24.1.tgz#834c89853bc36b1af0f3a4c5dbaa94fd8eacaa8b" dependencies: - babel-helper-function-name "^6.22.0" + babel-helper-function-name "^6.24.1" babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" babel-plugin-transform-es2015-literals@^6.22.0: version "6.22.0" @@ -392,63 +392,63 @@ babel-plugin-transform-es2015-literals@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-modules-amd@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-amd/download/babel-plugin-transform-es2015-modules-amd-6.22.0.tgz#bf69cd34889a41c33d90dfb740e0091ccff52f21" +babel-plugin-transform-es2015-modules-amd@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-amd/download/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz#3b3e54017239842d6d19c3011c4bd2f00a00d154" dependencies: - babel-plugin-transform-es2015-modules-commonjs "^6.22.0" + babel-plugin-transform-es2015-modules-commonjs "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.22.0" + babel-template "^6.24.1" -babel-plugin-transform-es2015-modules-commonjs@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-commonjs/download/babel-plugin-transform-es2015-modules-commonjs-6.23.0.tgz#cba7aa6379fb7ec99250e6d46de2973aaffa7b92" +babel-plugin-transform-es2015-modules-commonjs@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-commonjs/download/babel-plugin-transform-es2015-modules-commonjs-6.24.1.tgz#d3e310b40ef664a36622200097c6d440298f2bfe" dependencies: - babel-plugin-transform-strict-mode "^6.22.0" + babel-plugin-transform-strict-mode "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-types "^6.24.1" -babel-plugin-transform-es2015-modules-systemjs@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-systemjs/download/babel-plugin-transform-es2015-modules-systemjs-6.23.0.tgz#ae3469227ffac39b0310d90fec73bfdc4f6317b0" +babel-plugin-transform-es2015-modules-systemjs@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-systemjs/download/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz#ff89a142b9119a906195f5f106ecf305d9407d23" dependencies: - babel-helper-hoist-variables "^6.22.0" + babel-helper-hoist-variables "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" + babel-template "^6.24.1" -babel-plugin-transform-es2015-modules-umd@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-umd/download/babel-plugin-transform-es2015-modules-umd-6.23.0.tgz#8d284ae2e19ed8fe21d2b1b26d6e7e0fcd94f0f1" +babel-plugin-transform-es2015-modules-umd@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-umd/download/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz#ac997e6285cd18ed6176adb607d602344ad38468" dependencies: - babel-plugin-transform-es2015-modules-amd "^6.22.0" + babel-plugin-transform-es2015-modules-amd "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" + babel-template "^6.24.1" -babel-plugin-transform-es2015-object-super@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-object-super/download/babel-plugin-transform-es2015-object-super-6.22.0.tgz#daa60e114a042ea769dd53fe528fc82311eb98fc" +babel-plugin-transform-es2015-object-super@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-object-super/download/babel-plugin-transform-es2015-object-super-6.24.1.tgz#24cef69ae21cb83a7f8603dad021f572eb278f8d" dependencies: - babel-helper-replace-supers "^6.22.0" + babel-helper-replace-supers "^6.24.1" babel-runtime "^6.22.0" -babel-plugin-transform-es2015-parameters@^6.22.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-parameters/download/babel-plugin-transform-es2015-parameters-6.23.0.tgz#3a2aabb70c8af945d5ce386f1a4250625a83ae3b" +babel-plugin-transform-es2015-parameters@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-parameters/download/babel-plugin-transform-es2015-parameters-6.24.1.tgz#57ac351ab49caf14a97cd13b09f66fdf0a625f2b" dependencies: - babel-helper-call-delegate "^6.22.0" - babel-helper-get-function-arity "^6.22.0" + babel-helper-call-delegate "^6.24.1" + babel-helper-get-function-arity "^6.24.1" babel-runtime "^6.22.0" - babel-template "^6.23.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-template "^6.24.1" + babel-traverse "^6.24.1" + babel-types "^6.24.1" -babel-plugin-transform-es2015-shorthand-properties@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-shorthand-properties/download/babel-plugin-transform-es2015-shorthand-properties-6.22.0.tgz#8ba776e0affaa60bff21e921403b8a652a2ff723" +babel-plugin-transform-es2015-shorthand-properties@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-shorthand-properties/download/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz#24f875d6721c87661bbd99a4622e51f14de38aa0" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" babel-plugin-transform-es2015-spread@^6.22.0: version "6.22.0" @@ -456,13 +456,13 @@ babel-plugin-transform-es2015-spread@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-sticky-regex@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-sticky-regex/download/babel-plugin-transform-es2015-sticky-regex-6.22.0.tgz#ab316829e866ee3f4b9eb96939757d19a5bc4593" +babel-plugin-transform-es2015-sticky-regex@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-sticky-regex/download/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz#00c1cdb1aca71112cdf0cf6126c2ed6b457ccdbc" dependencies: - babel-helper-regex "^6.22.0" + babel-helper-regex "^6.24.1" babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" babel-plugin-transform-es2015-template-literals@^6.22.0: version "6.22.0" @@ -476,61 +476,61 @@ babel-plugin-transform-es2015-typeof-symbol@^6.22.0: dependencies: babel-runtime "^6.22.0" -babel-plugin-transform-es2015-unicode-regex@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-unicode-regex/download/babel-plugin-transform-es2015-unicode-regex-6.22.0.tgz#8d9cc27e7ee1decfe65454fb986452a04a613d20" +babel-plugin-transform-es2015-unicode-regex@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-es2015-unicode-regex/download/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz#d38b12f42ea7323f729387f18a7c5ae1faeb35e9" dependencies: - babel-helper-regex "^6.22.0" + babel-helper-regex "^6.24.1" babel-runtime "^6.22.0" regexpu-core "^2.0.0" -babel-plugin-transform-regenerator@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-regenerator/download/babel-plugin-transform-regenerator-6.22.0.tgz#65740593a319c44522157538d690b84094617ea6" +babel-plugin-transform-regenerator@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-regenerator/download/babel-plugin-transform-regenerator-6.24.1.tgz#b8da305ad43c3c99b4848e4fe4037b770d23c418" dependencies: - regenerator-transform "0.9.8" + regenerator-transform "0.9.11" -babel-plugin-transform-strict-mode@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-plugin-transform-strict-mode/download/babel-plugin-transform-strict-mode-6.22.0.tgz#e008df01340fdc87e959da65991b7e05970c8c7c" +babel-plugin-transform-strict-mode@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-plugin-transform-strict-mode/download/babel-plugin-transform-strict-mode-6.24.1.tgz#d5faf7aa578a65bbe591cf5edae04a0c67020758" dependencies: babel-runtime "^6.22.0" - babel-types "^6.22.0" + babel-types "^6.24.1" -babel-preset-es2015@^6.22.0: - version "6.22.0" - resolved "http://registry.npm.taobao.org/babel-preset-es2015/download/babel-preset-es2015-6.22.0.tgz#af5a98ecb35eb8af764ad8a5a05eb36dc4386835" +babel-preset-es2015@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-preset-es2015/download/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939" dependencies: babel-plugin-check-es2015-constants "^6.22.0" babel-plugin-transform-es2015-arrow-functions "^6.22.0" babel-plugin-transform-es2015-block-scoped-functions "^6.22.0" - babel-plugin-transform-es2015-block-scoping "^6.22.0" - babel-plugin-transform-es2015-classes "^6.22.0" - babel-plugin-transform-es2015-computed-properties "^6.22.0" + babel-plugin-transform-es2015-block-scoping "^6.24.1" + babel-plugin-transform-es2015-classes "^6.24.1" + babel-plugin-transform-es2015-computed-properties "^6.24.1" babel-plugin-transform-es2015-destructuring "^6.22.0" - babel-plugin-transform-es2015-duplicate-keys "^6.22.0" + babel-plugin-transform-es2015-duplicate-keys "^6.24.1" babel-plugin-transform-es2015-for-of "^6.22.0" - babel-plugin-transform-es2015-function-name "^6.22.0" + babel-plugin-transform-es2015-function-name "^6.24.1" babel-plugin-transform-es2015-literals "^6.22.0" - babel-plugin-transform-es2015-modules-amd "^6.22.0" - babel-plugin-transform-es2015-modules-commonjs "^6.22.0" - babel-plugin-transform-es2015-modules-systemjs "^6.22.0" - babel-plugin-transform-es2015-modules-umd "^6.22.0" - babel-plugin-transform-es2015-object-super "^6.22.0" - babel-plugin-transform-es2015-parameters "^6.22.0" - babel-plugin-transform-es2015-shorthand-properties "^6.22.0" + babel-plugin-transform-es2015-modules-amd "^6.24.1" + babel-plugin-transform-es2015-modules-commonjs "^6.24.1" + babel-plugin-transform-es2015-modules-systemjs "^6.24.1" + babel-plugin-transform-es2015-modules-umd "^6.24.1" + babel-plugin-transform-es2015-object-super "^6.24.1" + babel-plugin-transform-es2015-parameters "^6.24.1" + babel-plugin-transform-es2015-shorthand-properties "^6.24.1" babel-plugin-transform-es2015-spread "^6.22.0" - babel-plugin-transform-es2015-sticky-regex "^6.22.0" + babel-plugin-transform-es2015-sticky-regex "^6.24.1" babel-plugin-transform-es2015-template-literals "^6.22.0" babel-plugin-transform-es2015-typeof-symbol "^6.22.0" - babel-plugin-transform-es2015-unicode-regex "^6.22.0" - babel-plugin-transform-regenerator "^6.22.0" + babel-plugin-transform-es2015-unicode-regex "^6.24.1" + babel-plugin-transform-regenerator "^6.24.1" -babel-register@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-register/download/babel-register-6.23.0.tgz#c9aa3d4cca94b51da34826c4a0f9e08145d74ff3" +babel-register@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-register/download/babel-register-6.24.1.tgz#7e10e13a2f71065bdfad5a1787ba45bca6ded75f" dependencies: - babel-core "^6.23.0" + babel-core "^6.24.1" babel-runtime "^6.22.0" core-js "^2.4.0" home-or-tmp "^2.0.0" @@ -545,33 +545,33 @@ babel-runtime@^6.18.0, babel-runtime@^6.22.0: core-js "^2.4.0" regenerator-runtime "^0.10.0" -babel-template@^6.22.0, babel-template@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-template/download/babel-template-6.23.0.tgz#04d4f270adbb3aa704a8143ae26faa529238e638" +babel-template@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-template/download/babel-template-6.24.1.tgz#04ae514f1f93b3a2537f2a0f60a5a45fb8308333" dependencies: babel-runtime "^6.22.0" - babel-traverse "^6.23.0" - babel-types "^6.23.0" + babel-traverse "^6.24.1" + babel-types "^6.24.1" babylon "^6.11.0" lodash "^4.2.0" -babel-traverse@^6.22.0, babel-traverse@^6.23.0, babel-traverse@^6.23.1: - version "6.23.1" - resolved "http://registry.npm.taobao.org/babel-traverse/download/babel-traverse-6.23.1.tgz#d3cb59010ecd06a97d81310065f966b699e14f48" +babel-traverse@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-traverse/download/babel-traverse-6.24.1.tgz#ab36673fd356f9a0948659e7b338d5feadb31695" dependencies: babel-code-frame "^6.22.0" babel-messages "^6.23.0" babel-runtime "^6.22.0" - babel-types "^6.23.0" + babel-types "^6.24.1" babylon "^6.15.0" debug "^2.2.0" globals "^9.0.0" invariant "^2.2.0" lodash "^4.2.0" -babel-types@^6.19.0, babel-types@^6.22.0, babel-types@^6.23.0: - version "6.23.0" - resolved "http://registry.npm.taobao.org/babel-types/download/babel-types-6.23.0.tgz#bb17179d7538bad38cd0c9e115d340f77e7e9acf" +babel-types@^6.19.0, babel-types@^6.24.1: + version "6.24.1" + resolved "http://registry.npm.taobao.org/babel-types/download/babel-types-6.24.1.tgz#a136879dc15b3606bda0d90c1fc74304c2ff0975" dependencies: babel-runtime "^6.22.0" esutils "^2.0.2" @@ -1261,10 +1261,6 @@ esprima@^2.6.0: version "2.7.3" resolved "http://registry.npm.taobao.org/esprima/download/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581" -esprima@^3.1.1: - version "3.1.3" - resolved "http://registry.npm.taobao.org/esprima/download/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633" - esutils@^2.0.2: version "2.0.2" resolved "http://registry.npm.taobao.org/esutils/download/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b" @@ -1305,7 +1301,7 @@ expand-range@^1.8.1: dependencies: fill-range "^2.1.0" -exports-loader@^0.6.3: +exports-loader@^0.6.4: version "0.6.4" resolved "http://registry.npm.taobao.org/exports-loader/download/exports-loader-0.6.4.tgz#d70fc6121975b35fc12830cf52754be2740fc886" dependencies: @@ -1384,9 +1380,9 @@ faye-websocket@~0.11.0: dependencies: websocket-driver ">=0.5.1" -file-loader@^0.10.0: - version "0.10.1" - resolved "http://registry.npm.taobao.org/file-loader/download/file-loader-0.10.1.tgz#815034119891fc6441fb5a64c11bc93c22ddd842" +file-loader@^0.11.1: + version "0.11.1" + resolved "http://registry.npm.taobao.org/file-loader/download/file-loader-0.11.1.tgz#6b328ee1234a729e4e47d36375dd6d35c0e1db84" dependencies: loader-utils "^1.0.2" @@ -1685,7 +1681,7 @@ http-errors@~1.6.1: setprototypeof "1.0.3" statuses ">= 1.3.1 < 2" -http-proxy-middleware@~0.17.1: +http-proxy-middleware@~0.17.4: version "0.17.4" resolved "http://registry.npm.taobao.org/http-proxy-middleware/download/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833" dependencies: @@ -1920,14 +1916,7 @@ js-tokens@^3.0.0: version "3.0.1" resolved "http://registry.npm.taobao.org/js-tokens/download/js-tokens-3.0.1.tgz#08e9f132484a2c45a30907e9dc4d5567b7f114d7" -js-yaml@^3.4.3: - version "3.8.2" - resolved "http://registry.npm.taobao.org/js-yaml/download/js-yaml-3.8.2.tgz#02d3e2c0f6beab20248d412c352203827d786721" - dependencies: - argparse "^1.0.7" - esprima "^3.1.1" - -js-yaml@~3.7.0: +js-yaml@^3.4.3, js-yaml@~3.7.0: version "3.7.0" resolved "http://registry.npm.taobao.org/js-yaml/download/js-yaml-3.7.0.tgz#5c967ddd837a9bfdca5f2de84253abe8a1c03b80" dependencies: @@ -2629,7 +2618,7 @@ postcss-load-plugins@^2.3.0: cosmiconfig "^2.1.1" object-assign "^4.1.0" -postcss-loader@^1.2.2: +postcss-loader@^1.3.3: version "1.3.3" resolved "http://registry.npm.taobao.org/postcss-loader/download/postcss-loader-1.3.3.tgz#a621ea1fa29062a83972a46f54486771301916eb" dependencies: @@ -3000,9 +2989,9 @@ regenerator-runtime@^0.10.0: version "0.10.3" resolved "http://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.10.3.tgz#8c4367a904b51ea62a908ac310bf99ff90a82a3e" -regenerator-transform@0.9.8: - version "0.9.8" - resolved "http://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.9.8.tgz#0f88bb2bc03932ddb7b6b7312e68078f01026d6c" +regenerator-transform@0.9.11: + version "0.9.11" + resolved "http://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.9.11.tgz#3a7d067520cb7b7176769eb5ff868691befe1283" dependencies: babel-runtime "^6.18.0" babel-types "^6.19.0" @@ -3265,6 +3254,10 @@ source-list-map@^0.1.7, source-list-map@~0.1.7: version "0.1.8" resolved "http://registry.npm.taobao.org/source-list-map/download/source-list-map-0.1.8.tgz#c550b2ab5427f6b3f21f5afead88c4f5587b2106" +source-list-map@^1.1.1: + version "1.1.1" + resolved "http://registry.npm.taobao.org/source-list-map/download/source-list-map-1.1.1.tgz#1a33ac210ca144d1e561f906ebccab5669ff4cb4" + source-map-support@^0.4.2: version "0.4.11" resolved "http://registry.npm.taobao.org/source-map-support/download/source-map-support-0.4.11.tgz#647f939978b38535909530885303daf23279f322" @@ -3503,13 +3496,14 @@ type-is@~1.6.14: media-typer "0.3.0" mime-types "~2.1.13" -uglify-js@^2.7.5: - version "2.8.8" - resolved "http://registry.npm.taobao.org/uglify-js/download/uglify-js-2.8.8.tgz#1a5cd145eb528b606fa2b86e578885272b597cd7" +uglify-js@^2.8.5: + version "2.8.22" + resolved "http://registry.npm.taobao.org/uglify-js/download/uglify-js-2.8.22.tgz#d54934778a8da14903fa29a326fb24c0ab51a1a0" dependencies: source-map "~0.5.1" - uglify-to-browserify "~1.0.0" yargs "~3.10.0" + optionalDependencies: + uglify-to-browserify "~1.0.0" uglify-to-browserify@~1.0.0: version "1.0.2" @@ -3614,7 +3608,7 @@ vm-browserify@0.0.4: dependencies: indexof "0.0.1" -watchpack@^1.2.0: +watchpack@^1.3.1: version "1.3.1" resolved "http://registry.npm.taobao.org/watchpack/download/watchpack-1.3.1.tgz#7d8693907b28ce6013e7f3610aa2a1acf07dad87" dependencies: @@ -3637,9 +3631,9 @@ webpack-dev-middleware@^1.9.0: path-is-absolute "^1.0.0" range-parser "^1.0.3" -webpack-dev-server@^2.3.0: - version "2.4.1" - resolved "http://registry.npm.taobao.org/webpack-dev-server/download/webpack-dev-server-2.4.1.tgz#48556f793186eac0758df94730c034ed9a4d0f12" +webpack-dev-server@^2.4.2: + version "2.4.2" + resolved "http://registry.npm.taobao.org/webpack-dev-server/download/webpack-dev-server-2.4.2.tgz#cf595d6b40878452b6d2ad7229056b686f8a16be" dependencies: ansi-html "0.0.7" chokidar "^1.6.0" @@ -3647,7 +3641,7 @@ webpack-dev-server@^2.3.0: connect-history-api-fallback "^1.3.0" express "^4.13.3" html-entities "^1.2.0" - http-proxy-middleware "~0.17.1" + http-proxy-middleware "~0.17.4" opn "4.0.2" portfinder "^1.0.9" serve-index "^1.7.2" @@ -3659,16 +3653,23 @@ webpack-dev-server@^2.3.0: webpack-dev-middleware "^1.9.0" yargs "^6.0.0" -webpack-sources@^0.1.0, webpack-sources@^0.1.4: +webpack-sources@^0.1.0: version "0.1.4" resolved "http://registry.npm.taobao.org/webpack-sources/download/webpack-sources-0.1.4.tgz#ccc2c817e08e5fa393239412690bb481821393cd" dependencies: source-list-map "~0.1.7" source-map "~0.5.3" -webpack@^2.2.1: - version "2.2.1" - resolved "http://registry.npm.taobao.org/webpack/download/webpack-2.2.1.tgz#7bb1d72ae2087dd1a4af526afec15eed17dda475" +webpack-sources@^0.2.3: + version "0.2.3" + resolved "http://registry.npm.taobao.org/webpack-sources/download/webpack-sources-0.2.3.tgz#17c62bfaf13c707f9d02c479e0dcdde8380697fb" + dependencies: + source-list-map "^1.1.1" + source-map "~0.5.3" + +webpack@^2.3.3: + version "2.3.3" + resolved "http://registry.npm.taobao.org/webpack/download/webpack-2.3.3.tgz#eecc083c18fb7bf958ea4f40b57a6640c5a0cc78" dependencies: acorn "^4.0.4" acorn-dynamic-import "^2.0.0" @@ -3686,9 +3687,9 @@ webpack@^2.2.1: source-map "^0.5.3" supports-color "^3.1.0" tapable "~0.2.5" - uglify-js "^2.7.5" - watchpack "^1.2.0" - webpack-sources "^0.1.4" + uglify-js "^2.8.5" + watchpack "^1.3.1" + webpack-sources "^0.2.3" yargs "^6.0.0" websocket-driver@>=0.5.1: