Código para visualização prévia de canal no YouTube em HTML

  • Autor Autor lucasguerrerok
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
L

lucasguerrerok

Curioso
Usuário com poucas negociações! Use sempre o saldo do 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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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

Inserir CODE, HTML ou 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

Inserir CODE, HTML ou 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!
 
Voltar
Topo