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

Desarrollo de juegos con Libgdx y Android Studio

De las pocas herramientas disponibles entre librerías, frameworks, engines, etc para el desarrollo de videojuegos en len...

Abre una aplicación swing java desde el navegador de forma segura

Los mejores días del marco de java swing se han ido. Las aplicaciones de escritorio perdieron popularidad y todo está fo...

Captura de pantalla de una web con Chrome

¿Alguna vez tuviste la necesidad de hacer una captura de pantalla de una página web? Si es así, seguramente buscaste y d...

Conexion c# y MySQL con ADO.NET

Uno de los mayores problemas que se presenta en el desarrollo de una aplicación, es el acceso a la base de datos y el mé...

Ciudadanía digital y seguridad en Internet

«Be Internet Awesome» (Se genial en Internet) es un recurso de Google para la enseñanza de conceptos fundamentales sobr...

Métodos GET y POST en RestFul y JSON

En este post veremos como enviar solicitudes GET y POST a un API RestFul desde un dispositivo con android. Nuestra apli...

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.