YouTube-Playlist-Suche
Beschreibung
Dies begann als Kopie der Erweiterung „Playlist Search For YouTube“, aber ich bereinige sie und passe sie nach meinen Wünschen an.
Einschränkungen
- Sie müssen sich bei der ersten Verwendung der Erweiterung bei Google authentifizieren, damit die Erweiterung die YouTube-API nutzen kann. Die YouTube-API erlaubt keinen Zugriff auf Ihre „Beobachtungsliste“, daher funktioniert die Erweiterung nicht auf Ihrer „Beobachtungsliste“.
- Es stellte sich heraus, dass diese Erweiterung beliebter war, als ich erwartet hatte, was bedeutet, dass mir die Benutzer für meinen API-Schlüssel ausgehen. Ich denke, der einzige Weg, mehr Nutzer zuzulassen, besteht darin, dies zu verifizieren, aber ich habe das vor einiger Zeit versucht, aber es war zu aufwändig und hat zu lange gedauert (ich bekam automatisierte E-Mails von Google, um eine Änderung vorzunehmen, ich würde es ändern , ein paar Tage lang nichts von ihnen hören, dann wieder die gleiche Änderungsanfrage erhalten und nie wirklich etwas erreichen). Daher werde ich weiter unten Anweisungen zum Erstellen eigener API-Schlüssel bereitstellen.
- Wenn Sie versuchen, diese Erweiterung zu verwenden, ohne den API-Schlüssel zu ändern, werden wahrscheinlich Fehler angezeigt (REF: #7).
Anpassungen
- Die Suche ist jetzt „unschärfer“, sodass Wörter einzeln statt zusammen gesucht werden.
- Suche nach Videotitel
- Dropdown-Liste für durchsuchbare Kanäle
- Videos in der Liste haben ein Miniaturbild
- Abhängigkeiten von list.js und jQuery entfernt (jQuery wurde buchstäblich für list.js und eine andere Sache verwendet, und list.js hat das Skript ehrlich gesagt nur noch komplizierter gemacht, weil es einfach nicht notwendig war).
- Der Code wurde erheblich bereinigt
- CSS aktualisiert und bereinigt
- Die Benutzeroberfläche ähnelt jetzt dem dunklen YouTube-Theme.
- Durch Klicken auf ein Video wird das Video in einem neuen Tab geöffnet
- Der Suchfilter ist dauerhaft. Die Erweiterung merkt sich den Filter, den Sie bei der letzten Suche nach einer bestimmten Playlist verwendet haben.
- Spinner wird geladen
- Lazy Loading
- Lokale Speicherung von Videos für große Playlists zum schnellen Abruf
- Schaltfläche „Abrufen“, um den Abruf der Wiedergabeliste von der API zu erzwingen
Installation
Ich habe dies nicht im Chrome Extension Store und werde es auch nie tun. Anscheinend verlangt Google jetzt, dass Sie eine Registrierungsgebühr von 5 US-Dollar zahlen, um Erweiterungsentwickler zu werden, und ehrlich gesagt, das stört mich nicht.
Wenn Sie diese Erweiterung im Chrome Web Store veröffentlichen möchten, steht Ihnen dies frei. Ich bitte Sie jedoch nur:
- Lassen Sie es mich zuerst wissen, damit ich diese README-Datei aktualisieren kann, um zu sagen, dass sie hinzugefügt wird
- Lassen Sie mich wissen, wann es genehmigt und veröffentlicht ist, damit ich den Link hier posten kann
- Verweisen Sie irgendwo in den Details der Erweiterung auf dieses Git-Repo, damit Benutzer den Code bei Bedarf problemlos überprüfen und/oder Fehlerberichte oder Funktionsanfragen einreichen können.
- Versuchen Sie, die Chrome-Erweiterung im Store mit dem Repo relativ auf dem neuesten Stand zu halten.
Um diese Erweiterung zu installieren:
- Generieren Sie API-Schlüssel. Anweisungen dazu finden Sie im folgenden Abschnitt.
- Laden Sie dieses Repository herunter oder klonen Sie es
- Öffnen Sie die Datei
manifest.json
und ersetzen Sie client_id
durch die Client-ID, die Sie beim Generieren des API-Schlüssels erhalten haben. - Aktivieren Sie nur für den „Brave Browser“ die Einstellung „Google-Anmeldung für Erweiterungen zulassen“ und starten Sie den Browser neu (WICHTIG: Diese Funktion ist derzeit nicht verfügbar, siehe unten).
- Öffnen Sie die Seite „Erweiterungen“ in den Chrome-Einstellungen
- Schalten Sie den „Entwicklermodus“ ein (dieser sollte sich in der oberen rechten Ecke befinden).
- Klicken Sie auf „Ungepackt laden“
- Wählen Sie den Ordner aus, in dem diese Erweiterung gespeichert wurde, als Sie sie geklont oder heruntergeladen haben.
Sie sollten die Erweiterung jetzt haben.
Wenn Sie die Erweiterung zum ersten Mal verwenden, müssen Sie sich bei einem Google-Konto anmelden. Diese Erweiterung nutzt die YouTube-API von Google und erfordert ein Token von Google, das es der Erweiterung ermöglicht, Informationen von der API abzurufen.
Optional können Sie nun den „Entwicklermodus“ deaktivieren. Chrome sollte die benutzerdefinierte Version auch nach der Deaktivierung beibehalten.
Generieren von API-Schlüsseln
- Gehen Sie zur Google Developers Console. Sie müssen sich mit einem Google-Konto anmelden.
- Sie sollten etwas wie unten sehen. Klicken Sie auf
Select a project
.
- Wählen Sie im Popup
NEW PROJECT
aus. - Sie werden aufgefordert, ihm einen Namen zu geben. Es spielt keine Rolle, welchen Namen Sie wählen, solange er Ihnen etwas bedeutet. Für die Zwecke dieses Tutorials werde ich es
youtube-playlist-search
nennen. - Klicken Sie auf
create
. - Klicken Sie auf
select project
. - Sie sollten jetzt etwas wie das Folgende sehen, das dasselbe wie zuvor ist, aber jetzt zeigt, dass Sie Ihr neues Projekt ausgewählt haben:
- In der linken Leiste sollte etwas mit der Aufschrift
APIs and Services
stehen. Bewegen Sie den Mauszeiger darüber und klicken Sie auf Library
wenn es erweitert wird. - Suchen Sie im Suchfeld nach der
YouTube Data API v3
. Wenn das Ergebnis angezeigt wird, klicken Sie darauf. - Klicken Sie auf
Enable
. - Wenn die Seite geladen wird, klicken Sie oben rechts auf
Create Credentials
. - Stellen Sie sicher, dass die
YouTube Data API v3
die ausgewählte API ist. - Sie müssen auswählen, dass die API auf
User Data
zugreift. - Klicken Sie auf
Next
. - Geben Sie Informationen zum
OAuth Consent Screen
ein. Dies ist der Bildschirm, der Benutzern angezeigt wird, wenn sie den Zugriff auf diese App zulassen müssen. Geben Sie daher einen benutzerfreundlichen Namen und Ihre Kontaktinformationen ein. Stellen Sie sicher, dass Sie den Modus „Testen“ verlassen, und fügen Sie Ihre E-Mail-Adresse sowie die E-Mail-Adresse aller anderen Personen hinzu, die Sie als „Testbenutzer“ verwenden möchten:
- Klicken Sie auf
Save and Continue
. - Wählen Sie nun Bereiche aus. Für diese App benötigen Sie lediglich den
YouTube Read Only Scope
.- Klicken Sie auf
Add or Remove Scopes
. Filtern Sie nach youtube.readonly
. Überprüfen Sie es und klicken Sie auf Update
.
- Ihre Scopes sollten so aussehen:
- Klicken Sie auf
Save and Continue
. - Wählen Sie als
Application Type
die Chrome App
aus und geben Sie ihr einen beliebigen Namen. - Geben Sie als Anwendungs-ID Folgendes ein:
jdolgjncmhmboklhmacpknglmiibbldg
. - Klicken Sie auf
Create
. - Es kann einige Zeit dauern, aber bei mir hat es nur ein paar Sekunden gedauert.
- Sie sollten dann eine
Client ID
erhalten. Kopieren Sie dies, Sie benötigen es bei der Installation der App.
Sie sind mit der Erstellung Ihres API-Schlüssels (der Client-ID) fertig.
Mutiger Browser
Früher konnte man diese Erweiterung mit Brave Browser verwenden, aber jetzt ist sie kaputt und die Brave Browser-Entwickler wissen davon. Sie können im Moment nicht viel tun, außer darauf zu warten, dass Google etwas unternimmt.
Das offene Brave Browser-Ticket können Sie hier sehen.
Abgesehen davon sieht es so aus, als ob dies von Google beabsichtigt war und möglicherweise nie behoben wird (ref).
VIELEN Dank, Google?
Warum diese Erweiterung in Extension Stores fehlt
Diese Erweiterung ist derzeit in keinem Erweiterungsspeicher verfügbar.
Es steht Ihnen frei, es einem Erweiterungsspeicher hinzuzufügen, wenn Sie dies wünschen, aber wenn Sie dies tun, bitte ich Sie:
- Lassen Sie es mich zuerst wissen, damit ich diese README-Datei aktualisieren kann, um zu sagen, dass sie hinzugefügt wird
- Teilen Sie mir mit, wann es genehmigt und veröffentlicht ist, damit ich den Link hier posten kann
- Verweisen Sie irgendwo in den Details der Erweiterung auf dieses Git-Repo, damit Benutzer den Code bei Bedarf problemlos überprüfen und/oder Fehlerberichte oder Funktionsanfragen einreichen können.
- Versuchen Sie, die Chrome-Erweiterung im Store mit dem Repo relativ auf dem neuesten Stand zu halten.
Es gibt verschiedene Gründe, warum dies in keinem Erweiterungsspeicher verfügbar ist, die ich im Folgenden aufführe:
Google Chrome / Chromium-Browser
Ich habe dies nicht im Chrome Extension Store, weil Google anscheinend verlangt, dass Sie jetzt eine Registrierungsgebühr von 5 US-Dollar zahlen, um Erweiterungsentwickler zu werden, und ehrlich gesagt kann ich mich nicht darum kümmern und finde es irgendwie beleidigend, dass ich meine Freizeit verbringe um eine kostenlose Erweiterung zu erstellen, und dann muss ich Google dafür bezahlen, dass ich sie zu ihrem Store hinzufügen darf.
Firefox
Das Erweiterungssystem von Firefox unterscheidet sich erheblich von Chrome, und es handelt sich hier um eine Chrome-Erweiterung. Aus diesem Grund wäre es mit zusätzlichem Aufwand verbunden, es unter Firefox zum Laufen zu bringen.
Ich kenne mich auch nicht so gut mit der Entwicklung von Erweiterungen aus und weiß nicht einmal, ob man die YouTube-APIs von Google in Firefox verwenden kann, die ich benötige, damit diese Erweiterung funktioniert.
Rand
Theoretisch sollte Edge einfach zu bedienen sein, da es sich um einen Chromium-basierten Browser handelt.
Allerdings weiß ich auch nicht, ob Edge die Möglichkeit hat, die YouTube-API zu nutzen.
Aber was noch wichtiger ist: Ich habe zu Hause keine Windows-Computer und kann daher nicht testen, ob Edge überhaupt funktioniert.
Das bedeutet auch, dass alle Änderungen, die ich in Zukunft vornehme, vor einem Update absolut keine Tests für Edge erfordern.
Safari
Ich weiß nicht, ob Safari die YouTube-API verwenden kann.
Wie Windows habe ich zu Hause keine Macs, daher gibt es für mich auch keine Möglichkeit, Safari zu testen, also kann ich nicht wissen, ob es überhaupt funktionieren würde.
Das bedeutet auch, dass alle Änderungen, die ich in Zukunft vornehme, vor einem Update absolut keine Tests für Safari erfordern.
Ich kenne mich auch überhaupt nicht mit Safari aus und weiß nicht, ob es überhaupt einen Erweiterungsspeicher gibt oder was das Hinzufügen bedeutet.