bug fixing: blank in danamku input, danmaku duration in full screen; danakmu input dislocation

README.md

@@ -131,8 +131,6 @@ $ npm run build
 
 - [ ] icon 动画
 
-- [ ] bug: 弹幕发送框隐藏再输入页面出错; 输入空格; 全屏弹幕过快
-
 ## LICENSE
 
 MIT © [DIYgod](http://github.com/DIYgod)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dplayer",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Wow, such a lovely HTML5 danmaku video player",
   "main": "dist/DPlayer.min.js",
   "scripts": {

src/DPlayer.js

@@ -895,6 +895,8 @@
             };
 
             const sendComment = () => {
+                commentInput.blur();
+
                 // text can't be empty
                 if (!commentInput.value.replace(/^\s+|\s+$/g, '')) {
                     alert('要输入弹幕内容啊喂！');
@@ -953,6 +955,7 @@
                     clearInterval(disableHide);
                     this.element.classList.remove('dplayer-show-controller');
                     closeCommentSetting();
+                    document.addEventListener('keydown', handleKeyDown);
                 }
             };
             const openComment = () => {
@@ -962,6 +965,7 @@
                     clearTimeout(hideTime);
                 }, 1000);
                 this.element.classList.add('dplayer-show-controller');
+                document.removeEventListener('keydown', handleKeyDown);
             };
 
             mask.addEventListener('click', () => {
@@ -1047,7 +1051,7 @@
             /**
              * hot key
              */
-            document.addEventListener('keydown', (e) => {
+            const handleKeyDown = (e) => {
                 const event = e || window.event;
                 let percentage;
                 switch (event.keyCode) {
@@ -1088,7 +1092,8 @@
                         switchVolumeIcon();
                         break;
                 }
-            });
+            };
+            document.addEventListener('keydown', handleKeyDown);
 
             /**
              * right key

src/DPlayer.scss

@@ -8,6 +8,19 @@
         width: 100%;
         height: 100%;
         background: #000;
+
+        .dplayer-danmaku-top,
+        .dplayer-danmaku-bottom {
+            &.dplayer-danmaku-move {
+                animation: danmaku-center 8s linear !important;
+            }
+        }
+
+        .dplayer-danmaku-right {
+            &.dplayer-danmaku-move {
+                animation: danmaku 8s linear !important;;
+            }
+        }
     }
 
     &.dplayer-no-danmaku {