youtube playlist search

Recherche de playlist Youtube

Description

Cela a commencé comme une copie de l'extension "Playlist Search For YouTube", mais je suis en train de la nettoyer et de la personnaliser à mon goût.

Limites

• Vous devez vous authentifier auprès de Google lors de la première utilisation de l'extension afin que l'extension puisse utiliser l'API YouTube. L'API YouTube ne permet pas d'accéder à votre « Liste de surveillance », l'extension ne fonctionnera donc pas sur votre « Liste de surveillance ».
• Cette extension s'est avérée plus populaire que prévu, ce qui signifie que je n'ai plus d'utilisateurs pour ma clé API. Je pense que la seule façon d'autoriser davantage d'utilisateurs est de faire vérifier cela, mais j'ai essayé cela il y a quelque temps et c'était trop de travail et cela prenait trop de temps (je recevais des e-mails automatisés de Google pour apporter une modification, je le changerais , je n'ai pas de leurs nouvelles pendant quelques jours, puis je reçois à nouveau la demande pour le même changement et je n'arrive jamais nulle part). En conséquence, je fournirai plus bas des instructions sur la façon de créer vos propres clés API.
  • Si vous essayez d'utiliser cette extension sans changer la clé API, vous verrez probablement des erreurs (REF : #7).

Personnalisations

• La recherche est désormais plus « floue », elle recherche donc les mots individuellement plutôt que ensemble.
• Rechercher par titre de vidéo
• Liste déroulante des chaînes consultables
• Les vidéos de la liste ont une miniature
• Suppression des dépendances list.js et jQuery (jQuery était littéralement utilisé pour list.js et une autre chose, et list.js, honnêtement, compliquait davantage le script parce que ce n'était tout simplement pas nécessaire).
• J'ai considérablement nettoyé le code
• CSS mis à jour et nettoyé
• L’interface utilisateur ressemble désormais au thème sombre de YouTube.
• Cliquer sur une vidéo ouvre la vidéo dans un nouvel onglet
• Le filtre de recherche est persistant. L'extension se souviendra du filtre que vous avez utilisé la dernière fois que vous avez recherché une liste de lecture particulière.
• Icône de chargement
• Chargement paresseux
• Stockage local de vidéos pour de grandes listes de lecture pour une récupération rapide
  • Bouton Récupérer pour forcer la récupération de la playlist depuis l'API

Installation

Je ne l'ai pas dans le Chrome Extension Store et je ne l'aurai jamais. Apparemment, Google exige que vous payiez des frais d'inscription de 5 $ pour devenir développeur d'extensions maintenant et honnêtement, cela ne me dérange pas.

Si vous souhaitez publier cette extension dans le Chrome Web Store, vous êtes libre de le faire. Cependant, je vous demande simplement :

• Faites-le-moi savoir d'abord afin que je puisse mettre à jour ce README pour indiquer qu'il est ajouté
• Faites-moi savoir quand il sera approuvé et publié afin que je puisse publier le lien ici
• Faisons référence à ce dépôt git quelque part dans les détails de l'extension afin que les utilisateurs puissent facilement consulter le code s'ils le souhaitent et/ou soumettre des rapports de bogues ou des demandes de fonctionnalités.
• Essayez de garder l'extension Chrome dans le magasin relativement à jour avec le dépôt.

Donc, pour installer cette extension :

• Générez des clés API. Pour savoir comment procéder, voir la section ci-dessous.
• Téléchargez ou clonez ce référentiel
• Ouvrez le fichier manifest.json et remplacez client_id par l'ID client que vous obtenez lorsque vous avez généré la clé API.
• Pour le « Brave Browser » uniquement, activez le paramètre « Autoriser la connexion Google pour les extensions » et redémarrez le navigateur (IMPORTANT : cette fonctionnalité est actuellement interrompue, voir ci-dessous)
• Ouvrez la page "Extensions" dans les paramètres de Chrome
• Activez le « Mode développeur » (cela devrait être dans le coin supérieur droit)
• Cliquez sur "Charger déballé"
• Sélectionnez le dossier dans lequel cette extension a été enregistrée lorsque vous l'avez clonée ou téléchargée.

Vous devriez avoir l'extension maintenant.

Lorsque vous utilisez l'extension pour la première fois, vous devrez vous connecter à un compte Google. Cette extension utilise l'API YouTube de Google et nécessite un jeton de Google qui permet à l'extension de récupérer des informations de l'API.

En option, vous pouvez désormais désactiver le « Mode développeur ». Chrome devrait conserver la version personnalisée même après la désactivation.

Générer des clés API

• Accédez à la console du développeur Google. Vous devrez vous connecter avec un compte Google.
• Vous devriez voir quelque chose comme ci-dessous. Cliquez sur Select a project .

• Sélectionnez NEW PROJECT dans la fenêtre contextuelle.
• Il vous sera demandé de lui donner un nom. Peu importe le nom que vous choisissez, du moment qu'il signifie quelque chose pour vous. Pour les besoins de ce didacticiel, je vais l'appeler youtube-playlist-search .
• Cliquez sur create .
• Cliquez sur select project .
• Vous devriez maintenant voir quelque chose comme ci-dessous, qui est le même qu'avant mais qui montre maintenant que vous avez sélectionné votre nouveau projet :

• Dans la barre de gauche, il devrait y avoir quelque chose qui dit APIs and Services . Passez la souris dessus et cliquez sur Library lorsqu'elle se développe.
• Dans le champ de recherche, recherchez YouTube Data API v3 . Quand cela apparaît, cliquez dessus.
• Cliquez sur Enable .
• Lorsque la page se charge, cliquez sur Create Credentials dans le coin supérieur droit.
• Assurez-vous que l' YouTube Data API v3 est l'API sélectionnée.
• Vous devez sélectionner que l'API accédera User Data .
• Cliquez sur Next .
• Remplissez les informations sur l' OAuth Consent Screen . Il s'agit de l'écran qui s'affiche pour les utilisateurs lorsqu'ils doivent autoriser l'accès à cette application. Fournissez donc un nom convivial et vos coordonnées. Assurez-vous de quitter le mode "Test" et d'ajouter votre adresse e-mail ainsi que celle de toute autre personne que vous souhaitez utiliser en tant qu'"Utilisateurs tests" :

• Cliquez sur Save and Continue .
• Sélectionnez maintenant les étendues. Pour cette application, vous n'avez besoin que de la YouTube Read Only Scope .
  • Cliquez sur Add or Remove Scopes . Filtrer pour youtube.readonly . Vérifiez-le et cliquez sur Update .
• Vos Scopes devraient ressembler à ceci :

• Cliquez sur Save and Continue .
• Pour le Application Type , sélectionnez Chrome App , donnez-lui le nom de votre choix.
• Pour l’ID d’application, entrez ceci : jdolgjncmhmboklhmacpknglmiibbldg .
• Cliquez sur Create .
• Cela peut prendre un certain temps, mais pour moi, cela n'a pris que quelques secondes.
• Vous devriez alors obtenir un Client ID . Copiez-le, vous en aurez besoin lors de l'installation de l'application.

Vous avez terminé de créer votre clé API (l'ID client).

Navigateur courageux

Auparavant, vous pouviez utiliser cette extension avec Brave Browser, mais elle est actuellement en panne et les développeurs de Brave Browser le savent. Ils ne peuvent pas faire grand-chose pour le moment, à part attendre que Google fasse quelque chose.

Vous pouvez voir le ticket ouvert Brave Browser ici.

Cela étant dit, il semble que cela ait été intentionnel de la part de Google et ne sera peut-être jamais corrigé (réf).

Merci BEAUCOUP Google ?

Pourquoi cette extension est absente des magasins d'extensions

Cette extension n'est actuellement dans aucun magasin d'extensions.

Vous êtes libre de l'ajouter à un magasin d'extensions si vous le souhaitez, mais si vous le faites, je vous demande :

• Faites-le-moi savoir d'abord afin que je puisse mettre à jour ce README pour indiquer qu'il est ajouté
• Faites-moi savoir quand il sera approuvé et publié afin que je puisse publier le lien ici
• Faisons référence à ce dépôt git quelque part dans les détails de l'extension afin que les utilisateurs puissent facilement consulter le code s'ils le souhaitent et/ou soumettre des rapports de bogues ou des demandes de fonctionnalités.
• Essayez de garder l'extension Chrome dans le magasin relativement à jour avec le dépôt.

Il existe diverses raisons pour lesquelles cela ne figure dans aucun magasin d'extensions, que je vais énumérer ci-dessous :

Navigateurs Google Chrome / Chromium

Je n'ai pas cela dans le Chrome Extension Store car apparemment, Google exige que vous payiez des frais d'inscription de 5 $ pour devenir développeur d'extensions maintenant et honnêtement, cela ne me dérange pas, et je trouve un peu insultant de passer mon temps libre pour créer une extension gratuite, puis je dois payer à Google pour avoir le privilège de l'ajouter à leur boutique.

Firefox

Le système d'extension de Firefox est très différent de Chrome, et il s'agit d'une extension Chrome. Cela nécessiterait un travail supplémentaire pour le faire fonctionner sur Firefox.

Je ne suis pas non plus très familier avec le développement d'extensions, et je ne sais même pas si vous pouvez utiliser les API YouTube de Google dans Firefox, dont j'ai besoin pour que cette extension fonctionne.

Bord

En théorie, Edge devrait être facile à réaliser car il s'agit d'un navigateur basé sur Chromium.

Cependant, je ne sais pas non plus si Edge a la possibilité d'utiliser l'API YouTube.

Mais plus important encore, je n’ai aucun ordinateur Windows chez moi, je n’ai donc aucun moyen de tester si Edge fonctionne.

Cela signifie également que toutes les modifications que j'apporterai à l'avenir n'entraîneront absolument aucun test pour Edge avant une mise à jour.

Safari

Je ne sais pas si Safari a la possibilité d'utiliser l'API YouTube.

Comme Windows, je n'ai pas de Mac chez moi, donc je n'ai aucun moyen de tester Safari non plus, donc il n'y a aucun moyen de savoir si cela fonctionnerait.

Cela signifie également que toutes les modifications que j'apporterai à l'avenir n'entraîneront absolument aucun test pour Safari avant une mise à jour.

Je ne connais pas non plus Safari du tout et s'il dispose même d'un magasin d'extensions ou de ce qu'implique son ajout.