Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Java / Crea un JButton con sonido para tus aplicaciones

Crea un JButton con sonido para tus aplicaciones

Autor jc mouse viernes, diciembre 4, 2020

En este post crearemos un botón swing que reproducirá un sonido cuando este sea presionado por el usuario.  Sin mas que añadir, pongamonos manos a la obra.

¿Qué necesitamos?

  • Netbeans 8.x o superior
  • Archivo de sonido WAV de menos de 1 segundo de duración

Nivel: Novato

Tiempo: 15 minutos

Paso 1. Proyecto base

Creamos un nuevo proyecto en Netbeans, para ellos vamos al menú Archivo -> Proyecto Nuevo, Seleccionamos la categoría Java y en tipo de proyecto seleccionamos Java Aplication. El nombre del proyecto será «JButton con sonido«.

proyecto sonido envolvente

Paso 2. JButton personalizado

Cuando se crean componentes personalizados, es recomendable separar estos del resto de la lógica del proyecto utilizando una estructura de paquetes, esto con el fin de que puedan ser fácilmente mantenibles en el tiempo, por ejemplo, nosotros crearemos un paquete «componentes» y dentro un paquete con el nombre de «botones»,  si el componentes utilizara otro tipo de archivos como imágenes por ejemplo, se crearía un paquete «recursos».

Dentro el paquete «botones«, creamos una clase con el nombre de «BotonConSonido.java», nuestro proyecto queda de la siguiente forma:

files wav java code

A continuación pegamos el siguiente código:

package org.example.componentes.botones;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.IOException;
import java.nio.file.FileSystems;
import javax.sound.sampled.AudioInputStream;
import javax.sound.sampled.AudioSystem;
import javax.sound.sampled.Clip;
import javax.sound.sampled.LineUnavailableException;
import javax.sound.sampled.UnsupportedAudioFileException;
import javax.swing.JButton;
/**
 * @see http://www.jc-mouse.net/
 * @author mouse
 */
public class BotonConSonido extends JButton {
    
    private final File archivowav;
    private Clip clip;
    private AudioInputStream audioInputStream;

    /**
     * Constructor de clase
     */
    public BotonConSonido() {        
       super("Dale Clic");    
       
       archivowav = new File(
                FileSystems.getDefault().getPath("")
                        .toAbsolutePath() + "/recursos/pedo.wav");
        
        //Cuando se presione el boton, se reproducira el sonido
        BotonConSonido.this.addActionListener(new ActionListener() {
            
            @Override
            public void actionPerformed(ActionEvent e) {                
                 play();
            }

        });
    }
    
    /**
     * Metodo para reproducir un archivo de audio 
     */
    private void play(){
        try {
            audioInputStream = AudioSystem.getAudioInputStream(archivowav);            
            clip = AudioSystem.getClip();
            clip.open(audioInputStream);            
            clip.start();
        } catch (LineUnavailableException | IOException| UnsupportedAudioFileException e) {
            System.err.println(e.getMessage());
        }
    }

}

Paso 3. Archivo de audio WAV

Ahora, en la carpeta raíz del proyecto netbeans, creamos una nueva carpeta con el nombre de «recursos» y colocamos ahí nuestro archivo de audio como se ve a continuación:

files au

Paso 4. Probando nuestro botón con sonido

Para terminar nuestro post, debemos crear una interfaz de usuario donde colocar el botón, para ello pegamos en el archivo Main.java el siguiente código:

package org.example;

import javax.swing.JFrame;
import static javax.swing.JFrame.EXIT_ON_CLOSE;
import org.example.componentes.botones.BotonConSonido;
/**
 * @see http://www.jc-mouse.net/
 * @author mouse
 */
public class Main {

    public void init() {
        JFrame frame = new JFrame("Boton con sonido");
        frame.setDefaultCloseOperation(EXIT_ON_CLOSE);
        BotonConSonido boton = new BotonConSonido();
        frame.add(boton);
        frame.setSize(400, 220);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        new Main().init();
    }

}

Finalmente ejecutamos y tenemos:

dale playyyy!!!

enjoy!

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Construye tu aplicación de mensajeria

Construye tu aplicación de mensajeria

En este post crearemos una aplicación sencilla para mandar mensajes de texto desde android. Necesitamos IDE: Eclipse + S...

Reproduce archivos MP3 desde android

Reproduce archivos MP3 desde android

Reproducir archivos de audio en nuestras aplicaciones android. Necesitamos IDE Eclipse y SDK Android instalado Un archiv...

Descargar Doodle Google Pacman

Descargar Doodle Google Pacman

Hace un par de años atras google para el aniversario del juego de Pacman saco un doodle en su homenaje, ese doodle que s...

Búsqueda dinámica en JList

Búsqueda dinámica en JList

Un JList nos permite almacenar objetos en una lista y mostrarlos gráficamente en una serie vertical en el cual el usuari...

Reportes y Subreportes con iReport

Reportes y Subreportes con iReport

Cuando creamos reportes en iReport que son un poco complicadas o reportes personalizados, osea, tratando de evitar el cl...

Crea tu lector de códigos QR

Crea tu lector de códigos QR

En este post desarrollaremos una aplicación que nos permitirá leer un código QR y capturar la información que contiene y...

Comparte lo que sabes

Categorias

Últimas entradas

Existe una gran cantidad de contenido sobre productividad, trucos, consejos y trabajo y más. Pero, ¿Qué pasa con esos mo...

En este post te enseño a usar una herramienta de Inteligencia Artificial para animar tus fotografias y esto completament...

Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

Herramientas

Generador de Enlaces a Whatsapp