From 0eaf9b9b3ba49f44fa0944493f87c986156d8931 Mon Sep 17 00:00:00 2001
From: Harvey Zack <laozhaochaguan@hotmail.com>
Date: Thu, 6 Dec 2018 21:32:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96gif=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/gif/css/common.css                    | 2 +-
 docs/gif/js/common.js                      | 4 +++-
 docs/uncompiled/artplayer-plugin-gif.js    | 5 ++---
 packages/artplayer-plugin-gif/src/index.js | 5 ++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/gif/css/common.css b/docs/gif/css/common.css
index e2f381fe0..e43c2016c 100644
--- a/docs/gif/css/common.css
+++ b/docs/gif/css/common.css
@@ -35,7 +35,7 @@ body,
 
 .part-left .artplayer {
     width: 500px;
-    height: 500px;
+    height: 300px;
     background: #fff;
 }
 
diff --git a/docs/gif/js/common.js b/docs/gif/js/common.js
index 81a0cbc40..a6a154bea 100644
--- a/docs/gif/js/common.js
+++ b/docs/gif/js/common.js
@@ -32,9 +32,11 @@
         plugins: [artplayerPluginGif]
     });
 
+    var $preview = document.querySelector('.preview');
     art.on('artplayerPluginGif', image => {
         var animatedImage = document.createElement('img');
         animatedImage.src = image;
-        document.querySelector('.preview').appendChild(animatedImage);
+        $preview.innerHTML = '';
+        $preview.appendChild(animatedImage);
     });
 })();
diff --git a/docs/uncompiled/artplayer-plugin-gif.js b/docs/uncompiled/artplayer-plugin-gif.js
index 868e89e07..18ef8c67d 100644
--- a/docs/uncompiled/artplayer-plugin-gif.js
+++ b/docs/uncompiled/artplayer-plugin-gif.js
@@ -2844,13 +2844,12 @@
     });
     return {
       name: 'artplayerPluginGif',
-      isProcessing: isProcessing,
       create: function create() {
         var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var callback = arguments.length > 1 ? arguments[1] : undefined;
         isProcessing = true;
         loading.show();
-        art.emit('artplayerPluginGif:create:start');
+        art.emit('artplayerPluginGif:start');
         notice.show(i18n.get('Start creating gif...'), false);
         console.log("Start time: ".concat(config.offset || 0, " s, Duration: ").concat(config.numFrames / 10 || 1));
         gifshot.createGIF(objectSpread({}, config, {
@@ -2868,7 +2867,7 @@
 
           isProcessing = false;
           loading.hide();
-          art.emit('artplayerPluginGif:create:end');
+          art.emit('artplayerPluginGif:end');
         });
       }
     };
diff --git a/packages/artplayer-plugin-gif/src/index.js b/packages/artplayer-plugin-gif/src/index.js
index 309040d17..7161f44f7 100644
--- a/packages/artplayer-plugin-gif/src/index.js
+++ b/packages/artplayer-plugin-gif/src/index.js
@@ -125,11 +125,10 @@ function artplayerPluginGif(art) {
 
     return {
         name: 'artplayerPluginGif',
-        isProcessing,
         create(config = {}, callback) {
             isProcessing = true;
             loading.show();
-            art.emit('artplayerPluginGif:create:start');
+            art.emit('artplayerPluginGif:start');
             notice.show(i18n.get('Start creating gif...'), false);
             console.log(`Start time: ${config.offset || 0} s, Duration: ${config.numFrames / 10 || 1}`);
             gifshot.createGIF(
@@ -150,7 +149,7 @@ function artplayerPluginGif(art) {
 
                     isProcessing = false;
                     loading.hide();
-                    art.emit('artplayerPluginGif:create:end');
+                    art.emit('artplayerPluginGif:end');
                 },
             );
         },