Búsqueda de listas de reproducción de Youtube
Descripción
Esto comenzó como una copia de la extensión "Búsqueda de listas de reproducción para YouTube", pero la estoy limpiando y personalizando a mi gusto.
Limitaciones
- Debe autenticarse con Google cuando utilice la extensión por primera vez para que la extensión pueda utilizar la API de YouTube. La API de YouTube no permite el acceso a su "Lista de seguimiento", por lo que la extensión no funcionará en su "Lista de seguimiento".
- Esta extensión resultó ser más popular de lo que esperaba, lo que significa que me quedé sin usuarios para mi clave API. Creo que la única forma de permitir que se permitan más usuarios es verificar esto, pero lo intenté hace un tiempo y fue demasiado trabajo y tomó demasiado tiempo (recibía correos electrónicos automáticos de Google para hacer un cambio, lo cambiaría , no tener noticias suyas durante unos días, luego volver a recibir la solicitud del mismo cambio y nunca llegar a ninguna parte). Como resultado, proporcionaré instrucciones más adelante sobre cómo crear sus propias claves API.
- Si intenta utilizar esta extensión sin cambiar la clave API, probablemente verá errores (REF: #7).
Personalizaciones
- La búsqueda ahora es más "difusa", por lo que busca palabras individualmente en lugar de juntas.
- Buscar por título de vídeo
- Menú desplegable de canales con capacidad de búsqueda
- Los vídeos de la lista tienen una miniatura.
- Se eliminaron las dependencias de list.js y jQuery (jQuery se estaba usando literalmente para list.js y otra cosa, y list.js honestamente complicó más el script porque simplemente no era necesario).
- Limpió el código significativamente
- CSS actualizado y limpio
- La interfaz de usuario ahora se parece al tema oscuro de YouTube.
- Al hacer clic en un video, se abre el video en una nueva pestaña.
- El filtro de búsqueda es persistente. La extensión recordará el filtro que utilizó la última vez que buscó una lista de reproducción en particular.
- Cargando ruleta
- Carga diferida
- Almacenamiento local de vídeos para listas de reproducción grandes para una recuperación rápida
- Botón de recuperación para forzar la recuperación de la lista de reproducción desde la API
Instalación
No tengo esto en Chrome Extension Store y nunca lo tendré. Aparentemente, Google requiere que pagues una tarifa de registro de $5 para convertirte en desarrollador de extensiones ahora y, sinceramente, no me molesta.
Si desea publicar esta extensión en Chrome Web Store, puede hacerlo. Sin embargo, sólo te pido que:
- Avíseme primero para poder actualizar este archivo README y decir que se está agregando.
- Avíseme cuando se apruebe y publique para poder publicar el enlace aquí.
- Hagamos referencia a este repositorio de git en algún lugar de los detalles de la extensión para que las personas puedan revisar fácilmente el código si lo desean y/o enviar informes de errores o solicitudes de funciones.
- Intente mantener la extensión de Chrome en la tienda relativamente actualizada con el repositorio.
Entonces, para instalar esta extensión:
- Generar claves API. Para obtener instrucciones sobre cómo hacerlo, consulte la sección siguiente.
- Descargue o clone este repositorio
- Abra el archivo
manifest.json
y reemplace client_id
con el ID de cliente que obtuvo cuando generó la clave API. - Solo para el 'Brave Browser', habilite la configuración "Permitir el inicio de sesión de Google para extensiones" y reinicie el navegador (IMPORTANTE: esta función no funciona actualmente, consulte a continuación)
- Abra la página 'Extensiones' en la configuración de Chrome
- Activa el 'Modo de desarrollador' (debe estar en la esquina superior derecha)
- Haga clic en "Cargar desempaquetado"
- Seleccione la carpeta en la que se guardó esta extensión cuando la clonó o descargó.
Deberías tener la extensión ahora.
Cuando utilice la extensión por primera vez, se le pedirá que inicie sesión en una cuenta de Google. Esta extensión utiliza la API de YouTube de Google y requiere un token de Google que permite a la extensión recuperar información de la API.
Opcionalmente, ahora puede desactivar el "modo de desarrollador". Chrome debería conservar la versión personalizada incluso después de desactivarla.
Generando claves API
- Vaya a la Consola de desarrollador de Google. Deberá iniciar sesión con una cuenta de Google.
- Deberías ver algo como a continuación. Haga clic en
Select a project
.
- Seleccione
NEW PROJECT
en la ventana emergente. - Se le pedirá que le dé un nombre. No importa el nombre que elijas, siempre que signifique algo para ti. Para los propósitos de este tutorial, lo llamaré
youtube-playlist-search
. - Haga clic en
create
. - Haga clic en
select project
. - Ahora debería ver algo parecido a lo siguiente, que es igual que antes pero ahora muestra que ha seleccionado su nuevo proyecto:
- En la barra izquierda debería haber algo que diga
APIs and Services
. Coloca el cursor sobre él y haz clic en Library
cuando se expanda. - En el cuadro de búsqueda, busque
YouTube Data API v3
. Cuando aparezca como resultado, haz clic en él. - Haga clic en
Enable
. - Cuando se cargue la página, haga clic en
Create Credentials
en la esquina superior derecha. - Asegúrese de que la
YouTube Data API v3
sea la API seleccionada. - Debe seleccionar que la API accederá a
User Data
. - Haga clic
Next
. - Complete la información sobre la
OAuth Consent Screen
. Esta es la pantalla que aparece para los usuarios cuando necesitan permitir el acceso a esta aplicación, así que proporcione un nombre fácil de usar y su información de contacto. Asegúrate de salir en modo "Prueba" y agrega tu correo electrónico y el correo electrónico de cualquier otra persona que quieras usar como "Usuarios de prueba":
- Haga clic en
Save and Continue
. - Ahora seleccione ámbitos. Para esta aplicación solo necesitas
YouTube Read Only Scope
.- Haga clic en
Add or Remove Scopes
. Filtrar para youtube.readonly
. Compruébalo y haz clic en Update
.
- Tus ámbitos deberían verse así:
- Haga clic en
Save and Continue
. - Para el
Application Type
, seleccione Chrome App
y asígnele el nombre que desee. - Para el ID de la aplicación, ingrese esto:
jdolgjncmhmboklhmacpknglmiibbldg
. - Haga clic en
Create
. - Puede que tarde algo de tiempo, pero a mí me llevó sólo unos segundos.
- Luego debería obtener una
Client ID
. Copie esto, lo necesitará al instalar la aplicación.
Ya ha terminado de crear su clave API (la ID del cliente).
Navegador valiente
Solías poder usar esta extensión con Brave Browser, pero ahora no funciona y los desarrolladores de Brave Browser lo saben. No hay mucho que puedan hacer ahora aparte de esperar a que Google haga algo.
Puedes ver el ticket abierto de Brave Browser aquí.
Dicho esto, parece que esto fue intencional por parte de Google y es posible que nunca se solucione (ref).
¿MUCHAS GRACIAS Google?
Por qué falta esta extensión en las tiendas de extensiones
Esta extensión no se encuentra actualmente en ninguna tienda de extensiones.
Eres libre de agregarlo a una tienda de extensiones si lo deseas, pero si lo haces te pido que:
- Avíseme primero para poder actualizar este archivo README y decir que se está agregando.
- Avíseme cuando se apruebe y publique para poder publicar el enlace aquí.
- Hagamos referencia a este repositorio de git en algún lugar de los detalles de la extensión para que las personas puedan revisar fácilmente el código si lo desean y/o enviar informes de errores o solicitudes de funciones.
- Intente mantener la extensión de Chrome en la tienda relativamente actualizada con el repositorio.
Hay una variedad de razones por las que esto no se encuentra en ninguna tienda de extensiones, que enumeraré a continuación:
Navegadores Google Chrome/Chromium
No tengo esto en Chrome Extension Store porque aparentemente Google exige que pagues una tarifa de registro de $5 para convertirte en desarrollador de extensiones ahora y, sinceramente, no me molesta y me parece un poco insultante pasar mi tiempo libre. para crear una extensión gratuita y luego tengo que pagarle a Google por el privilegio de agregarla a su tienda.
Firefox
El sistema de extensiones de Firefox es significativamente diferente al de Chrome y esta es una extensión de Chrome. Debido a esto, implicaría trabajo adicional para que funcione en Firefox.
Tampoco estoy muy familiarizado con el desarrollo de extensiones y ni siquiera sé si se pueden usar las API de YouTube de Google en Firefox, que necesito para que esta extensión funcione.
Borde
En teoría, Edge debería ser fácil de usar porque es un navegador basado en Chromium.
Sin embargo, tampoco sé si Edge tiene la capacidad de utilizar la API de YouTube.
Pero lo más importante es que no tengo ninguna computadora con Windows en mi casa, por lo que no tengo forma de probar si Edge funciona.
Esto también significa que cualquier cambio que realice en el futuro no tendrá absolutamente ninguna prueba para Edge antes de una actualización.
Safari
No sé si Safari tiene la capacidad de utilizar la API de YouTube.
Al igual que Windows, no tengo ningún Mac en mi casa, por lo que tampoco tengo forma de probar Safari, por lo que no hay forma de saber si funcionaría.
Esto también significa que cualquier cambio que haga en el futuro tendrá absolutamente 0 pruebas para Safari antes de una actualización.
Tampoco estoy familiarizado en absoluto con Safari y ni siquiera si tiene una tienda de extensiones o qué implica agregarla.