Código para vista previa de canal en YouTube en HTML

  • Autor Autor lucasguerrerok
  • Fecha de inicio Fecha de inicio
L

lucasguerrerok

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola que tal muchachos quisiera saber si alguien me puede facilitar el código o script para insertar en html
del modo vista previa de canal en youtube

Enlace eliminado

URL: solo hagan click en el nombre del canal o la imagen y veran a que me refiero
YouTube - Broadcast Yourself.

desde ya gracias
 
Última edición:
Aquí te dejo algo que te puede servir son 3 archivos + la hoja de estilos, prueba lo antes de usarlo para que veas de que forma te puede ayudar.

Pero te resumo este código te la la información básica de un canal como nombre,imagen, vídeo,numero suscritos,etc.

js.php
PHP:
<?php
$arr=array();
if(isset($_GET["canal"])){
	$curl=curl_init ();
	curl_setopt($curl, CURLOPT_URL, "http://www.youtube.com/user/".$_GET["canal"]);
    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    $salida=curl_exec($curl); 	
    if(!curl_errno($curl)){

		$a=darCadenaInicio($salida,"channel-header-main");        
		$b=darCadenaHasta($a,"branded-page-body");
		$c=darCadenaEntre($a,"centering-wrap","upper-left-section");
		$d=darCadenaEntre($c,"src=\"","\" title=\"");		
		$arr["img_ruta"]=$d;
		
		$b=darCadenaEntre($a,"upper-left-section ","</div>");
		$c=darCadenaEntre($b,"<h1 >","</h1>");
		$arr["nombre_corto"]=$c;
		
		$b=darCadenaEntre($a,"stat-entry","</span>");
		$c=darCadenaInicio($b,"value\">");
		$arr["suscritos"]=$c;
		
		$b=darCadenaEntre($a,"stat-entry","channel-horizontal-menu ytg-box");
		$b=darCadenaInicio($b,"stat-entry");
		$c=darCadenaEntre($b,"stat-value\">","</span>");		
		$arr["videos_vistos"]=$c;
		
		$a=darCadenaInicio($salida,"watch-channel-brand-div");//"user-profile-item");
		$b=darCadenaInicio($a,"user-profile-item");
		$c=darCadenaEntre($b,"<p>","</p>");
		$arr["descripcion_estado"]=$c;
		
		
		$b=darCadenaInicio($b,"user-profile-item");
		$b=darCadenaInicio($b,"section created-by-section");
		$c=darCadenaEntre($b,"class=\"value\">","</span>");
		$arr["creador"]=trim($c);
		
		$b=darCadenaInicio($b,"user-profile-item");
		$b=darCadenaInicio($b,"user-profile-item");
		$c=darCadenaEntre($b,"value\">","</span>");
		$arr["ultima_actividad"]=$c;
		
		$b=darCadenaInicio($b,"user-profile-item");
		$c=darCadenaEntre($b,"value\">","</span>");
		$arr["se_creo"]=$c;
		
		$a=darCadenaInicio($salida,"href=\"/watch?v=",true);
		$b=darCadenaEntre($a,"href=\"","&");
		$arr["url_video"]="http://www.youtube.com".$b;
		//$b=darCadenaEntre($a,"player-container","watch-longform-ad");
    }
    curl_close($curl);
	echo json_encode($arr);
}



function darCadenaInicio($en,$bus,$contar=false){//channel-header-main
	$pos=strpos($en,$bus);
	if($contar)
		return substr($en,$pos);
	return substr($en,$pos+strlen($bus));
}
function darCadenaHasta($en,$bus,$contar=false){//id=branded-page-body
	$pos=strpos($en,$bus);
	if($contar)
		return substr($en,0,$pos+strlen($bus));
	return substr($en,0,$pos);
}
function darCadenaEntre($en,$a,$b,$contar=false){
	return darCadenaHasta(darCadenaInicio($en,$a,$contar),$b,$contar);
}

?>


js.js

Insertar CODE, HTML o PHP:
var nefta=null;
google.load("jquery", "1.7.1");
google.setOnLoadCallback(function(){
	nefta={
		data:null,
		preview:function(nom){
			$.ajax({
				url:"js.php",
				type:"GEt",
				data:"canal="+nom,
				success:function(d){
					var o=JSON.parse(d);
					nefta.data= o;	
					var d=$("#Descripcion");
					var f;
					
					d.html("");
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>&nbsp</div>").appendTo(f);
					$("<div class='contenido'><img src='"+o.img_ruta+"'/></div>").appendTo(f);
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Creador</div>").appendTo(f);
					$("<div class='contenido'>"+o.creador+"</div>").appendTo(f);

					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Creado</div>").appendTo(f);
					$("<div class='contenido'>"+o.se_creo+"</div>").appendTo(f);					
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>ultima actividad</div>").appendTo(f);
					$("<div class='contenido'>"+o.ultima_actividad+"</div>").appendTo(f);
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Suscritos</div>").appendTo(f);
					$("<div class='contenido'>"+o.suscritos+"</div>").appendTo(f);

					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Nombre Corto</div>").appendTo(f);
					$("<div class='contenido'>"+o.nombre_corto+"</div>").appendTo(f);
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Descripcion</div>").appendTo(f);
					$("<div class='contenido'>"+o.descripcion_estado+"</div>").appendTo(f);
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Videos Vistos</div>").appendTo(f);
					$("<div class='contenido'>"+o.videos_vistos+"</div>").appendTo(f);
					
					f=$("<div>").attr("class","fila").appendTo(d);
					$("<div class='titulo'>Video Portada</div>").appendTo(f);
					$("<div class='contenido'><a href='"+o.url_video+"'>"+o.url_video+"</a></div>").appendTo(f);
					
					
				}
			});
		}
	};
	
	$("button").click(function(){
		var t=$("input",$(this).parent());
		nefta.preview(t.val());
	});
	
});

index.html

HTML:
<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
		<script type="text/javascript" src="js.js"></script>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div id="Buscar"><input type="text" value="monotransistor"><button>Buscar</button></div>
		<div id="Descripcion">
	
		</div>
	</body>
</html>


style.css

Insertar CODE, HTML o PHP:
	#Descripcion{
		width:500px;
		border:1px solid [B]Enlace eliminado[/B]
		border-radius:10px;
		margin:15px;
		font-weight:bold;
	}
	.fila{
		height:30px;
	}
	.titulo{
		float:left;
		width:150px;
		background-color:#DDD;
		border-radius:10px;
	}
	.contenido{
	}
	.contenido img{
		margin-top:15px;
		margin-left:200px;
		border:1px solid [B]Enlace eliminado[/B]
	}


Acá te dejo un ejemplo de respuesta...

salida.webp

Buena suerte 🙂
 
Sería una opción, muchas gracias por tu respuesta, igual seguiré esperando si alguien logra conseguirlo!
 
Atrás
Arriba