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

Qulqi: Convierte números a letras en java

Hola 🙂 publicando de tiempo les dejo esta chiti librería java para convertir números a su equivalente literal. La librer[...]

Rompecabezas con forma irregular

En este post vemos una manera de como crear un juego de rompecabezas en java sin el uso de java2d, ademas, las piezas de[...]

Introducción a la edición de imágenes con ImageMagick

ImageMagick es un software de código abierto multiplataforma que contiene una serie de herramientas para leer, mostrar,[...]

¿Qué es AngularJS?

Bienvenido a este artículo soy Jose Pedraza Desarrollador Web por más de 7 años, escribiré una serie de artículos para i[...]

Mapas en HTML5 – Uniendo todo – Parte 6

Última parte del tutorial «Mapas interactivos HTML5», vamos uniendo todo todo el código. En la parte 5 de este tutorial,[...]

Servicio Web SOAP en Java

En este post vamos a construir un Servicio Web bajo el protocolo SOAP (Simple Object Access Protocol) el cual básicament[...]