Hacé tu Reproductor de video estilo Youtube con JavaFX

por dios Dom 7 Dic - 10:29

Bueno queremos hacer algo asi (imagen)...

Hacé tu Reproductor de video estilo Youtube con JavaFX 352kjg6

EMPEZEMOS...

Necesitas tener éstas 2 cosas:

1- Netbeans, que es un IDE para el desarrollo de varias tecnologias como java, php, ruby o C/C++, te podes bajar la que quieras, sólo que soporte la tecnologia javaSE.
Descargar:
http://www.netbeans.org/downloads/index.html

2- El "plugin" para JavaFX, lo bajas desde acá, o si ya tenés netbens instalado te bajas ésto sólo (del link anterior tambien se puede descargar javaFX).
Descargar:
http://www.javafx.com/downloads/windows.jsp

UNA VEZ QUE TENGAS TODO INSTALADO, SEGUIMOS CON EL TUTORIAL

JavaFX tiene un API que le permite controlar totalmente la reproducción de vídeo. Esta API es javafx.scene.media, llamada JavaFX Media Component. Usted podría construir su propio reproductor de vídeo sumandole las facilidades de JavaFX Media Component, otra paquete predefinido (com.sun.fxmediacomponent).

PARA VER UNA DEMO DEL REPRODUCTOR,
CLICKEÁ ACÁ, PERO ANTES LEE LO QUE SIGUE ABAJO!

-----IMPORTANTE-------

Cuando le hagas click, te va a aparecer la siguiente ventana...

Hacé tu Reproductor de video estilo Youtube con JavaFX K9gzgw

Le das a "ACEPTAR", cuando termine de abrir se te abre otra ventana con el video, cómo ésta (esperas a que cargue y lo ves, no lo embebí acá para que no retarde la carga del post)

Hacé tu Reproductor de video estilo Youtube con JavaFX 2ykxdtv

Hacé tu Reproductor de video estilo Youtube con JavaFX 2ykxdtv

La primera vez que lo abrí, me apareció como un bloqueo del firefox, le di a aceptar o continuar, denle para adelante nomás con todos los carteles que aparezcan!

(SI NO TE ANDA, LO MÁS PROBABLE ES QUE NECESITES EL ULTIMO UPDATE DE JAVA, EL 11, DESCARGALO DE ACÁ)

--------SEGUIMOS CON LO NUESTRO-------------

Entender el Código

El JavaFX Media Component es un componente visual que proporciona el reproductor de vídeo estándar de los controles. Tiene un botón de reproducción / pausa, un slider a través del vídeo, un indicador de tiempo, y de modo oculto, donde los controles están escondidos hasta que se moeva el ratón. Pronto tendrá el modo de pantalla completa también. El uso de JavaFX Media Component no podría ser más simple. Primero se crea una instancia del componente con un enlace a su vídeo, unas pocas variables y, a continuación, poner en un stage, como se muestra a continuación...

Source Code, usando Media Component

package simplevideoplayer;

import javafx.stage.Stage;
import javafx.scene.Scene;
import com.sun.fxmediacomponent.*;
import javafx.scene.Group;

def mediaUrl:String ="http://capra.sfbay.sun.com/~jm158417/javafx_videos/big_buck_bunny_512x288_h264.flv";
var vidWidth = 512;
var vidHeight = 288;
var fullWidth = 640;
var fullHeight = 360;
var mediaBox:MediaComponent = MediaComponent {

// set the media and make the component visible
mediaSourceURL : mediaUrl
visible:true

// the position and size of the media on screen
translateX: 0
translateY: 0
mediaViewWidth : fullWidth
mediaViewHeight: fullHeight

// determines if the control bar is below the media or on top
staticControlBar: false

// make the movie play as soon as it's loaded
mediaPlayerAutoPlay: true

// set the volume
volume: 0.5
};

// Currently these have to be set after the component is created

// Descripion to be displayed when the mouse is over the component mediaBox.mediaDescripionStr = "A well-tempered rabbit finds his day spoiled by the rude actions of the...";

// Duration to be displayed when the mouse is over the component mediaBox.mediaDurationStr = "9:56";

// Title to be displayed when the mouse is over the component
mediaBox.mediaTitleStr = "Big Buck Bunny";

Stage {
title: "Simple Media Player"
scene: Scene{
width: fullWidth
height: fullHeight
content: mediaBox
stylesheets: [MediaComponent.css_skins]
}
}

EXPLICACION DE TODO EL CÓDIGO! (lo mas importante)

Las variables más importantes en el código anterior son las primeras. Usted debe establecer la realidad mediaSourceURL para reproducir vídeo. Usted puede elegir el tamaño y la posición del vídeo con translateX, translateY, mediaViewWidth y mediaViewHeight. El volumen y la variable mediaPlayerAutoPlay hace exactamente lo que usted podría esperar: el valor por defecto de control de volumen y determinar si los medios de comunicación deberían empezar a jugar tan pronto como pueda.

El segundo grupo de variables configura la barra de control y su comportamiento. El staticControlBar fija la barra de control debajo del video. Si establece esta variable a false, la barra de control será en la parte superior del vídeo, y se desvanecen con la desaparición del ratón.

Si establece showMedia en falso, sólo la barra de control se mostrarán, con la anchura de la barra de control dada por mediaViewWidth. Usted puede fijar la altura de la barra de control de la inicialización en controlBarHeight (en tamaño de pixel). El valor por defecto es de 25 píxeles. Si no quiere reproducir video, puede especificar la dirección URL de una imagen para mostrar en el área de vídeo con mediaImage.

Otro conjunto de variables especificar el texto que se visualiza en la parte superior del vídeo cuando el ratón se mueve sobre el vídeo. Hay tres cadenas, mediaDescripionStr, mediaDurationStr y mediaTitleStr se muestran en un color definido por textColor.

Si cambia mediaSourceURL, el componente intenta reproducir los medios de comunicación de la nueva URL. Si desea cambiar la fuente de los medios de comunicación sin saber si la URL ha cambiado, usted puede llamar a la función setMediaSource (newSource: String).

Por último, si quieres saber cuando el video ha terminado de reproducirse, hay una función llamada onEndOfMedia():void que sirve para asignar nuestra propia función cuando termina el video.

Parece todo muy fácil, no? Bueno es relativamente fácil!

DESCARGAR CODIGO FUENTE!

FUENTE: http://javafx.com/
TRADUCCIONES: google con retoques míos.

Cualquier duda no dudes en mandarme un MP! Question

Hacé tu Reproductor de video estilo Youtube con JavaFX

Sos medio pelotudo?

Hacé tu Reproductor de video estilo Youtube con JavaFX