Incluir videos de Youtube en tu swf, descagar video youtube con flash, lista personalizada de videos youtube en flash

31 diciembre, 2009 by LeoBaraldi | 12 Comments

(08-10-2009) NOTICIA!: Nuevamente el problema de que no se veian los videos ya esta solucionado! descarguen los nuevos files ;)

Navegando por la pagina de unijimpe me encontré con un tuto en php para descargar video de youtube simplemente indicando el valor de id del video, me pareció una excelente idea más si dicha idea podíamos aprovecharla en flash para crear un reproductor con nuestra propia lista de videos y un reproductor armado por nosotros mismos.

Bueno ante que todo se agradece a unijimpe por el php que dio origen a todo el AS que desarrolle.

Es muy simple de utilizar, para flash simplemente utilizamos la clase NetStream y para indicar los videos que deseamos, construimos un archivo de tipo xml para indicar la lista de videos de youtube a reproducir. Con la posibilidad de también cargar un titulo y pequeña descripción del video.

En la estructura del xml, el atributo id=”” dentro de las comillas debe ir el id de video que vemos en youtube, en la siguiente imagen se resalta lo que deben copiar y pegar.
Puede pasar que la url sea así: http://youtube.com/watch?v=NyoCQ9WA0PY&feature=related en ese caso el id es el la parte resaltada en bold http://youtube.com/watch?v=NyoCQ9WA0PY&feature=related

Entre las etiquetas CDATA indicamos la descripción del video como así en el atributo titulo el valor o cadena de texto para dicho título.

El xml utilizado:

Clic para ver Texto Plano

XML:

<![CDATA[Presentación equipo subaru rally 2007 para el campeonato del mundo 2008]]>
</video>
<video id="GF4qad2sj00" titulo="Capusotto">
<![CDATA[Me encanta este video!]]>
</video>
<video id="6qEcX01WrNk" titulo="Previa de Soda en Cba">
<![CDATA[Se presento soda y fue toda una fiesta, impresionante!]]>
</video>
<video id="do1dAX-IVTE" titulo="El bananero - Harry Potter">
<![CDATA[Aca un video para morirse de risa del amigo elbananero]]>
</video>
<video id="qAWFk63Lrmw" titulo="Battlefield 2142 U2">
<![CDATA[Este un video que lo puse porque si nomas no tenia ganas de buscar ni de escribir]]>

Actionscript utilizado para el reproductor:

Clic para ver Texto Plano

Actionscript:

//Dominio donde esta alojado nuestro php
var dominio:String = "";
//nuestro php propiamente dicho
var FilePHP:String = "phpyoutube.php";
//nuestro xml con la lista de videos
var FileXML:String = "videos.xml";
//el valor de id del video en youtube
var id:String = "";
//
var contador:Number = 0;
//
var miXML:XML = new XML();
miXML.ignoreWhite = true;
//
var ListVideos:Array = new Array();
miXML.onLoad = function(ok) {
if (ok) {
ListVideos = this.firstChild.childNodes;
cantVideos_txt.text = "total videos: "+String(ListVideos.length);
id = ListVideos[0].attributes.id;
cargarVideo();
loadDtaVdo();
//
} else {
}
};
miXML.load(dominio+FileXML);
//aca recibimos el resultado del php
var result_lv:LoadVars = new LoadVars();
result_lv.onLoad = function(success:Boolean) {
if (success) {
/*********************************************/
//desde aqui el cambio realizado para el 08-10-2009
var varsTemp:LoadVars = new LoadVars()
varsTemp.decode(String(this))
var urlText:String = varsTemp.toString()
urlText = urlText.substr(35,urlText.length)
urlText = urlText.split('%2C').join(',');
urlText = urlText.split('%2E').join('.');
urlText = urlText.split('%2F').join('/');
urlText = urlText.split('%3F').join('?');
urlText = urlText.split('%3D').join('=');
urlText = urlText.split('%3A').join(':');
my_ns.play(urlText);
//hasta aqui el cambio realizado para el 08-10-2009
} else {
trace("Error connecting to server.");
}
};
//enviamos los datos al php
var send_lv:LoadVars = new LoadVars();
function cargarVideo() {
status_txt._visible = true;
status_txt.text = "cargando...";
send_lv.item = id;
send_lv.type = 0;
send_lv.sendAndLoad(dominio+FilePHP,result_lv,"GET");
}
//el encargado de cargar y reproducir el video
var my_video:Video;
var my_nc:NetConnection = new NetConnection();
my_nc.connect(null);
var my_ns:NetStream = new NetStream(my_nc);
my_video.attachVideo(my_ns);
//suavizado del video
my_video.smoothing = true;
//duracion del buffer
my_ns.setBufferTime(4);
//duracion del video
my_ns.onMetaData = function(infoObject:Object) {
//trace(Math.floor(infoObject.duration));
};
//enviamos datos de que esta sucediendo
my_ns.onStatus = function(infoObject:Object) {
if (infoObject.code == "NetStream.Buffer.Full") {
status_txt._visible = false;
}
if (infoObject.code == "NetStream.Play.Start") {
status_txt._visible = true;
buffer();
}
if (infoObject.code == "NetStream.Play.Stop") {
status_txt.text = "Video finalizado!";
}
if (infoObject.code == "NetStream.Play.StreamNotFound") {
status_txt.text = "No se encontro el video!!!";
}
};
//con esto sabemos si ya esta el buffer listo!
function buffer() {
this.onEnterFrame = function() {
var porcentaje:Number = Math.min(Math.round(my_ns.bufferLength/my_ns.bufferTime*100), 100);
status_txt.text = "Buffer:"+porcentaje+"%";
if (porcentaje == 100) {
delete this.onEnterFrame;
}
};
}
//un efectito fade
MovieClip.prototype.fade = function(direccion:String, velocidad:Number) {
if (direccion == "in") {
var efecto = mx.transitions.easing.Regular.easeIn;
this.mi_Tween = new mx.transitions.Tween(this, '_alpha', efecto, this._alpha, 100, velocidad, true);
} else {
var efecto = mx.transitions.easing.Regular.easeOut;
this.mi_Tween = new mx.transitions.Tween(this, '_alpha', efecto, this._alpha, 0, velocidad, true);
}
};
//creamos la funcionalidad de los botones y cargamos los datos de la info
function loadDtaVdo() {
for (var i = 0; i<2; i++) {
this["video"+i].fdoFicha_mc._alpha = 0;
this["video"+i]._alpha = 0;
this["video"+i].fade("in",0.5);
var temp = this["video"+i].fdoFicha_mc;
this["video"+i].reproducir_mc.fondo = temp;
this["video"+i].mini_mc.loadMovie("http://img.youtube.com/vi/"+ListVideos[contador].attributes.id+"/1.jpg");
this["video"+i].titulo_txt.text = ListVideos[contador].attributes.titulo;
this["video"+i].descripcion_txt.text = ListVideos[contador].firstChild;
//
this["video"+i].reproducir_mc.id = ListVideos[contador].attributes.id;
this["video"+i].reproducir_mc.onRelease = function() {
video0.fdoFicha_mc._alpha = 0;
video1.fdoFicha_mc._alpha = 0;
this.fondo.fade("in",0.5);
id = this.id;
cargarVideo();
//
};
if (this["video"+i].reproducir_mc.id == id) {
this["video"+i].fdoFicha_mc.fade("in",0.5);
}
if (contador == ListVideos.length-1) {
contador = 0;
} else {
contador++;
}
}
}
//accion boton siguiente
siguiente_btn.onRelease = function() {
loadDtaVdo();
};
//

ver ejemplo descargar archivos

Share|

Author: LeoBaraldi

Diseñador gráfico y programador en Web, con experiencia profesional en el rubro desde 1998. Experto en diseño de interfaces Frontend y Backend, sitios, portales y dispositivos móviles. Experto en estándares, CSS y HTML, amplios conocimientos en CEO. Desarrollador de sitios multi plataformas, HTML5, CSS3 y JQuery. Experto programador en Adobe Flex, AIR y ActionScript 3.0. Conocimientos en lenguajes como PHP, Javascript y bases de datos MySQL. Profesor de Diseño y Diseño Web en la Escuela Superior de Diseño Aguas de la Cañada, asesor y colaborador para medios gráficos, editoriales y revistas afines. Actualmente Jefe de Producción en Manifesto solutions.

Recursos y ejemplos de actionscript, Flash, AIR, Flex, CSS y HTML. Tutoriales de actionscript 2 y actionscript 3

Incluir videos de Youtube en tu swf, descagar video youtube con flash, lista personalizada de videos youtube en flash

Author: LeoBaraldi

12 Comments

Deja un comentario Cancelar respuesta

L	M	X	J	V	S	D
« jun				ene »
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31