ニコニコ漫画

by asannou 2013-09-03 [2013/09/03 18:45:41]

Flash Player がない環境でニコニコ漫画を見る

@@ -1,6 +1,6 @@
 /*
  * @title ニコニコ漫画
- * @description Flash Player　がない環境でニコニコ漫画を見る
+ * @description Flash Player がない環境でニコニコ漫画を見る
  * @include http://seiga.nicovideo.jp/watch/*
  * @license MIT License
  * @require 
@@ -10,8 +10,25 @@
 
 var id = location.href.match(/http:\/\/seiga\.nicovideo\.jp\/watch\/mg([0-9]+)/);
 var url = [];
+var bgm = [];
 var i = 0;
-var img = $("<img></img>");
+var img = $("<img></img>").css({border: "solid 1px #000"});
+var audio = $("<audio autoplay loop></audio>").appendTo("body");
+
+var next = function() {
+    $.ajax({
+        url: '/api/theme/next?id=' + id[1],
+        type: 'get',
+        dataType: 'xml',
+        success: function(xml, status) {
+            if (status != 'success') return;
+            var next = $(xml).find("next");
+            if (next && window.confirm(next.find("title").text())) {
+                location.href = "http://seiga.nicovideo.jp/watch/mg" + next.find("id").text();
+            }
+        }
+    });
+};
 
 $.ajax({
     url: '/api/theme/data?theme_id=' + id[1],
@@ -19,8 +36,9 @@
     dataType: 'xml',
     success: function(xml, status) {
         if (status != 'success') return;
-        $(xml).find("source_url").each(function(){
-            url.push($(this).text());
+        $(xml).find("image").each(function(){
+            url.push($(this).find("source_url").text());
+            bgm.push("http://lohas.nicoseiga.jp" + $(this).find("bgm_path").text());
         });
         $("#playerBody").empty().append(img);
         img.attr("src", url[i]);
@@ -30,10 +48,15 @@
             if (x < w / 2) {
                 if (url[i - 1]) i--;
             } else {
-                if (url[i + 1]) i++;
+                if (url[i + 1]) {
+                    i++;
+                } else {
+                    next();
+                }
             }
-            img.attr("src", url[i]);
+            $(this).attr("src", url[i]);
         });
+        audio.attr("src", bgm[0]);
     }
 });
 

• /*
   * @title ニコニコ漫画
   * @description Flash Player がない環境でニコニコ漫画を見る
   * @include http://seiga.nicovideo.jp/watch/*
   * @license MIT License
   * @require 
   */
  
  jQuery(function($){
  
  var id = location.href.match(/http:\/\/seiga\.nicovideo\.jp\/watch\/mg([0-9]+)/);
  var url = [];
  var bgm = [];
  var i = 0;
  var img = $("<img></img>").css({border: "solid 1px #000"});
  var audio = $("<audio autoplay loop></audio>").appendTo("body");
  
  var next = function() {
      $.ajax({
          url: '/api/theme/next?id=' + id[1],
          type: 'get',
          dataType: 'xml',
          success: function(xml, status) {
              if (status != 'success') return;
              var next = $(xml).find("next");
              if (next && window.confirm(next.find("title").text())) {
                  location.href = "http://seiga.nicovideo.jp/watch/mg" + next.find("id").text();
              }
          }
      });
  };
  
  $.ajax({
      url: '/api/theme/data?theme_id=' + id[1],
      type: 'get',
      dataType: 'xml',
      success: function(xml, status) {
          if (status != 'success') return;
          $(xml).find("image").each(function(){
              url.push($(this).find("source_url").text());
              bgm.push("http://lohas.nicoseiga.jp" + $(this).find("bgm_path").text());
          });
          $("#playerBody").empty().append(img);
          img.attr("src", url[i]);
          img.click(function(e) {
              var w = $(this).width();
              var x = e.pageX - $(this).offset().left;
              if (x < w / 2) {
                  if (url[i - 1]) i--;
              } else {
                  if (url[i + 1]) {
                      i++;
                  } else {
                      next();
                  }
              }
              $(this).attr("src", url[i]);
          });
          audio.attr("src", bgm[0]);
      }
  });
  
  });
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。