Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Java / Reproducir video en JFrame Swing con JavaFX

Reproducir video en JFrame Swing con JavaFX

Por 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 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:

multimedia java

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

javafx mp4

 

Enjoy!!! 🙂

Tags

Artículos similares

Fragmentos dinamicos y eventos de usuario

Continuando con los tutoriales sobre fragmentos en android, en esta oportunidad veremos como añadir Fragments dinámicame[...]

Código CSS en Java/Netbeans

Los objetos como JLabel o JButton nos permiten hacer uso de código CSS en su propiedad TEXT, asi podemos adornar el text[...]

Primeros pasos con Quasar Framework

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje[...]

Gráficos estadísticos con Base de Datos SQLite

Si necesitamos mostrar gráficos estadísticos en nuestras aplicaciones android, contamos con muchas librerías disponibles[...]

Cambiar la Interfaz Gráfica con skin java

La Interfaz Grafica de Usuario en Java nos brinda la posibilidad de cambiar la apariencia de nuestras aplicaciones, ya s[...]

Ejemplo socket java Cliente/Servidor

En este post construiremos un sencillo sistema Cliente/Servidor en lenguaje Java, el sistema consistirá básicamente en u[...]