フルスクリーン切り替えコマンド追加

1 files changed, 87 insertions, 50 deletions

diff --git a/slideshare.js b/slideshare.js
index 11059aa..fd34022 100644
--- a/slideshare.js
+++ b/slideshare.js
@@ -35,7 +35,7 @@ THE POSSIBILITY OF SUCH DAMAGE.
 // INFO {{{
 let INFO =
 <>
-  <plugin name="Slideshare" version="1.0.0"
+  <plugin name="Slideshare" version="1.1.0"
           href="http://vimpr.github.com/"
           summary="Controll slideshare's slide."
           lang="en-US"
@@ -54,6 +54,11 @@ let INFO =
       <spec>:Slideshare prev</spec>
       <description><p>Go previous page.</p></description>
     </item>
+    <item>
+      <tags>:slideshare-fullscreen</tags>
+      <spec>:Slideshare fullscreen</spec>
+      <description><p>Toggle fullscreen.</p></description>
+    </item>
   </plugin>
   <plugin name="Slideshare" version="1.0.0"
           href="http://vimpr.github.com/"
@@ -74,6 +79,11 @@ let INFO =
       <spec>:Slideshare prev</spec>
       <description><p>前のページに移動</p></description>
     </item>
+    <item>
+      <tags>:slideshare-fullscreen</tags>
+      <spec>:Slideshare fullscreen</spec>
+      <description><p>フルスクリーン切り換え</p></description>
+    </item>
   </plugin>
 </>;
 // }}}
@@ -81,80 +91,106 @@ let INFO =
 
 (function () {
 
+  function makeStyleToggler (myStyle, e) {
+    let originalStyle = e.getAttribute('style') || '';
+    return function () {
+      if (e.__anekos_style_override) {
+        e.setAttribute('style', originalStyle);
+        delete e.__anekos_style_override;
+      } else {
+        e.setAttribute('style', originalStyle + myStyle.toString());
+        e.__anekos_style_override = true;
+      }
+    }
+  }
+
+  function makeFullscreenToggler (doc, main) {
+    const hiddenStyle = 'display: none !important';
+
+    let styleTogglers = Array.slice(doc.querySelectorAll('object')).map(makeStyleToggler.bind(null, hiddenStyle));
+
+    return function (callback) {
+      main();
+      styleTogglers.forEach(function (f) f());
+      setTimeout(function () {
+        if (callback)
+          callback();
+      }, 1000);
+    };
+  }
+
   function HTML5Slideshare (doc, callback) {
     let win = doc.defaultView;
     let player = win.player;
 
-    doc.querySelector('.btnFullScreen').click();
+    let toggleFullscreen =
+      makeFullscreenToggler(
+        doc,
+        let (isFullscreen = false)
+          function () {
+            doc.querySelector(isFullscreen ? '.btnLeaveFullScreen' : '.btnFullScreen').click();
+            isFullscreen ^= true;
+          }
+      );
+
+    toggleFullscreen(
+      function () {
+        callback({
+          next: function () {
+            player.play(this.current + 1);
+          },
 
-    callback({
-      next: function () {
-        player.play(this.current + 1);
-      },
+          previous: function () {
+            if (this.current > 1)
+              player.play(this.current - 1);
+          },
 
-      previous: function () {
-        if (this.current > 1)
-          player.play(this.current - 1);
-      },
+          toggleFullscreen: function () {
+            toggleFullscreen();
+          },
 
-      get current () player.controller.currentPosition
-    });
+          get current () player.controller.currentPosition
+        });
+      }
+    );
   }
 
   function FlashSlideshare (doc, callback) {
     let player = doc.querySelector('#player');
 
-    let include = doc.querySelector('#h-flashplayer-inclusions').textContent;
-    let pp = player.parentNode;
-    doc.body.appendChild(pp);
+    const fullScreenStyle = <><![CDATA[
+      position : fixed !important;
+      top : 0px !important;
+      left : 0px !important;
+      z-index : 1000 !important;
+      width : 100% !important;
+      height : 100% !important;
+    ]]></>;
 
-    let cs = doc.body.children;
-    for (var i = cs.length - 1; i >=0; i--)
-      if (cs[i] !== pp)
-        cs[i].style.display = 'none';
+    styleTogglers.push();
 
-    doc.defaultView.eval(include);
+    let toggleFullscreen = makeFullscreenToggler(doc, makeStyleToggler(fullScreenStyle, player));
 
-    setTimeout(
+    toggleFullscreen(
       function () {
-        player = doc.querySelector('#player');
-        player.setAttribute(
-          'style',
-          player.getAttribute('style') + <><![CDATA[
-            position: fixed !important;
-            top: 0px !important;
-            left: 0px !important;
-            z-index: 1000;
-            width: 100% !important;
-            height: 100% !important;
-          ]]></>
-        );
-
-        pp.setAttribute(
-          'style',
-          pp.getAttribute('style') + <><![CDATA[
-            position: fixed !important;
-            top: 0px !important;
-            left: 0px !important;
-            z-index: 1000;
-            width: 100% !important;
-            height: 100% !important;
-          ]]></>
-        );
-
         callback({
           next: function () {
-            player.next();
+            this.player.next();
           },
 
           previous: function () {
-            player.previous();
+            this.player.previous();
           },
 
+          toggleFullscreen: function () {
+            toggleFullscreen();
+          },
+
+          get player () doc.querySelector('#player'),
+
           get current () player.controller.currentPosition
         });
-      },
-      100
+      }
     );
   }
 
@@ -186,6 +222,7 @@ let INFO =
       subCommands: [
         new Command(['n[ext]'], 'Go next page', function () Slideshare(function () this.next())),
         new Command(['p[rev]'], 'Go previous page', function () Slideshare(function () this.previous())),
+        new Command(['f[ullscreen]'], 'Toggle fullscrenn', function () Slideshare(function () this.toggleFullscreen())),
       ]
     },
     true