Cómo crear un site enteramente con javascript

NOTA: si vienes solo a bajarte el archivo, lo tienes aquí:
//antoniovillena.es/sindecencia.zip
http://www.megaupload.com/?d=0Q5TWK12

Hace unos días me metí en menéame.net y descubrí que había mucha gente interesada en hacer copias de seguridad de páginas de enlaces. Había alguien que se había descargado la web entera de SeriesYonkis y lo había metido en un archivo OpenOffice.

A raíz de esto se me ocurrió la siguiente idea, generar una web totalmente offline con la máxima cantidad de enlaces posible. Fui investigando y al final me decanté por las dos siguientes fuentes de datos: una recopilación de series de varias webs (http://www.seriematic.com/colabora.php), y alguien que había hecho un backup a cinetube (en un comentario de menéame).

Me puse a hacer cuentas y me salía la nada despreciable cantidad de 400.000 enlaces. La única posibilidad que se me ocurrió en un principio fue hacer una web estática. Tiene que funcionar sin conexión a internet y sin instalar un servidor local, que solo dependa de un navegador en configuración básica (sin plugins ni complementos).

Evidentemente me saldría una página con muchos archivos .html. Uno para cada letra, para cada serie y para cada película. No iba a ser algo muy complicado pero no me convencía mucho la idea, más que nada porque iba a ocupar muchos megas, del orden de 50. Así que finalmente decidí complicarme, lo haría íntegramente en javascript.

He usado técnicas muy enrevesadas como separar los enlaces y aglutinarlos en un archivo png. Este archivo png va incrustado en base64, usando data URI. Luego este archivo lo cargo en un canvas oculto del que extraigo los datos cuando los necesito. Esto lo había hecho antes en el jbacteria, si a alguien le interesa los fuentes del jbacteria están aquí.

Al final pude aprovechar las siguientes circustancias:
-Los enlaces de megaupload se pueden ver en megavideo solo con cambiar el principio de la url.
-Solo hay 3 tipos de enlace: megaupload, megavideo y fileserve. Los dos primeros se generan con 8 símbolos de un alfabeto de 36, y el tercero con 7 símbolos de uno de 62.
-Usar los mismos elementos (arrays, paneles, etc...) para películas y series, a fin de cuentas las series solo tienen un nivel más.

Finalmente conseguí meter en sólo 6 bytes, no solo el enlace, sino también la información de calidad/idioma/subtítulos. Y sin usar compresión, solo simple aritmética de 32 bits. El resultado es el siguiente archivo que ocupa poco más de 2Mb.

También tiene un pequeño inconveniente: las series se numeran automáticamente usando un campo que indica el último capítulo de temporada, pero me he dado cuenta que esta información no está en todas las series y cuando faltan capítulos estos no se rellenan, así que no hagas mucho caso de la numeración de los capítulos (ejemplo 1x01).

Edito (3 de Febrero): Estoy flipando por lo rápido que se difunde una noticia en internet. Este humilde blog ha transferido en dos días 4Gb, debido a este artículo. Como ejemplo comparativo, la transferencia de todo el mes de Enero fue de 72,66Mb.

Muchos habéis preguntado en foros si voy a sacar actualizaciones periódicamente. La respuesta es NO, para mí ha sido un proyecto/reto sencillo y lo que quería demostrar (que la ley Sinde es absurda) ya lo he conseguido. No obstante acabo de publicar el código fuente aquí, con licencia GPL por si alguien quiere mejorarlo, sacar actualizaciones, etc...

Edito (8 de Febrero): Como parece que mañana van a aprobar la ley en el senado y yo estoy de acuerdo, para celebrarlo he sacado una nueva versión. Contiene más películas (extraídas de PY), es compatible con Internet Explorer (lo he probado en IE8) y tiene una sorpresita

Pincha aquí para descargar, y si te interesa el código fuente también puedes pinchar aquí

Edito (21 de Mayo): Han pasado casi 4 meses y ha habido de por medio una limpieza de enlaces en megaupload/megavideo así que no esperéis que sigan vivos todos los enlaces

44 Respuestas a este post.

  1. Por José Manuel Goig el 01.02.2011 a las 10:39

    Muy buen trabajo.

    Aquí está el enlace en la red edonkey:
    ed2k://|file|sindescargas.zip|2256304|795BDDD262922B41AE0E1ADA4314EEB1|/
  2. Por Hola el 01.02.2011 a las 11:57

    Hola ya está colgado en dos foros con bastantes visitas con el enlace a tu blog. Muchas gracias por este aporte.
  3. Por Jeiper el 01.02.2011 a las 12:54

    Qué pena que en el meneame te lo hayan tumbado. Qué se le va a hacer, son así, aunque para dar a conocerlo habría sido ideal.

    Yo voy a postearlo en un foro del que soy habitual.
  4. Por Antonio Villena el 01.02.2011 a las 13:21

    Hola Jose Manuel
    Gracias por subirlo al emule.

    A Hola, no me has dicho los foros pero ya me lo ha dicho google (gsmspain y forocoches), gracias por difundir la noticia.

    A Jeiper, con menéame no pasa nada, he sido claro al querer que se difunda y lo importante es que gente como vosotros haya entendido el mensaje. Gracias de nuevo por darlo a conocer en foros.
  5. Por XXL-MAN el 01.02.2011 a las 18:12

    Genial trabajo brother, un veterano de FC te da las gracias, te he publicado este currazo y me he permitido hacer 2 mirrors:

    http://www.fileserve.com/file/sxVyCHe

    http://www.megaupload.com/?d=GMXBKK2R

    gracias!

    editado por antoniovillena: Este comentario fue marcado automáticamente como spam por contener enlaces, hasta que lo he visto hoy y lo he aprobado. Muchas gracias XXL-MAN, tu post en FC ha sido el más leído y el que más ha difundido la noticia.
  6. Por Panikero el 01.02.2011 a las 18:13

    De parte de todo Forocoches muchas gracias por tu genial aportacion. Serás bienvenido a nuestra comunidad cuando quieras. Un saludo shurhand!
  7. Por Roto2 el 01.02.2011 a las 19:46

    De verdad con gente como tu, se pueden ir a la m*erda los que votaron la Ley Sinde. Grande personaje tu, y grande FC! Gracias.
  8. Por Electrik_Hijo el 01.02.2011 a las 21:06

    Buenísimo!!! Muchas gracias
  9. Por Carajotator el 02.02.2011 a las 09:57

    Los dueños de alguna web se van a mosquear por la perdida de visitas...
    Muy mal me parece esto.... a mi lo que me gusta de las paginas de series/peliculas online es ser abrumado por publicidad emergente y a todo volumen...
  10. Por Óscar el 02.02.2011 a las 10:47

    Enorme!! Muchas gracias.
  11. Por noize_beats el 02.02.2011 a las 16:12

    Muchas gracias!!!
  12. Por joan16v el 02.02.2011 a las 16:52

    Espectacular! Gracias!
  13. Por gobito el 02.02.2011 a las 18:10

    Te Queremos!!!
  14. Por sindeCoro el 02.02.2011 a las 18:20

    Qué grandeee !!!
  15. Por granpi el 03.02.2011 a las 09:45

    Grande, cultura para el pueblo. Un gran aporte para la comunidad. Gracias Antonio, me encargaré de que mis conocidos sepan de tu hazaña xDDDD
  16. Por victor el 03.02.2011 a las 10:11

    El trabajo es sensacional sencillamente.
    ¿Puede ser que al tener este archivo les sea más facil capar los enlaces en cuanto se enteren los responsables?
  17. Por jazztice el 03.02.2011 a las 11:19

    Tremenda currada!

    Gracias.
  18. Por Antonio Villena el 03.02.2011 a las 14:35

    Hola Victor.

    No. Los de Megaupload y Fileserve no son tontos y no retiran contenidos a no ser que contacte con ellos directamente el propietario del copyright (o representante legal). Incluso si todos los representantes legales se pusieran de acuerdo (cosa imposible) en enviar un email con este html, los de Megaupload y Fileserve lo tendrían difícil para extraer los enlaces, que tienen varias capas de codificación.

    Sería más lógico enviarles los .csv de las fuentes que he usado, antes que el archivo .html resultado (pincha en el enlace de seriematic.com).
  19. Por pekus el 03.02.2011 a las 20:31

    Mil gracias!
  20. Por XXFURIUSXX el 04.02.2011 a las 01:41

    Muy buen reto te planteastes eres un maquina¡¡¡ espero que a tu idea salga algo para combatir la ley sinde, gracias por tu tiempo invertido¡¡¡
  21. Por Tito el 06.02.2011 a las 13:34

    Sería muy muy bueno que alguien pusiese instrucciones para torpes para hacerlo, o que alguien se encargue de hacerlo una vez a la seman o al mes. Si no lleva mucho tiempo...
  22. Por juan el 08.02.2011 a las 15:35

    Compartiendo y Difundiendo
  23. Por Dash el 12.02.2011 a las 00:44

    Lo comparto ;)
  24. Por pepito el 17.02.2011 a las 21:46

    tb lo he visto que lo han colgado aqui: http://pastehtml.com/view/1da36ie.html gracias enormemente
  25. Por Antonio Villena el 17.02.2011 a las 22:17

    Gracias por el apunte, pepito. También he visto colgado el html (el antiguo) directamente en otro sitio http://www.badulake.tk/sindescargas.html

    A los que prefiráis compartirlo de esta forma (html a pelo), os recomiendo esta otra versión (consume la mitad de ancho de banda):

    http://antoniovillena.es/sindecencia_html_deflate.zip
  26. Por alex el 24.02.2011 a las 22:18

    Cómo podemos actualizar el archivo? Piensas publicar el generador?
  27. Por Gonzalo el 25.02.2011 a las 08:08

    Enhorabuena campeón!!!

    Has conseguido que borren todos los enlaces haciendo un trabajo que ni las entidades de gestión habían querido hacer. La ley Sinde será un fracaso, pero porque ya habrás hecho tú antes todo el trabajo sucio, volveremos a las p2p.

    De verdad, que penica, tanta inteligencia para unas cosas y cometes semejante cagada.
  28. Por Antonio Villena el 25.02.2011 a las 09:34

    Que bien, por fin un troll. Cómo los echaba de menos!

    Gonzalo, te respondo lo mismo que Víctor (lee 12 comentarios más arriba).
  29. Por Antonio Villena el 25.02.2011 a las 09:38

    Alex, el generador está también publicado. En el último enlace de todos ofrezco el código fuente baja licencia GPL:

    http://antoniovillena.es/sindecencia_source.zip

    Si ejecutas el .bat que hay dentro podrás generar exactamente el mismo archivo, partiendo de los datos en .csv (serían los archivos pelis.txt y series.txt).
  30. Por Gonzalo el 28.02.2011 a las 19:33

    Antes de afirmar cosas como las que le dices a Victor y me repites a mi, infórmate de primera mano. Pregunta a los responsables de SY o CT y verás lo que te dicen (y no hablo de la publi). Les han hecho una escabechina de enlaces, sobretodo en CT.

    No se ha notado porque el uso de FS ha aumentado mucho últimamente, pero MU está borrado en una gran parte (no son tan reacios a "colaborar" como dices, últimamente parecen Youtube)... y sino, haz la prueba, pon a descagar los enlaces de MU en un gestor, verás que % siguen vivos...
  31. Por EOL el 03.03.2011 a las 16:03

    Una duda Antronio, yo bajo de seriematic lo de serie, capitulo en CSV como dices para actualizarlo, pero luego que hago: doy al bat y me lo genera el .PHP digo; o lo renombro de csv a .txt o como va?? Para actualizarlo digo... GRACIAS
  32. Por Antonio Villena el 03.03.2011 a las 16:53

    @Gonzalo perdona si he sido sarcástico, me retracto viendo que tu crítica está bien planteada. Hasta lo que yo sé y dentro de lo que me he podido informar todas las webs de descarga (megaupload, rapidshare, fileserve) funcionan de la misma forma. Sólo retiran enlaces a petición del propietario de los derechos de autor. Tienes razón en cuanto a que últimamente están retirando demasiados enlaces, no sé realmente a qué se debe, pero puede deberse a que los propietarios de derechos se están organizando mejor y están contraatacando. Con el P2P pasaba algo parecido, al principio funcionaba muy bien pero en un momento determinado empezaron a inundarse de fakes. No puedo asegurar quién introduzco estos fakes, pero es de suponer que la industria cultural tiene algo que ver.

    En resumen, creo que el periodo de vida de los links va a disminuir, sobre todo en películas nuevas (estrenos en cine o DVD) porque son las más perjudicadas. Pero vamos en caso de ser yo el culpable no creo que sea el principal. El principal culpable sería del uploader al publicar el link. Evidentemente si no lo publica no hay descargas y el uploader deja de percibir ingresos. El segundo culpable serían las páginas de descarga por hacerlos públicos. Ídem con los ingresos. Y por último yo por hacer la recopilación, la diferencia es que yo no gano nada (tampoco pierdo nada si Sinde me cierra la web).
  33. Por Antonio Villena el 03.03.2011 a las 17:00

    @EOL es un poco complicado para explicártelo por aquí. Escríbeme al correo email arroba antoniovillena punto es y te lo comento. El formato de series.txt es, aunque sea CSV, distinto al de seriematic. Hay que hacer primero un volcado de los CSV de seriematic a una base de datos (mysql) intermedia, y luego otro volcado de esta base de datos a series.txt.
  34. Por PEQUE el 08.03.2011 a las 07:40

    Grande Antonio!!!
    He venido redirigido desde joneame.

    SALUD!!!!!!
  35. Por White Owl el 04.04.2011 a las 13:59

    Enhorabuena por el trabajo. Muchas gracias.
  36. Por Gonzalo el 30.04.2011 a las 10:23

    @Antonio, eso es de perogrullo, y perdona expresión. Por poner un ejemplo esto como quien se pone a hacer botellones, quien suministra el material y quien decide los mejroes sitios y los va anunciando por internet. Obviamente, los culpables si la policía los descubre son ellos mismos, pero para eso deberán investigar las redes sociales, las webs de convocatorias... hacer un trabajo sucio de recopilación... si de repente llega alguien, y crea un sistema que permite reunir en un sólo archivo todas las reuniones, obviamente está facilitando la vida a quien queire ir, porque tienes todos en un click, pero tb a la policía...
    No te digo que la idea sea mala, ni que lo hayas hecho con esa intención, pero desde luego si los de la SGAE y amigos te deben algo es un agradecimiento (tienen en 2.2MB una lista de enlaces denunciables, los remiten a MU y listos, trabajo hecho), mientras al resto de internautas por lo general nos tienen como ladrones.
  37. Por Alberto el 12.05.2011 a las 09:26

    Ooooo, Seriematic ha cambiado radicalmente.
  38. Por Mon el 20.05.2011 a las 19:11

    He probado unos 20 links del archivo de distintas películas en Megaupload y todos están borrados... pinta a reporte en masa.
  39. Por perdelwow el 21.05.2011 a las 13:57

    Muchas gracias por tu aporte a todo internet! Me dejo impresionado como hiciste el archivo, y me decidi a crear una web con el, espero que no te importe. Puse una referencia a tu pagina, para que no piensen que me llevo el merito :D
  40. Por Antonio Villena el 21.05.2011 a las 15:50

    Gracias a tí por hacer una web para compartir el archivo. No sólo no me importa, me halaga el que me hayas nombrado. Pongo aquí el enlace con texto por si alguien no lo ha visto:

    http://centraldescarga.webcindario.com/
  41. Por Juan el 28.10.2011 a las 10:36

    Tal vez te interese una forma de crear un nuevo índice interesante:
    http://blog.davidlozanolucas.com/archives/85-La-lista-de-enlaces-piratas-que-te-la-da-la-DMCA..html
  42. Por Luisen el 03.01.2012 a las 23:22

    Amigo eres un maestro, un fenomeno, alagarte a ti es poco, tu sabes el tiempo que llebaba descargandole a mi hijo dibujos para ver y me desesperaba entrando enlace por enlace lo recomiendo esto es la ostia dicho bien claro te felicito amigo un saludo.
  43. Por Luisen el 03.01.2012 a las 23:39

    bueno ola a todos haora despues de aver provado bien lo que ofrece este gran hombre voy a resolveros alguna duda que teneis por aki los en lances que salen caidos a traves de esto en el explorador o en un gestor de descargas por lo que he visto no pasa nada por que entras en la pagina normal y corriente y te lo descargas sin este programa y el enlace no esta caido y total si biene mas de un enlace no cojais el primero que me he dado cuenta que si el primero esta caido los demas estan bien por eso os digo a los 4 que abeis criticado esto !investigar un poco mejor antes de criticar por que demasiado es la lavor que ha echo este hombre, que buelvo a decir que este hombre es un fenomeno, un saludo a todos.
  44. Por Jose el 09.01.2012 a las 14:57

    Muchas Gracias.

Responder