Index / Java / Reproducir video en JFrame Swing con JavaFX

Reproducir video en JFrame Swing con JavaFX

Autor jc mouse domingo, junio 19, 2016

JavaFX un producto de Sun Microsystems/Oracle Corporation que salio a la luz para competir con tecnologías como Flash o Silverlight, tiene una amplia gama de herramientas y componentes que dejaron atrás los componentes de Java Swing en especial los correspondientes a Multimedia. Sin embargo al ser de la misma familia 🙂 pueden interactuar entre ellos y de esa forma aprovechar lo mejor de ambos mundos.

En este post aprovecharemos las herramientas de multimedia de JavaFX y las integraremos en un formulario swing para reproducir un video, algo que solo con java swing seria muy complicado.

Importante: JavaFX soporta los siguientes codec en audio y video

Audio: MP3; AIFF containing uncompressed PCM; WAV containing uncompressed PCM; MPEG-4 multimedia container with Advanced Audio Coding (AAC) audio
Video: FLV containing VP6 video and MP3 audio; MPEG-4 multimedia container with H.264/AVC (Advanced Video Coding) video compression

Si tienes problemas con estos codec para crear tus videos te recomiendo la siguiente página «Convert to H.264 Video» que te permite convertir videos online

Para saber más sobre los codecs en JavaFX ve al siguiente enlace «<<aquí papa>>»

Vamos al proyecto

Utilizaremos un video MP4 del Profesor Jirafales, lo puedes descargar del siguiente enlace (430kb)

https://mega.nz/#!tJ0EWC7B!51POvuUF25JqGDOBj_u-JynJHoKAKbo6phmh1S8ypNg

Paso 1: Crea un proyecto java Swing (nombre proyecto: Java Video)

Paso 2: Añade un JFrame y a este un JPanel, es decir:

Paso 3: Abre el JFrame en modo código

Las librerías que usaremos son las siguientes:

import java.awt.BorderLayout;
import java.io.File;
import javafx.application.Platform;
import javafx.embed.swing.JFXPanel;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.media.Media;
import javafx.scene.media.MediaPlayer;
import javafx.scene.media.MediaView;

Copia y pega en tu clase JFrame, como puedes ver, tenemos tanto librerías swing como fx.

Declara una variable jfxPanel que es un contenedor propio de javaFX

private final JFXPanel jfxPanel = new JFXPanel();

Ahora añadimos el panel de javaFX al panel de java Swing, en el constructor de clase, agrega el siguiente código:

//Añadimos el panel de JavaFX al JPanel Swing
jPanel1.setLayout(new BorderLayout());
jPanel1.add(jfxPanel,BorderLayout.CENTER);

A continuación creamos un método que nos permite ejecutar el componente de JavaFX dentro el Swing de java

    private void createScene(){
        Platform.runLater(new Runnable() {
             @Override
             public void run() {                 
                File file = new File("E:\\videos\\chavodel8\\profe.mp4");                                  
                    MediaPlayer oracleVid = new MediaPlayer(                                       
                        new Media(file.toURI().toString())
                    );
                    //se añade video al jfxPanel
                    jfxPanel.setScene(new Scene(new Group(new MediaView(oracleVid))));                    
                    oracleVid.setVolume(0.7);//volumen
                    oracleVid.setCycleCount(MediaPlayer.INDEFINITE);//repite video
                    oracleVid.play();//play video
             }
        });
    }

Finalmente este método createScene() lo agregamos en el constructor de clase debajo de initComponents().

Ahora todo junto:

import java.awt.BorderLayout;
import java.io.File;
import javafx.application.Platform;
import javafx.embed.swing.JFXPanel;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.media.Media;
import javafx.scene.media.MediaPlayer;
import javafx.scene.media.MediaView;
/**
 * @see https://www.jc-mouse.net/
 * @author mouse
 */
public class JFrameVideo extends javax.swing.JFrame {

    private final JFXPanel jfxPanel = new JFXPanel();    
        
    /**
     * Creates new form JFrameVideo
     */
    public JFrameVideo() {
        initComponents();
        createScene();
        
        setTitle("Java Swing Video con FX");
        setResizable(false);
        setLocationRelativeTo(null);
        //Añadimos el panel de JavaFX al JPanel Swing
        jPanel1.setLayout(new BorderLayout());
        jPanel1.add(jfxPanel,BorderLayout.CENTER);
    }

    private void createScene(){
        Platform.runLater(new Runnable() {
             @Override
             public void run() {                 
                File file = new File("E:\\videos\\chavodel8\\profe.mp4");                                  
                    MediaPlayer oracleVid = new MediaPlayer(                                       
                        new Media(file.toURI().toString())
                    );
                    //se añade video al jfxPanel
                    jfxPanel.setScene(new Scene(new Group(new MediaView(oracleVid))));                    
                    oracleVid.setVolume(0.7);//volumen
                    oracleVid.setCycleCount(MediaPlayer.INDEFINITE);//repite video
                    oracleVid.play();//play video
             }
        });
    }

ejecuta y listo

Enjoy!!! 🙂

También Te Podría Interesar

Efecto de explosión al abrir un JPanel

En este tutorial crearemos un interesante efecto de explosión al momento de abrir un JPanel, este efecto puede extenders...

Simulador de Arduino on line

123d.circuits.io es una aplicación web propiedad de Autodesk que permite construir circuitos en un protoboard virtual. C...

SOAP .:. Cliente android

En esta oportunidad construiremos una aplicación android que nos permitirá consumir un servicio web utilizando la libre...

Reproducir video en java en un momento determinado

Para quienes hayan trabajado con JMF saben que es una librería de Java desarrollada por Sun Microsystems para facilitar...

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales «Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)«. En e...

Graficos estadisticos con javafx y swing

En este post aprenderemos a usar los gráficos 2d que viene con JavaFX en nuestras aplicaciones java swing. Esto puede se...

2 comentarios en “Reproducir video en JFrame Swing con JavaFX”

JOSE DUITAMA dice:

12 mayo, 2017 a las 2:45

HOLA QUE BUEN TUTORIAL ENLACE ESTE VIDEO CON MI ARDUINO PERO TENGO UNA DUDA COMO PUEDO AGRANDAR EL VIDEO
yoel cesar dice:

2 julio, 2017 a las 18:03

muy buen tutorial felicitaciones sige adelante.