FojadrachiandClaude Sonnet 5
f544736c66
Auf vielen aktuellen YouTube-Seiten fehlt das <link rel="image_src"> Tag, auf das sich die Thumbnail-Erkennung bisher verlassen hat - large_image fiel dadurch staendig auf das statische Logo zurueck. Jetzt wird die Video-ID aus der URL (?v=...) gelesen und die Thumbnail-URL direkt ueber YouTubes CDN gebaut (i.ytimg.com/vi/<id>/hqdefault.jpg), funktioniert zuverlaessig unabhaengig vom Seiten-Markup. Per Live-Test verifiziert. Co-Authored-By: Claude Sonnet 5 <[email protected]>
91 lines
3.7 KiB
Python
91 lines
3.7 KiB
Python
"""JavaScript, das periodisch in die YouTube- bzw. YouTube-Music-Seite injiziert wird,
|
|
um Titel/Interpret/Wiedergabestatus fuer die Discord-Rich-Presence auszulesen."""
|
|
|
|
MEDIA_PROBE_JS = r"""
|
|
(function() {
|
|
function txt(sel) {
|
|
var el = document.querySelector(sel);
|
|
return el ? el.textContent.trim() : null;
|
|
}
|
|
// Wichtig: getAttribute('src') statt .src - bei einem noch nicht (nach-)geladenen
|
|
// <img> (leeres/fehlendes src-Attribut, z.B. waehrend Lazy-Loading) loest die .src
|
|
// Property faelschlich auf die aktuelle Seiten-URL auf statt null/"" zu liefern.
|
|
function imgSrc(sel) {
|
|
var el = document.querySelector(sel);
|
|
var raw = el ? el.getAttribute('src') : null;
|
|
return (raw && /^https?:\/\//i.test(raw)) ? raw : null;
|
|
}
|
|
// Video-ID aus der URL (?v=... Parameter) - damit laesst sich die Thumbnail-URL
|
|
// ueber YouTubes CDN immer zuverlaessig selbst bauen, unabhaengig davon, ob
|
|
// gerade ein passendes <img>/<link> im DOM zu finden ist (das <link
|
|
// rel="image_src">, auf das sich der Code frueher verlassen hat, fehlt auf
|
|
// vielen aktuellen YouTube-Seiten schlicht).
|
|
function videoIdFromUrl(url) {
|
|
try {
|
|
return new URL(url).searchParams.get('v');
|
|
} catch (e) { return null; }
|
|
}
|
|
function ytThumbnailUrl(videoId) {
|
|
return videoId ? ('https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg') : null;
|
|
}
|
|
|
|
var video = document.querySelector('video');
|
|
var isMusic = location.hostname.indexOf('music.youtube.com') !== -1;
|
|
var videoId = videoIdFromUrl(location.href);
|
|
var title = null, subtitle = null, thumbnail = null;
|
|
|
|
if (isMusic) {
|
|
title = txt('.title.ytmusic-player-bar') || txt('ytmusic-player-bar .title');
|
|
subtitle = txt('.byline.ytmusic-player-bar') || txt('ytmusic-player-bar .byline');
|
|
thumbnail = imgSrc('ytmusic-player-bar img, .image.ytmusic-player-bar img') || ytThumbnailUrl(videoId);
|
|
} else {
|
|
var t = document.title.replace(/ - YouTube$/, '');
|
|
title = t || null;
|
|
subtitle = txt('ytd-video-owner-renderer #channel-name a')
|
|
|| txt('#owner #channel-name a')
|
|
|| txt('#channel-name a')
|
|
|| txt('ytd-channel-name#channel-name a');
|
|
var imgY = document.querySelector('link[rel="image_src"]');
|
|
thumbnail = (imgY ? imgY.href : null) || ytThumbnailUrl(videoId);
|
|
}
|
|
|
|
// WICHTIG: QtWebEngine's runJavaScript()-Bruecke liefert bei einem direkt
|
|
// zurueckgegebenen JS-Objekt zuverlaessig nur einen leeren String statt des
|
|
// Objekts (Zahlen/Strings funktionieren, Objekte nicht) - deshalb hier als
|
|
// JSON-String zurueckgeben und in Python mit json.loads() wieder parsen
|
|
// (siehe BrowserTab._on_media_probe_result in browser.py).
|
|
return JSON.stringify({
|
|
isMusic: isMusic,
|
|
title: title,
|
|
subtitle: subtitle,
|
|
thumbnail: thumbnail,
|
|
url: location.href,
|
|
playing: video ? (!video.paused && !video.ended && video.readyState > 2) : false,
|
|
currentTime: video ? video.currentTime : 0,
|
|
duration: (video && isFinite(video.duration)) ? video.duration : 0,
|
|
hasVideo: !!video
|
|
});
|
|
})();
|
|
"""
|
|
|
|
TOGGLE_PLAYBACK_JS = r"""
|
|
(function() {
|
|
var video = document.querySelector('video');
|
|
if (video) { video.paused ? video.play() : video.pause(); }
|
|
})();
|
|
"""
|
|
|
|
NEXT_TRACK_JS = r"""
|
|
(function() {
|
|
var btn = document.querySelector('.next-button, ytmusic-player-bar #next-button button, tp-yt-paper-icon-button.next-button');
|
|
if (btn) { btn.click(); }
|
|
})();
|
|
"""
|
|
|
|
PREV_TRACK_JS = r"""
|
|
(function() {
|
|
var btn = document.querySelector('.previous-button, ytmusic-player-bar #previous-button button, tp-yt-paper-icon-button.previous-button');
|
|
if (btn) { btn.click(); }
|
|
})();
|
|
"""
|