[SAPINTO]

...continuacion de Reproductor de video I

ENHORABUENA! ha completado todos los elementos que se requieren para un reproductor de video. nuestra libreria deberia verse como esto:


ahora vamos a afinar algunos detalles.

vamos a alinear el play y pausa, en action uno desaparecera cuando el otro este presionado, si entendieron eso que dije, me lo explican


ahora vamos al layer textos, aqui crearemos un campo de texto dinamico llamado timevid_txt.
importante: es altamente recomendable situar el texto dinamico en coordenadas enteras, en este caso x=192, y=200, asi aseguramos la legibilidad del mismo (sino se revienta).


error comun: no se me ven los textos.
cuando es una tipografia poco comun, como la que use aqui, tenemos que hacer un embed, esto incluira los caracteres en el swf, pero para que no aumente el peso, selecciono los numeros y el simbolo :, ya que esta caja de texto dinamica esta destinada a mostrar el tiempo transcurrido (00:18 por ejemplo)




LISTO!, ahora les dejo el action, le puse comentarios para que se explique mejor, solo cabe destacar que la ruta del video es flv/The Distillers - Drain The Blood.flv, ya que el flv esta dentro de la carpeta flv, esto puede funcionar si le indicamos la ruta (por ejemplo: http://www.tallerweb...utorial/flv/The Distillers - Drain The Blood.flv)

CÓDIGO

//coneccion del video
var nc:NetConnection = new NetConnection();
nc.connect(null);

var ns:NetStream = new NetStream(nc);

miVideo.attachVideo(ns);

//carga el video de la carpeta flv, tambien puede ser del servidor, en ese caso, colocar ruta
ns.play("flv/The Distillers - Drain The Blood.flv");
//este es el tiempo del buffer en segundos
ns.setBufferTime(10);

//mensaje cargando video dentro del mc bufferclip
ns.onStatus = function(info) {
if(info.code == "NetStream.Buffer.Full") {
bufferclip._visible = false;
}else{
bufferclip._visible = true;
}

}


//para el tiempo transcurrido del video

var time_interval:Number = setInterval(checkTime, 0, ns);
function checkTime(mi_ns:NetStream) {
var ns_seconds:Number = mi_ns.time;
var minutes:Number = Math.floor(ns_seconds/60);
var seconds = Math.floor(ns_seconds%60);
if (seconds<10) {
seconds = "0" + seconds;
}
timevid_txt.text = "0" + minutes + ":" + seconds;
}
//botones
_root.createEmptyMovieClip("vSound",_root.getNextHighestDepth());
vSound.attachAudio(ns);

var so:Sound = new Sound(vSound);

so.setVolume(100);

mute.onRollOver = function() {
    if(so.getVolume()== 100) {
        this.gotoAndStop("onOver");
    }
    else {
        this.gotoAndStop("muteOver");
    }
}

mute.onRollOut = function() {
    if(so.getVolume()== 100) {
        this.gotoAndStop("on");
    }
    else {
        this.gotoAndStop("mute");
    }
}

mute.onRelease = function() {
    if(so.getVolume()== 100) {
        so.setVolume(0);
        this.gotoAndStop("muteOver");
    }
    else {
        so.setVolume(100);
        this.gotoAndStop("onOver");
    }
}

playButton._visible= false;
playButton.onPress = function() {
    ns.pause();
    this._visible= false;
    pauseButton._visible= true;
}
pauseButton.onPress = function() {
    ns.pause();
    this._visible= false;
    playButton._visible= true;
}

//barra de desplazamiento
this.createEmptyMovieClip("vFrame",this.getNextHighestDepth());
vFrame.onEnterFrame = videoStatus;

var amountLoaded:Number;
var duration:Number;

ns["onMetaData"] = function(obj) {
    duration = obj.duration;
}

function videoStatus() {
    amountLoaded = ns.bytesLoaded / ns.bytesTotal;
    barra.progreso._width = amountLoaded * 140;
    barra.scrub._x = ns.time / duration * 140;
}

var scrubInterval;

barra.scrub.onPress = function() {
    vFrame.onEnterFrame = scrubit;
    this.startDrag(false,0,this._y,140,this._y);
}

barra.scrub.onRelease = barra.scrub.onReleaseOutside = function() {
    vFrame.onEnterFrame = videoStatus;
    this.stopDrag();
}

function scrubit() {
    ns.seek(Math.floor((barra.scrub._x/140)*duration));
}

//por ultimo el menu
var elMenu:ContextMenu = new ContextMenu();
elMenu.hideBuiltInItems();
_root.menu = elMenu;

var item1:ContextMenuItem = new ContextMenuItem("::::: Control de video :::::",trace);
elMenu.customItems[0] = item1;

var item2:ContextMenuItem = new ContextMenuItem("Play / Pause",pauseIt,true);
elMenu.customItems[1] = item2;

var item3:ContextMenuItem = new ContextMenuItem("Replay Video",restartIt);
elMenu.customItems[2] = item3;

var item4:ContextMenuItem = new ContextMenuItem("video player by SAPINTO",trace,true);
elMenu.customItems[3] = item4;

function pauseIt() {
    ns.pause();
    if(pauseButton._visible = false){
    playButton._visible= true;
    }else{
        playButton._visible= false;
    }
}



function restartIt() {
    ns.seek(0);
}

----------EDITO-----------

con el fabuloso tag de flash! bien quique por eso
EJEMPLO:


FLA: http://www.tallerweb...eo_tutorial.fla

pd: haganle click derecho al ejemplo

Este tema ha sido editado por elQuique: 15 febrero 2008 - 02:41

[SAPINTO]

nota: con el click derecho sale un menu de reproduccion, pero la c*gué y no puse correctamente el codigo, por lo que lo voy a arreglar el domingo, ya que ahora me voy a emborrachar.

ah y otra cosa, luego explicare como agrgar un componente "combobox" para cargar una lista de videos desde un archivo xml.

cualquier sugerencia o consulta, no duden en preguntar

Este tema ha sido editado por SAPINTO: 17 junio 2006 - 12:10

[adi]

Excelente

[REG]

Muchas gracias por el aporte, Sapinto.

[elQuique]

Muy bueno lo dije en el uno y lo repito hoy porque lo vi de nuevo al 1 y 2

[Jkexer]

Soy aún nuevo con este programa, pero cuando exporto el video en flash por qué se divide en dos archivos, el primero creo que es el video y el otro son los comandos (play, pause, next, mute, etc), estoy haciendo algo mal?

Este tema ha sido editado por Jkexer: 11 diciembre 2006 - 01:58

[SAPINTO]

siempre son dos archivos:

1.- el .flv (flash video)
2.- el swf que llama a tu .flv

sigue paso por paso este tutorial y fijate en el codigo, donde dice:

CÓDIGO

//carga el video de la carpeta flv, tambien puede ser del servidor, en ese caso, colocar ruta
ns.play("flv/The Distillers - Drain The Blood.flv");

es ahi donde el swf busca el archivo flv...

me explico?

parte I del tutorial:
http://www.forocreat...showtopic=12563

[kitsch]

Impresionante!!!! Impresionante!!! A los super favs de ya!!

[Jkexer]

Puedo dividir el video en frames, para poder editarlo y poner otras cosas?

[SAPINTO]

ese es otro cuento, podrias tenerlo en frames si le haces un emmbed, ahi puedes modificar los frames, pero tambien estan los cue points, que guardan informacion en un codigo de tiempo establecido a la hora de la conversion... mas complejo, aunque mas pro.

[kitsch]

Pregunta!! Puedo meter mi cucharota en este tuto y agregarle una que otra cosilla????? Se me ocurre algo ahorita

[SAPINTO]

pero claro kitsch, ya somos socios de todas formas :arriba:

[Humber]

Muy bueno pero me falta mucho que aprender para poder entender algunas cosas

[elQuique]

Sapinto, se perdieron las imagenes esta caido hammer, las tenes por ahi ?

[paolini]

hola Sapinto: como hago para ver las imagenes??, porque veo que otras personas tampoco pueden verlas. pero no encuentro las respuestas a este mismo problema...

gracias
paolini

[elQuique]

paolini, bienvenido al foro.

Acá esta el tutorial publicado:

http://www.tallerweb...Flash-c-94.html

[Defor]

hola primero que todo , como yo podria poner en ves de un boton de mute que sea un controlador de volumen, que creo que seria mejor que un boton de mute. Gracias

[elQuique]

Programando el botón para volumen y no para mute, lo tienes en el tutorial.

[Defor]

ise mi reproductor de video, pero disculpame otra ves quique, pero donde esta esa parte que me dijiste, porque lo busco y no lo veo.


mi reproductor de vide
http://chamacodesign...ideoplayer.html

Este tema ha sido editado por Defor: 07 diciembre 2008 - 02:35

[morocha82]

Hola Sapinto,

antes que nada, muy buen tutorial, sobre todo para la gente como yo, que leeeeentamente vamos aprendiendo el manejo del Flash

Me surgió el siguiente problema:

Cuando publico el video solo llega hasta los 8 segundos y vuelve a empezar, cuando mi video dura 115 segundos. Cual puede ser el error?

Te agradezco de antemano la ayuda que puedas prestarme.

Un saludo