Youtube Playlist Duration Calculator

Calculate the duration of a playlist and display it next to the number of videos
目前为 2021-07-10 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         Youtube Playlist Duration Calculator
// @namespace    http://tampermonkey.net/
// @version      1.1.1
// @description  Calculate the duration of a playlist and display it next to the number of videos
// @author       DenverCoder1
// @match        https://www.youtube.com/playlist
// @include      *://youtube.com/playlist*
// @include      *://*.youtube.com/playlist*
// @grant        none
// ==/UserScript==

(function () {
    "use strict";

    // get data object stored on Youtube's website
    const data = window.ytInitialData;

    // locate the list of videos in the object
    const vids = data.contents.twoColumnBrowseResultsRenderer.tabs[0].tabRenderer.content.sectionListRenderer.contents[0].itemSectionRenderer.contents[0].playlistVideoListRenderer.contents;

    // add up the lengths of each video in seconds
    const seconds = vids.reduce(function (x,y) { return x + (!isNaN(y.playlistVideoRenderer.lengthSeconds) ? parseInt(y.playlistVideoRenderer.lengthSeconds) : 0); }, 0);

    // divide by 60 and round to get the number of minutes
    const minutes = Math.round(seconds / 60);

    // if there is at least 1 hour, display hours and minutes, otherwise display minutes and seconds.
    const durationString = (minutes >= 60) ? // if minutes is 60 or more
        (Math.floor(minutes / 60) + 'h ' + (minutes % 60) + "m") : // calculate hours and minutes
        (Math.floor(seconds / 60) + 'm ' + (seconds % 60) + "s"); // calculate minutes and seconds

    // create a new "yt-formatted-string" element
    const newStat=document.createElement("yt-formatted-string");

    // set it's class to match the other elements
    newStat.className="style-scope ytd-playlist-sidebar-primary-info-renderer";

    // find the first child of the stats element (the number of videos) and insert the new element after it
    document.querySelector("#stats yt-formatted-string:first-child").after(newStat);

    // set the text of the new element to contain the duration
    newStat.innerText = durationString;
	
		// make sure it is not hidden
		newStat.style.display = "inline-block";

})();
欢迎访问Greasy Fork镜像
