Clon de cuevana – Primera Parte

Actualización: He movido el desarrollo del clon de cuevana a el foro IntoSE.
Los que deseen seguir el desarrollo podrán hacerlo desde allí.

He publicado una actualización “Clon de Cuevana – Segunda Parte” completando el plugin de google chrome y una Version Demo del Script de Cuevana

Hace un par de dias, escribí un artículo sobre “Hacer una página como Cuevana.tv” en este caso, vamos a hacer un plugin que nos permita tanto en Mozilla Firefox como en Google Chrome, otorgarnos automáticamente el enlace de descarga de MegaUpload, tal como el que funciona en Cuevana.tv

La función es bastante simple: “Se le añade un valor aleatorio a la URL de MegaUpload, así, cuando el explorador reconoce que existe ese valor adicional en la URL, nos redirige a nuestro sitio trayendo consigo la URL de descarga directa.”

Por ejemplo: normalmente, las URLs de MegaUpload son así:

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

En este caso, añadiremos un valor aleatorio de modo que el explorador reconozca que se trata de una url de nuestro complemento pudiendo ser asi:

http://www.megaupload.com/?d=WLV7L7Y6&clon_cuevana=1&sub=es

Veremos que se le añadió “&clon_cuevana=1&sub=es” que podrá ser definido luego por el ID de la película y el idioma de los subtítulos.

Ahora con simple javascript, creamos una función que nos servirá para el complemento:

Nota: Aquí para que funcione, tienen que cambiar clon_megaupload por cualquier cosa y también deben cambiar donde dice [nuestro dominio] por algún dominio de ustedes.

var loc = (location.href.match(/clon_cuevana=/i) && location.href.match(/sub=/i));
if (location.href.match(/^http:\/\/(www\.)?megaupload\.com/i) && loc) {
	var s = document.createElement('script');
	s.setAttribute("type","text/javascript");
	s.setAttribute("src", "http://[nuestro dominio]/megaupload.js");
	document.getElementsByTagName("head")[0].appendChild(s);
}

Luego creamos el script “megaupload.js” que redigirá a nuestro dominio trayéndose consigo la URL de descarga de MegaUpload:

if (document.getElementById('downloadlink') || getElementByClass('down_ad_butt1')) {
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).replace(/amp;/gi,'');
	var d = document.getElementById('downloadlink');
	var downloadlink;
	if (d) {
		downloadlink = d.firstChild.href;
	} else {
		d = getElementByClass('down_ad_butt1');
		downloadlink = d.href;
		hashes += "&premium=true";
	}
	var count = document.getElementById("countdown") ? document.getElementById("countdown").innerHTML : 45;
	window.location = 'http://[nuestro dominio]/reproductor.php?mega_url='+downloadlink+'&count='+count+'&'+hashes;
}
function getElementByClass(theClass) {
	var allHTMLTags=document.getElementsByTagName("*");
	for (i=0; i<allHTMLTags.length; i++) {
		if (allHTMLTags[i].className==theClass) {
			return allHTMLTags[i];
		}
	}
	return false;
}

Ya con esto, vamos a recibir la url de descarga, por lo cual haremos otro script llamado “reproductor.php” con el siguiente contenido:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://www.mijailr.com/player.js"></script>
</head>
<body>
if (isset($_GET['mega_url'])){
$player='<a href="'.$_GET['mega_url'].'" style="display:block;margin:0 auto;width:520px;height:330px;" id="player"></a> ';
echo $player.'<script>flowplayer("player", "http://[nuestro dominio]/player.swf");</script>';
}else{
echo '<div id="error"><p>No se ha seleccionado ninguna película</p></div>';
}
</body>
</html>

Ahora editamos el reproductor que hicimos en “Hacer una página como Cuevana.tv” para que quede así:

Nota: el “id=WLV7L7Y6″ lo pongo por motivo de ejemplo, pero su finalidad es que funcione con una base de datos.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 
<style>
<title>Reproductor directo de Megaupload</title>
</head>
<body>
<div id="set">
<iframe id="reproductor" name="reproductor" width="640" height="360" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="http://[nuestro_dominio]/pelicula.php?id=WLV7L7Y6"></iframe>
</div>
</body>
</html>

Ahora y para finalizar, hacemos el script “pelicula.php” que es el que nos mostrará el enlace a la película.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Reproductor directo de Megaupload</title>
</head>
<body>
<div id="reprod">
if (isset($_GET[id])){
echo '<p><a href="http://www.megaupload.com/?d='.$_GET["id"].'>Ver Película</a></p>';
}else{
echo '<p>No se ha seleccionado ninguna película</p>';
}
</div>
</body>
</html>

Ahora solo falta:

  • Verificar si el usuario ya tiene instalado el plugin.
  • Compilar los plugins para firefox y chrome.

Pero eso lo dejo para otra ocasión.

Por favor dejen sus comentarios, me servirá para seguir desarrollando el Clon de Cuevana


¿Te gustó esto? Compartelo...


Publicado el Domingo, 20 de marzo de 2011

En las categorías PHP

Con las etiquetas: , , , ,


Visitantes encuentran esta página buscando por:

paginas similares a cuevana

- reproductor de cuevana - script cuevana - paginas parecidas a cuevana - script de cuevana - f - pagina similar a cuevana - reproductor cuevana - clon de cuevana -

paginas como cuevana

-

clon cuevana

- cuevana script - cuevana clon - pagina como cuevana - pagina parecida a cuevana -


  • Pingback: Hacer una página como Cuevana.tv | Mijail Rondon

  • enigmathion

    Sos un maestro! sabelo, en un rato lo estare probando!

    • enigmathion

      Ahora si estoy jodido, no tengo muchos conocimientos en el tema, los js que indicas mas arriba no se con que nombre deberia guardarse. Me gusto mas el reproductor que dabas como ejemplo en el otro post. Si hay alguna manera de hacer que ese mismo reproductor se ponga en marcha sin tener que cargarle antes el enlace, te estaria agradecido. Es la idea que tengo en mente, partir de ahi..

      • http://www.mijailr.com Mijail Rondon

        Claro, estoy trabajando en ello, aun no esta completo y aún no va a funcionar correctamente, como puedes ver, esta es la primera parte, espera la segunda y quizás una tercera y cuarta, para que sea completado.
        Las funciones que va a incluir serán muy similares a las de cuevana.tv aquí te listo lo que tengo en mente:

        *Base de datos con las películas y las URL de MegaUpload
        *Información de películas,thumbnail de la película, rank, trailers
        *Reproductor flash con opción a subtitulos

        Eso es por ahora, pero hay muchas cosas que debo tomar en cuenta, como el diseño básico, capacidad de cambiar de template, entre muchas otras cosas.

        Es un trabajo largo, sobretodo en cuanto a diseño gráfico, ya que tengo que hacer las 2 cosas porque trabajo solo, quizás me tarde unas semanas.

        Pero necesito apoyo de ustedes mis lectores, mientras más apoyo reciba, quizás lo complete más rápido.

        Que comenten en Facebook, Twitter, o sus propios blogs el trabajo que intento hacer puede ser de gran ayuda para mi motivación.

        • Angelo Canepa

           hola,
          me gustaria saber una forma para obtener el link de megaupload, pero de una manera mas sencilla, es posible?,
          estoy trabajando con flowplayer pero no entiendo como haceru na descarga automatica de megaupload hacia el reporductor.
          Saludos

  • Carlos M

    Muy bueno! Espero ver los próximos avances.

  • Marriano

    Buenas noches. Trato de comprender todo, pero no entiendo donde va esto que agrego al pie de este mensaje, o con que nombre y extensión debo ponerlo:

    var loc = (location.href.match(/clon_cuevana=/i) && location.href.match(/sub=/i));
    if (location.href.match(/^http://(www.)?megaupload.com/i) && loc) {
    var s = document.createElement(‘script’);
    s.setAttribute(“type”,”text/javascript”);
    s.setAttribute(“src”, “http://[nuestro dominio]/megaupload.js”);
    document.getElementsByTagName(“head”)[0].appendChild(s);
    }

    • http://www.mijailr.com Mijail Rondon

      hola, esta es la primera parte del clon, donde básicamente se explica la posibilidad de hacerlo, sigue la segunda parte donde se explica de mejor manera el script de cuevana con un demo funcional.
      http://www.mijailr.com/2011/03/clon-de-cuevana-segunda-parte/

      • Marriano

        Muchisimas gracias Mijail Rondon, aunque lo que no entiendo en donde ingresar ese codigo… Me refiero dentro de que archivo o carpeta?

        Muchisimas gracias. Excelente tu trabajo. Por que yo particularmente lo veo como una salida a nuevos proyectos. Tienes algun sitio para donar a traves de Paypal? Saludos y gracias

        • http://www.mijailr.com Mijail Rondon

          si, en un momento lo pongo en el sidebar.

        • Marriano

          Mil disculpas Mijail, tu te refieres que ese codigo es el mismo que este cierto?

          var loc = (location.href.match(/clon_cuevana=/i));
          if (location.href.match(/^http://(www.)?megaupload.com/i) && loc) {
          var s = document.createElement(‘script’);
          s.setAttribute(“type”,”text/javascript”);
          s.setAttribute(“src”, “http://www.mijailr.com/clon_cuevana/server/megaupload.js”);
          document.getElementsByTagName(“head”)[0].appendChild(s);
          } else if (location.href.match(/^http://(www.)?mijailr.com/i)) {
          if (document.getElementById(“reproductor”)) {
          if (document.getElementById(“reproductor”).src.match(/sin_plugin/i)) {
          document.getElementById(“reproductor”).src = “http://www.mijailr.com/clon_cuevana/pelicula.php”;
          }
          }
          }

          • http://www.mijailr.com Mijail Rondon

            si, eso se trata del plugin para google chrome, que lo explico en la 2da parte.

        • http://www.mijailr.com Mijail Rondon

          por que no te conectas al gtalk? estoy dispuesto a responder a todas tus dudas marriano..

  • http://pulse.yahoo.com/_W6CRIKKES6MZ44UISRQUH3RLZY Extensivo

    Expectacular!!! una pregunta. Sin necesidad de clonar la web, hay disponible algun tuto para insertar solamente el reproductor, los plugins para firefox & Chrome y subtitulos?

    Sos un fenomeno!
    Muchas gracias

    • http://www.mijailr.com Mijail Rondon

      hola, actualmente estoy desarrollando un plugin para wordpress del clon de cuevana.
      Puedes ver el desarrollo en intose.com

      • http://pulse.yahoo.com/_W6CRIKKES6MZ44UISRQUH3RLZY Extensivo

        Buenisimo! ojalá se pueda adaptar también para blogger.
        Te agradezco muchísimo

      • http://twitter.com/Nito15 Bruno Manzi ✔

        Sería GENIAL! si llegaras a crearlo por completo!

  • Elisaul37

    hola la pagina de http://www.cinecalidad.com es muy parecida a cuecavana a diferencia que hay que colocar los captchas para poder ver las peliculas entre otras cosas saludos

  • http://twitter.com/somosuruguay DaleGas.com.uy

    muy bueno ;)

  • Eduardo

    man una forma de contactarte es urgente, si me explicaras un poco mas y me sacaras las dudas q tengo espero tu respuesta y muy buen tuto. thanks

  • D_de_dedo

    Pregunto: ¿Funciona?
    Es decir, puedo instalarlo tal cual el plugin de cuevana y pasandole un ID de archivo puedo reproducir un video alojando como archivo por ejemplo en megaupload? gracias y saludos

  • Hugo

    Alguien que siga con el proyecto.???