VDB_album_bookmarklet.js

javascript: (async function () {
  "use strict";

  // Updated 2025-12-08 v2
  const CONFIG = {
    delay: 200,
    filters: {
      minViews: 1,
      skipTitlesWith: ["on vocal", "off vocal", "ニコカラ"]
    },
    colors: {
      add: "#b0e8fc",
      existing: "#8ef990"
    },
    baseUrl: "https://vocadb.net"
  };

  const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

  const createButton = (text, color, href) => {
    const btn = document.createElement("a");
    btn.textContent = text;
    btn.href = href;
    btn.target = "_blank";
    btn.addEventListener("click", e => {
      e.stopPropagation();
    });
    Object.assign(btn.style, {
      backgroundColor: color,
      color: "black",
      padding: "7px 14px",
      border: "1px solid black",
      textDecoration: "none",
      display: "inline-block",
      marginLeft: "10px",
      marginTop: "5 px",
      width: "100px",
    });

    return btn;
  };

  const addButtonToElement = (button, videoId) => {
    let position = `a[href="/watch/${videoId}"]`;
    let element = document.querySelector(position);
    if (!element) {
      console.log(
        `First position attempt failed for video id: ${videoId} and position: ${position}`
      );
      position = `a[href="https://www.nicovideo.jp/watch/${videoId}"]`;
      element = document.querySelector(position);
      if (!element) {
        console.log(
          `Second position attempt failed for video id: ${videoId} and position: ${position}`
        );
        position = `a[href="watch/${videoId}"]`;
        element = document.querySelector(position);
        if (!element) {
          throw new Error(
            `No position found for video id: ${videoId} and position: ${position}`
          );
        }
      }
    }
    element.parentElement.parentElement.appendChild(button);
    return true;
  };

  const checkAlbumInDatabase = async (url) => {
    console.log(
      `Checking if ${url} is added as an album crossfade`
    );
    const apiUrl = `${CONFIG.baseUrl}/api/albums?query=${url}`;
    console.log("URL: ", apiUrl);
    const response = await fetch(apiUrl);
    if (!response.ok) throw new Error(`HTTP ${response.status}`);

    const result = await response.json();
    console.log("result: ", result);
    if (result.items.length > 0)
      return result.items[0];
    return null;
  };

  const addButtonsForNicoVideo = async videoId => {
    const nicoUrl = `https://www.nicovideo.jp/watch/${videoId}`;
    const albumData = await checkAlbumInDatabase(nicoUrl);

    if (albumData === null) {
      // Video not in database - add "Add" and "Info" buttons
      console.log("Album not in database");
      const addBtn = createButton(
        "Add",
        CONFIG.colors.add,
        `${CONFIG.baseUrl}/Album/Create`
      );

      const infoBtn = createButton(
        "Info",
        CONFIG.colors.add,
        `http://nicodata.vocaloid.eu/?NicoUrl=${nicoUrl}`
      );

      addButtonToElement(addBtn, videoId);
      addButtonToElement(infoBtn, videoId);
    } else {
      // Video exists in database - add "Album Entry" button
      console.log("Album already added");
      const entryBtn = createButton(
        "Album Entry",
        CONFIG.colors.existing,
        `${CONFIG.baseUrl}/Al/${albumData.id}`
      );

      addButtonToElement(entryBtn, videoId);
    }
  };

  const handleVideoListPage = async () => {
    console.log("Processing video list page...");
    document.querySelectorAll("a").forEach(a => {
      a.onmousedown = null;
      a.onmouseup = null;
      a.addEventListener("click", e => e.stopPropagation(), true);
    });

    let videos = document.querySelectorAll(".grid-area_main .flex-d_column");
    let gridLayout = true;
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    if (videos.length == 1) {
      console.log("Column layout detected.");
      videos = videos[0].childNodes;
      gridLayout = false;
    }

    for (const video of videos) {
      video.style.border = "1px solid orange";
    }

    for (const video of videos) {
      await sleep(CONFIG.delay);

      console.log("Video:", video);

      if (!video) continue;
      const title = gridLayout
        ? video.childNodes[1].innerText || ""
        : video.childNodes[1].childNodes[0].innerText;

      const views = gridLayout
        ? parseInt(video.childNodes[2].childNodes[1].innerText)
        : parseInt(video.childNodes[1].childNodes[2].childNodes[1].innerText);

      let videoId = gridLayout
        ? video.childNodes[1].href.split("/watch/")[1]
        : video.childNodes[1].childNodes[0].href.split("/watch/")[1];

      videoId = videoId.split("?")[0];
      console.log("Video ID:", videoId);
      if (!videoId) continue;

      if (views < CONFIG.filters.minViews) {
        console.log("Skipping, not enough views:", views);
        continue;
      }

      if (
        CONFIG.filters.skipTitlesWith.some(word =>
          title.toLowerCase().includes(word.toLowerCase())
        )
      ) {
        console.log("Skipping title", title);
        continue;
      }

      await addButtonsForNicoVideo(videoId);
    }
  };

  // Page handlers
  const handleNicologUserPage = async () => {
    console.log("Processing Nicolog User page...");
    const videos = document.querySelectorAll("tr");
    console.log("Videos:", videos);
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    // start from index 1 (skip table header)
    for (let i = 1; i < videos.length; i++) {
      await sleep(CONFIG.delay);

      const videoId =
        videos[i].childNodes[0].childNodes[0].childNodes[0].href.split(
          "watch/"
        )[1];

      await addButtonsForNicoVideo(videoId);
    }
  };

  const handleNicoUserPage = async () => {
    console.log("Processing Nico User page...");
    const videos = document.querySelectorAll(
      ".VideoMediaObjectList a.NC-MediaObject-contents"
    );
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    for (const video of videos) {
      await sleep(CONFIG.delay);

      const videoId = video.href.split("?")[0].split("/")[4];

      await addButtonsForNicoVideo(videoId);
    }
  };

  const handleDirectVideoPage = async () => {
    console.log("Processing direct video page...");
    try {
      let videoUrl = window.location.href;
      let service, videoId;
      switch (window.location.host) {
        case "www.nicovideo.jp":
          service = "NicoNicoDouga";
          videoId = videoUrl.split("/watch/")[1];
          break;
        case "music.youtube.com":
        case "www.youtube.com":
          service = "Youtube";
          videoId = videoUrl.split("?v=")[1].split("&")[0];
          break;
        default:
          throw new Error(`Unsupported host: ${window.location.host}`);
      }
      const albumData = await checkAlbumInDatabase(videoUrl);

      if (albumData) {
        window.location.assign(`${CONFIG.baseUrl}/Al/${albumData.id}`);
      } else {
        window.open(`${CONFIG.baseUrl}/Album/Create`);
      }
    } catch (error) {
      alert(error.message);
    }
  };

  // Main execution logic
  const { host, pathname } = window.location;

  try {
    if (host === "www.nicolog.jp" && pathname.startsWith("/user/")) {
      await handleNicologUserPage();
    } else if (host === "www.nicovideo.jp" && !pathname.startsWith("/watch/")) {
      if (pathname.startsWith("/tag/") || pathname.startsWith("/search/")) {
        await handleVideoListPage();
      } else if (pathname.startsWith("/user/")) {
        await handleNicoUserPage();
      }
    } else if (
      [
        "www.youtube.com",
        "music.youtube.com",
        "www.nicovideo.jp"
        /* "piapro.jp",
        "vimeo.com",
        "soundcloud.com",
        "www.bilibili.com" */
      ].includes(host)
    ) {
      await handleDirectVideoPage();
    } else {
      alert("This bookmarklet is not supported on this website.");
    }
  } catch (error) {
    console.error("Bookmarklet execution failed:", error);
    alert("An error occurred while processing the page.");
  }
})();

VDB_song_bookmarklet.js

javascript: (async function () {
  "use strict";

  // Configuration
  const CONFIG = {
    delay: 200,
    filters: {
      minViews: 1,
      skipTitlesWith: ["on vocal", "off vocal", "ニコカラ"]
    },
    colors: {
      add: "#b0e8fc",
      existing: "#8ef990"
    },
    baseUrl: "https://vocadb.net"
  };

  const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

  const createButton = (text, color, href) => {
    const btn = document.createElement("a");
    btn.textContent = text;
    btn.href = href;
    btn.target = "_blank";
    btn.addEventListener("click", e => {
      e.stopPropagation();
    });
    Object.assign(btn.style, {
      backgroundColor: color,
      color: "black",
      padding: "7px 14px",
      border: "1px solid black",
      textDecoration: "none",
      display: "inline-block",
      marginLeft: "10px",
      marginTop: "5 px",
      width: "70px",
    });

    return btn;
  };

  const addButtonToElement = (button, videoId) => {
    let position = `a[href="/watch/${videoId}"]`;
    let element = document.querySelector(position);
    if (!element) {
      console.log(
        `First position attempt failed for video id: ${videoId} and position: ${position}`
      );
      position = `a[href="https://www.nicovideo.jp/watch/${videoId}"]`;
      element = document.querySelector(position);
      if (!element) {
        console.log(
          `Second position attempt failed for video id: ${videoId} and position: ${position}`
        );
        position = `a[href="watch/${videoId}"]`;
        element = document.querySelector(position);
        if (!element) {
          throw new Error(
            `No position found for video id: ${videoId} and position: ${position}`
          );
        }
      }
    }
    element.parentElement.parentElement.appendChild(button);
    return true;
  };

  const checkSongInDatabase = async (videoId, service) => {
    console.log(
      `Checking ${service} song in database for video id: ${videoId}`
    );
    const url = `${CONFIG.baseUrl}/api/songs/byPV?pvService=${service}&pvId=${videoId}`;
    console.log("URL: ", url);
    const response = await fetch(url);
    if (!response.ok) throw new Error(`HTTP ${response.status}`);

    const result = await response.text();
    return result === "null" ? null : JSON.parse(result);
  };

  const addButtonsForNicoVideo = async videoId => {
    const songData = await checkSongInDatabase(videoId, "NicoNicoDouga");
    const nicoBase = (window.location.host === "www.nicolog.jp") ? "nicolog" : "nicovideo";
    const nicoUrl = `https://www.${nicoBase}.jp/watch/${videoId}`;

    if (songData === null) {
      // Video not in database - add "Add" and "Info" buttons
      console.log("Video not in database");
      const addBtn = createButton(
        "Add",
        CONFIG.colors.add,
        `${CONFIG.baseUrl}/Song/Create?pvUrl=${nicoUrl}`
      );

      const infoBtn = createButton(
        "Info",
        CONFIG.colors.add,
        `http://nicodata.vocaloid.eu/?NicoUrl=${nicoUrl}`
      );

      addButtonToElement(addBtn, videoId);
      addButtonToElement(infoBtn, videoId);
    } else {
      // Video exists in database - add "Song Entry" button
      console.log("Video already added");
      const entryBtn = createButton(
        "Song Entry",
        CONFIG.colors.existing,
        `${CONFIG.baseUrl}/S/${songData.id}`
      );

      addButtonToElement(entryBtn, videoId);
    }
  };

  const handleVideoListPage = async () => {
    console.log("Processing video list page...");
    document.querySelectorAll("a").forEach(a => {
      a.onmousedown = null;
      a.onmouseup = null;
      a.addEventListener("click", e => e.stopPropagation(), true);
  });

    let videos = document.querySelectorAll(".grid-area_main .flex-d_column");
    let gridLayout = true;
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    if (videos.length == 1) {
      console.log("Column layout detected.");
      videos = videos[0].childNodes;
      gridLayout = false;
    }

    for (const video of videos) {
      video.style.border = "1px solid orange";
    }

    for (const video of videos) {
      await sleep(CONFIG.delay);

      console.log("Video:", video);
      
      if (!video) continue;
      const title = gridLayout
        ? video.childNodes[1].innerText || ""
        : video.childNodes[1].childNodes[0].innerText;

      const views = gridLayout
        ? parseInt(video.childNodes[2].childNodes[1].innerText)
        : parseInt(video.childNodes[1].childNodes[2].childNodes[1].innerText);

      let videoId = gridLayout
        ? video.childNodes[1].href.split("/watch/")[1]
        : video.childNodes[1].childNodes[0].href.split("/watch/")[1];

      videoId = videoId.split("?")[0];
      console.log("Video ID:", videoId);
      if (!videoId) continue;

      if (views < CONFIG.filters.minViews) {
        console.log("Skipping, not enough views:", views);
        continue;
      }

      if (
        CONFIG.filters.skipTitlesWith.some(word =>
          title.toLowerCase().includes(word.toLowerCase())
        )
      ) {
        console.log("Skipping title", title);
        continue;
      }

      await addButtonsForNicoVideo(videoId);
    }
  };

  // Page handlers
  const handleNicologUserPage = async () => {
    console.log("Processing Nicolog User page...");
    const videos = document.querySelectorAll("tr");
    console.log("Videos:", videos);
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    // start from index 1 (skip table header)
    for (let i = 1; i < videos.length; i++) {
      await sleep(CONFIG.delay);

      const videoId =
        videos[i].childNodes[0].childNodes[0].childNodes[0].href.split(
          "watch/"
        )[1];

      await addButtonsForNicoVideo(videoId);
    }
  };

  const handleNicoUserPage = async () => {
    console.log("Processing Nico User page...");
    const videos = document.querySelectorAll(
      ".VideoMediaObjectList a.NC-MediaObject-contents"
    );
    if (videos.length === 0) {
      console.error("No videos found! Layout changed?");
      return;
    }

    for (const video of videos) {
      await sleep(CONFIG.delay);

      const videoId = video.href.split("?")[0].split("/")[4];

      await addButtonsForNicoVideo(videoId);
    }
  };

  const handleDirectVideoPage = async () => {
    console.log("Processing direct video page...");
    try {
      let videoUrl = window.location.href;
      let service, videoId;
      switch (window.location.host) {
        case "www.nicovideo.jp":
          service = "NicoNicoDouga";
          videoId = videoUrl.split("/watch/")[1];
          break;
        case "music.youtube.com":
        case "www.youtube.com":
          service = "Youtube";
          videoId = videoUrl.split("?v=")[1].split("&")[0];
          break;
        default:
          throw new Error(`Unsupported host: ${window.location.host}`);
      }
      const songData = await checkSongInDatabase(videoId, service);

      if (songData) {
        // Redirect to existing song entry
        window.location.assign(`${CONFIG.baseUrl}/S/${songData.id}`);
      } else {
        // Open song creation page
        window.open(`${CONFIG.baseUrl}/Song/Create?pvUrl=${videoUrl}`);
      }
    } catch (error) {
      alert(error.message);
    }
  };

  // Main execution logic
  const { host, pathname } = window.location;

  try {
    if (host === "www.nicolog.jp" && pathname.startsWith("/user/")) {
      await handleNicologUserPage();
    } else if (host === "www.nicovideo.jp" && !pathname.startsWith("/watch/")) {
      if (pathname.startsWith("/tag/") || pathname.startsWith("/search/")) {
        await handleVideoListPage();
      } else if (pathname.startsWith("/user/")) {
        await handleNicoUserPage();
      }
    } else if (
      [
        "www.youtube.com",
        "music.youtube.com",
        "www.nicovideo.jp"
        /* "piapro.jp",
        "vimeo.com",
        "soundcloud.com",
        "www.bilibili.com" */
      ].includes(host)
    ) {
      await handleDirectVideoPage();
    } else {
      alert("This bookmarklet is not supported on this website.");
    }
  } catch (error) {
    console.error("Bookmarklet execution failed:", error);
    alert("An error occurred while processing the page.");
  }
})();

Added support for albums (search by crossfade)

Copypaste code to https://chriszarate.github.io/bookmarkleter/ and drag the link to the bookmarks bar.