Córdoba - Medios

El complemento multimedia Cordova se utiliza para grabar y reproducir sonidos de audio en las aplicaciones Cordova.

Paso 1: instalación del complemento multimedia

El complemento de medios se puede instalar ejecutando el siguiente código en command prompt ventana.

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media

Paso 2: agregar botones

En este tutorial, crearemos un reproductor de audio simple. Creemos los botones que necesitamos enindex.html.

<button id = "playAudio">PLAY</button>
<button id = "pauseAudio">PAUSE</button>
<button id = "stopAudio">STOP</button>
<button id = "volumeUp">VOLUME UP</button>
<button id = "volumeDown">VOLUME DOWN</button>

Paso 3: agregar oyentes de eventos

Ahora necesitamos agregar detectores de eventos para nuestros botones dentro onDeviceReady funcionar dentro index.js.

document.getElementById("playAudio").addEventListener("click", playAudio);
document.getElementById("pauseAudio").addEventListener("click", pauseAudio);
document.getElementById("stopAudio").addEventListener("click", stopAudio);
document.getElementById("volumeUp").addEventListener("click", volumeUp);
document.getElementById("volumeDown").addEventListener("click", volumeDown);

Paso 4A - Función de reproducción

La primera función que vamos a agregar es playAudio. Estamos definiendomyMediafuera de la función porque queremos usarla en funciones que se van a agregar más adelante (pausa, detener, subir volumen y bajar volumen). Este código se coloca enindex.js archivo.

var myMedia = null;
function playAudio() {
   var src = "/android_asset/www/audio/piano.mp3";

   if(myMedia === null) {
      myMedia = new Media(src, onSuccess, onError);

      function onSuccess() {
         console.log("playAudio Success");
      }

      function onError(error) {
         console.log("playAudio Error: " + error.code);
      }
   }
   myMedia.play();
}

Podemos hacer clic PLAY para iniciar la música de piano desde el src camino.

Paso 4B - Funciones de pausa y detención

Las siguientes funciones que necesitamos es pauseAudio y stopAudio.

function pauseAudio() {
   if(myMedia) {
      myMedia.pause();
   }
}

function stopAudio() {
   if(myMedia) {
      myMedia.stop(); 
   }
   myMedia = null;
}

Ahora podemos pausar o detener el sonido del piano haciendo clic en PAUSE o STOP botones.

Paso 4C - Funciones de volumen

Para configurar el volumen, podemos usar setVolumemétodo. Este método toma un parámetro con valores de0 a 1. Estableceremos el valor inicial en0.5.

var volumeValue = 0.5;
function volumeUp() {
   if(myMedia && volumeValue < 1) {
      myMedia.setVolume(volumeValue += 0.1);
   }
}

function volumeDown() {
   if(myMedia && volumeValue > 0) {
      myMedia.setVolume(volumeValue -= 0.1);
   }
}

Una vez que presionamos VOLUME UP o VOLUME DOWN podemos cambiar el valor del volumen por 0.1.

La siguiente tabla muestra otros métodos que proporciona este complemento.

S. No	Método y detalles
1	getCurrentPosition Devuelve la posición actual de un audio.
2	getDuration Devuelve la duración de un audio.
3	play Se utiliza para iniciar o reanudar el audio.
4	pause Se utiliza para pausar el audio.
5	release Libera los recursos de audio del sistema operativo subyacente.
6	seekTo Se utiliza para cambiar la posición de un audio.
7	setVolume Se utiliza para configurar el volumen del audio.
8	startRecord Empiece a grabar un archivo de audio.
9	stopRecord Deje de grabar un archivo de audio.
10	stop Deje de reproducir un archivo de audio.

↰ Previous page Next page ↱