Artículos hechos en Agosto, 2012


Vídeo a ventana completa y otros “favorítulos”

Vídeo a ventana completa y otros “favorítulos”


Publicado por el Domingo 12 12Europe/Madrid Agosto 12Europe/Madrid 2012 en Bookmarklets, Cultura libre, Mis programas, SDVídeo, Útil | 2 comentarios

Actualización:

  • Hay una versión más actualizada en la página de bookmarklets
  • La extensión Tab Scissors de Chrome le viene muy bien. Pulsando un botón te divide la ventana en dos a lo ancho, una con la pestaña que tuvieses seleccionada y la otra con las demás

Ahora que nos estamos cociendo con este dichoso verano y la gente parece que no se atreve a interrumpir la siesta separándose del ventilador, o el aire acondicionado los más afortunados, toca otra de mis chorraditas que estoy usando últimamente.

El rimbombante nombre de bookmarklet viene de marcador (como los de los libros pero en el navegador web) y applet, que se refiere a un pequeño programa que se ejecuta dentro de otro, en el caso del bookmarklet dentro del navegador, valga la rebuznancia. Mejor me ahorro trabajo copia-pegando de la Wikipedia:

Un bookmarklet (favorítulo) es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código JavaScript para ejecutar ciertas tareas automáticamente, como por ejemplo:

  • Cambiar el diseño de la página (el tamaño de letra o los colores, quitar el fondo, etc.).
  • Mostrar información de enlaces, imágenes, formularios, etc.).
  • Abrir una consulta directamente en un motor de búsqueda o acerca del texto que hayamos seleccionado.

Me encanta lo de “favorítulo” xD

El caso es que ahora veréis otra acción que era interesante hacer más llevadera mediante la modificación de un script ya existente en alguna web de cuyo nombre no quiero (ni puedo) acordarme: Es un “script” para modificar automáticamente los parámetros de la dirección de un vídeo de Youtube que harán que ocupe toda la ventana (que no pantalla), con lo que se “amolda” al tamaño que le des. Luego es capaz de seleccionar la calidad deseada (en el caso que publico 1080 píxeles de alto, también conocida como Full-HD) y, como efecto colateral, eliminar los anuncios de vídeo iniciales. Con el vídeo puesto y sin necesidad de que haya empezado a reproducirse, al clicar con el ratón sobre el botón del marcador ya se puede disfrutar.

Creo interesante compartirlo, aunque no sé cuanto durará lo de la eliminación de publicidad. De hecho hay algunos vídeos, creo recordar que de Vevo aunque no todos, en los que no funciona esa parte.

El “programita” (ni siquiera merece esa calificación) no tiene ningún mérito, además de porque en una buena parte es plagiado, la eliminación de los anuncios es como ya digo un efecto que yo no esperaba. Parece más fruto de un despiste de Google.

Granando

Lo más sencillo es arrastrar el siguiente enlace a la barra de marcadores (actívala si no la ves). Normalmente se encuentra debajo de la de dirección, donde se introduce lo de www…

SDYoutube

Si queréis “tunearlo”, se puede modificar la resolución cambiando la cifra que hay en rojo más adelante (a 720 por ejemplo), por si no necesitas tanta al tener una conexión lenta o pantalla no demasiado grande. A continuación el código que debéis copiar en el marcador. Introduce el nombre (descripción) que aparecerá en tu navegador y el código en el otro campo, normalmente se llama “URL”, como véis en la captura de después (uso el navegador Chrome y también he comprobado que funciona correctamente en Firefox).


Pinchando aquí podrás oir una de las fantásticas canciones del juego.

SD Youtube (Javascript): Descargar | Ver en Pastebin
  1. javascript:
  2. (function() {
  3.   var id;
  4.   id = window.location.toString();
  5.   id = id.replace(/^[^v]+v.(.{11}).*/, “$1”);
  6.   window.location.href = “http://www.youtube.com/watch_popup?v=” + id + “&hl=es&fs=1&vq=hd&1080&autoplay=1″;;
  7. })()

Cortísimo. Yo lo llamo SDYoutube en honor al juego de Konami para MSX SD Snatcher o el fanzine SD Mesxes. Significa “Super Deform” (parodia del Snatcher) o si lo prefieres “Standard Definition” (Vs. High Definition), pero puedes ponerle el título que quieras, claro.

Original Vs. resultado

Este es el ejemplo de URL (dirección) convertida.

Dirección del vídeo de Youtube original (concretamente está en una lista de reproducción):

http://www.youtube.com/watch?v=GH_ONJfBVhs&list=PLF893824DCDA19558&index=1&feature=plpp_video

Dirección generada con SDYoutube:

http://www.youtube.com/watch_popup?v=GH_ONJfBVhs&hl=es&fs=1&vq=hd1080&autoplay=1

Explicaré por encima lo que hace el guión por si hay alguien curioso. El código JavaScript coge la URL y simplemente le aplica una expresión regular (como me cuesta sacar una, la condenada) que busca el identificador del vídeo (lo que va después de “v=” hasta el “&”) y tras añadir los parámetros que notaréis al comparar origen con destino genera la nueva dirección a la que desemboca el navegador.

Puede que lo vaya mejorando. Lo publicaría aquí mismo. Otro día más bookmarklets, aunque este es de lejos el más útil de los que he hecho.

Ir a su página