Bookmarklets from gunnyori

[Let] アマプラNextup表示切替

gunnyori — 2025-04-17T09:04:23Z

/*
 * @title アマプラNextup表示切替
 * @description Amazonプライムビデオの邪魔なNext upカードの表示/非表示を切り替える
 * @include https://www.amazon.co.jp/gp/video/*
 * @license MIT License
 * @require 
 */


(function() {
  // -nextupcard-show を含むすべての div 要素を取得
  const elements = document.querySelectorAll('div[class*="-nextupcard-show"]');
  
  // 各要素の表示状態をトグル
  elements.forEach(element => {
    // 現在の表示状態を確認
    const currentDisplay = window.getComputedStyle(element).display;
    
    // 表示状態をトグル
    if (currentDisplay === 'none') {
      element.style.display = '';  // デフォルトの表示状態に戻す
    } else {
      element.style.display = 'none';  // 非表示にする
    }
  });
})();

[Let] NX-Jikkyoビデオ表示Lite

gunnyori — 2024-09-13T14:49:56Z

NX-Jikkyoビデオ表示Lite

/*
 * @title NX-Jikkyoビデオ表示Lite
 * @description 実況避難所NX-Jikkyoにキャプチャデバイスのビデオストリームを重ねて表示します（パフォーマンス優先で1280x720で取り込みます）
 * @include https://nx-jikkyo.tsukumijima.net/watch/*
 * @license MIT License
 */


javascript:(function() {
  // 非表示にしたいクラスのリスト
  var classListToHide = [
    "watch-player__background-text",
    "watch-player__background-logo"
  ];

  // クラスごとにループして要素を非表示にする
  classListToHide.forEach(function(className) {
    var elements = document.getElementsByClassName(className);
    for (var i = 0; i < elements.length; i++) {
      elements[i].style.display = "none";
    }
  });

  var className = "watch-player__background--display";
  var elements = document.getElementsByClassName(className);

  if (elements.length > 0) {
    var element = elements[0];
    element.style.position = "relative";
    element.style.overflow = "hidden";  // オーバーフローを隠す

    // 新しいビデオ要素を作成
    var video = document.createElement("video");
    video.autoplay = true;
    video.muted = true;  // 音声をミュート（別にオーディオミキサー経由で取り込んだ方がよい）
    video.style.position = "absolute";
    video.style.top = "50%";
    video.style.left = "50%";
    video.style.transform = "translate(-50%, -50%)";
    video.style.width = "100%";
    video.style.height = "100%";
    video.style.objectFit = "cover";  // アスペクト比を維持しつつ親に収める
    video.style.zIndex = "-1";  // divの後ろに配置

    // 明るさを調整するCSSフィルターを追加
    video.style.filter = "brightness(0.85)";  // コメントが見やすいように若干明るさを落とす調整（1が標準）

    // div要素の背景を透明に
    element.style.background = "transparent";

    // 要素をDOMに追加
    element.appendChild(video);

    // ウェブカメラのストリームを開始（解像度指定）パフォーマンス改善のため1280x720に
    var constraints = {
      video: {
        width: { ideal: 1280 },  // 取り込むビデオの幅
        height: { ideal: 720 },  // 取り込むビデオの高さ
        aspectRatio: 16/9        // アスペクト比
      },
//      audio: true  // オーディオ取得（ブラウザ経由ではなくオーディオミキサー経由で取り込んだ方がよい）
    };

    navigator.mediaDevices.getUserMedia(constraints)
      .then(function(stream) {
        video.srcObject = stream;
      })
      .catch(function(error) {
        console.error("Error accessing webcam: ", error);
      });
  } else {
    alert("Element with class name '" + className + "' not found.");
  }
})();

[Let] NX-Jikkyoビデオ表示(フルHD)

gunnyori — 2024-09-13T14:49:27Z

NX-Jikkyoビデオ表示(フルHD)

/*
 * @title NX-Jikkyoビデオ表示(フルHD)
 * @description 実況避難所NX-Jikkyoにキャプチャデバイスのビデオストリームを重ねて表示します（画質優先で1920x1080で取り込みます）
 * @include https://nx-jikkyo.tsukumijima.net/watch/*
 * @license MIT License
 */


javascript:(function() {
  // 非表示にしたいクラスのリスト
  var classListToHide = [
    "watch-player__background-text",
    "watch-player__background-logo"
  ];

  // クラスごとにループして要素を非表示にする
  classListToHide.forEach(function(className) {
    var elements = document.getElementsByClassName(className);
    for (var i = 0; i < elements.length; i++) {
      elements[i].style.display = "none";
    }
  });

  var className = "watch-player__background--display";
  var elements = document.getElementsByClassName(className);

  if (elements.length > 0) {
    var element = elements[0];
    element.style.position = "relative";
    element.style.overflow = "hidden";  // オーバーフローを隠す

    // 新しいビデオ要素を作成
    var video = document.createElement("video");
    video.autoplay = true;
    video.muted = true;  // 音声をミュート（別にオーディオミキサー経由で取り込んだ方がよい）
    video.style.position = "absolute";
    video.style.top = "50%";
    video.style.left = "50%";
    video.style.transform = "translate(-50%, -50%)";
    video.style.width = "100%";
    video.style.height = "100%";
    video.style.objectFit = "cover";  // アスペクト比を維持しつつ親に収める
    video.style.zIndex = "-1";  // divの後ろに配置

    // 明るさを調整するCSSフィルターを追加
    video.style.filter = "brightness(0.85)";  // コメントが見やすいように若干明るさを落とす調整（1が標準）

    // div要素の背景を透明に
    element.style.background = "transparent";

    // 要素をDOMに追加
    element.appendChild(video);

    // ウェブカメラのストリームを開始（解像度指定）画質優先でフルHDで取り込む
    var constraints = {
      video: {
        width: { ideal: 1920 },  // 取り込むビデオの幅
        height: { ideal: 1080 },  // 取り込むビデオの高さ
        aspectRatio: 16/9        // アスペクト比
      },
//      audio: true  // オーディオ取得（ブラウザ経由ではなくオーディオミキサー経由で取り込んだ方がよい）
    };

    navigator.mediaDevices.getUserMedia(constraints)
      .then(function(stream) {
        video.srcObject = stream;
      })
      .catch(function(error) {
        console.error("Error accessing webcam: ", error);
      });
  } else {
    alert("Element with class name '" + className + "' not found.");
  }
})();

[Let] NX-Jikkyoナビゲーション表示切替

gunnyori — 2024-09-13T14:48:55Z

NX-Jikkyoナビゲーション表示切替

/*
 * @title NX-Jikkyoナビゲーション表示切替
 * @description 実況避難所NX-Jikkyoのナビゲーショバーとチャンネル切替ボタンの表示/非表示を切り替えます
 * @include https://nx-jikkyo.tsukumijima.net/*
 * @license MIT License
 */

javascript:(function() {
  var toggleDisplay = function(className) {
    var elements = document.getElementsByClassName(className);
    for (var i = 0; i < elements.length; i++) {
      if (elements[i].style.display === "none") {
        elements[i].style.display = "";
      } else {
        elements[i].style.display = "none";
      }
    }
  };
  toggleDisplay('watch-navigation');
  toggleDisplay('watch-player__button');
})();