streaming – ProgramaciónExtrema.com

Streaming de audio en HTML5

admin — Sun, 08 Nov 2015 22:46:41 +0000

HTML5 nos brinda muchas características nuevas, entre ellas la posibilidad de transmitir audio. En este tutorial aprenderemos a realizar un streaming de audio en HTML5, esto nos puede ser de gran utilidad para reproducir una radio.

Para realizar esta tarea vamos a utilizar la librería audiojs que se la pueden descargar desde su sitio oficial: http://kolber.github.io/audiojs.

Librería audiojs

¿Cómo hacer un streaming de audio en HTML5?

Para realizar esto primero debemos importar la librería audiojs en nuestro HTML con la etiqueta script, luego debemos inicializar el audio y agregar nuestra URL del streaming con la etiqueta HTML5 audio:



  
    Streaming de audio en HTML5

Bueno gente, de esta forma vamos a poder reproducir nuestra radio shoutcast con HTML5 en una página web. Espero que les sea de gran utilidad y ante cualquier problema no duden en dejar un comentario.

La entrada Streaming de audio en HTML5 aparece primero en ProgramaciónExtrema.com.

Streaming de radio con Android usando Java (parte 2)

admin — Thu, 29 Oct 2015 20:49:15 +0000

Este tutorial es la continuación del anterior, en el que aprendimos a crear una streaming de radio muy básico donde al iniciar la aplicación comenzaba automáticamente la radio.
En este vamos a incluirle una simple barra de control para manipular el audio y darle pausa o play.

¿Cómo agregar una barra de control a un streaming de radio con Android usando Java?

Para realizar esto y siguiendo con lo que habíamos hecho en el anterior tutorial vamos a comenzar agregando los componentes en la vista. En nuestro xml (activity_main.xml en mi caso) agregaremos el siguiente código:

Seguido de esto debemos agregar los siguientes strings en res/values/strings.xml:


Volumen

Luego debemos crear (si no la tenemos) una carpeta llamada drawable dentro del directorio res. Ahí vamos a incluir los siguientes tres archivos que representan el diseño de la barra de control que incluimos en nuestra vista:

media_button_layer.xml

start_pause_button_selector.xml

volume_background.xml

Una vez que ya terminamos con los pasos anteriores debemos agregar la funcionalidad con Java para que al apretar play o stop realice la acción adecuada y además que se pueda manejar el volumen. Para esto vamos a incluir el siguiente código, el cual es una versión mejorada del tutorial anterior:

package com.programacionextrema.radio;

import java.io.IOException;

import android.app.Activity;
import android.content.Context;
import android.media.AudioManager;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnBufferingUpdateListener;
import android.media.MediaPlayer.OnPreparedListener;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends Activity {

	private MediaPlayer player;
	private String url = "Aquí va la URL";
	protected boolean isPlay = false;
	private ToggleButton buttonStreaming;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// Inicializo el objeto MediaPlayer
		initializeMediaPlayer();

		// Inicializando el volumen
		initializeVolume();

		buttonStreaming = (ToggleButton) findViewById(R.id.playPauseButton);
		buttonStreaming.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				buttonStreaming.setEnabled(false);
				isPlay = !isPlay;

				if (isPlay) {
					startPlaying();
				} else {
					stopPlaying();
				}
			}
		});
	}

	public void stopPlaying() {
		if (player.isPlaying()) {
			player.stop();
			player.release();
			initializeMediaPlayer();
			buttonStreaming.setEnabled(true);
		}
	}

	private void initializeVolume() {
		try {
			final SeekBar volumeBar = (SeekBar) findViewById(R.id.volumeSeekBar);
			final AudioManager audioManager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);

			volumeBar.setMax(audioManager
					.getStreamMaxVolume(AudioManager.STREAM_MUSIC));
			volumeBar.setProgress(audioManager
					.getStreamVolume(AudioManager.STREAM_MUSIC));

			final OnSeekBarChangeListener eventListener = new OnSeekBarChangeListener() {
				@Override
				public void onStopTrackingTouch(SeekBar seekBar) {
				}

				@Override
				public void onStartTrackingTouch(SeekBar seekBar) {
				}

				@Override
				public void onProgressChanged(SeekBar seekBar, int progress,
						boolean fromUser) {
					audioManager.setStreamVolume(AudioManager.STREAM_MUSIC,
							progress, 0);
				}
			};

			volumeBar.setOnSeekBarChangeListener(eventListener);
		} catch (Exception e) {
			Log.e("MainActivity", e.getMessage());
		}
	}

	private void initializeMediaPlayer() {
		player = new MediaPlayer();

		player.setOnBufferingUpdateListener(new OnBufferingUpdateListener() {

			public void onBufferingUpdate(MediaPlayer mp, int percent) {
				Log.i("Buffering", "" + percent);
			}
		});
	}

	public void startPlaying() {

		try {

			Toast.makeText(getApplicationContext(),
					"Conectando con la radio, espere unos segundos...",
					Toast.LENGTH_LONG).show();

			player.reset();
			player.setDataSource(url);
			player.setAudioStreamType(AudioManager.STREAM_MUSIC);

			player.setOnPreparedListener(new OnPreparedListener() {

				public void onPrepared(MediaPlayer mp) {

					player.start();
					buttonStreaming.setEnabled(true);
				}
			});

			player.prepareAsync();

		} catch (IllegalArgumentException | SecurityException
				| IllegalStateException | IOException e) {
			Toast.makeText(getApplicationContext(),
					"Error al conectar con la radio", Toast.LENGTH_LONG).show();
		}

	}

}

Para que esta aplicación funcione es importante recordar que hay que agregar el permiso para poder conectarse a internet en el AndroidManifest.xml.

Luego podemos compilar e instalar nuestra aplicación en un dispositivo. El resultado tendría que ser el siguiente:

Ejemplo de streaming de radio con Android

Bueno, hemos llegado al final de este tutorial como ya saben ante cualquier problema no duden en dejar un comentario.

La entrada Streaming de radio con Android usando Java (parte 2) aparece primero en ProgramaciónExtrema.com.

Streaming de radio con Android usando Java

admin — Thu, 29 Oct 2015 19:18:25 +0000

En este tutorial aprenderemos a realizar una aplicación de streaming de radio con android usando el lenguaje de programación Java.
El streaming se utiliza para optimizar la descarga y reproducción de archivos de audio y vídeo que suelen tener un cierto peso.

¿Cómo hacer streaming de radio con android usando Java?

Realizar esta tarea en Android no es nada difícil, para esto vamos a utilizar el objeto MediaPlayer que nos proporciona la API de Android y nos permite manipular en este caso un streaming de música con solo ingresar la URL.
Antes de comenzar a programar es necesario agregar un permiso en el archivo AndroidManifest.xml para que la aplicación se pueda conectar a internet:

A continuación el código fuente del streaming de radio:

package com.programacionextrema.radio;

import java.io.IOException;

import android.app.Activity;
import android.media.AudioManager;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnBufferingUpdateListener;
import android.media.MediaPlayer.OnPreparedListener;
import android.os.Bundle;
import android.util.Log;
import android.widget.Toast;

public class MainActivity extends Activity {

	private MediaPlayer player;
	private String url = "Aquí va la URL";

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// Inicializo el objeto MediaPlayer
		initializeMediaPlayer();

		// Inicio el streaming de radio
		startPlaying();
	}

	private void initializeMediaPlayer() {
		player = new MediaPlayer();

		player.setOnBufferingUpdateListener(new OnBufferingUpdateListener() {

			public void onBufferingUpdate(MediaPlayer mp, int percent) {
				Log.i("Buffering", "" + percent);
			}
		});
	}

	public void startPlaying() {

		try {

			Toast.makeText(getApplicationContext(),
					"Conectando con la radio, espere unos segundos...",
					Toast.LENGTH_LONG).show();

			player.reset();
			player.setDataSource(url);
			player.setAudioStreamType(AudioManager.STREAM_MUSIC);

			player.setOnPreparedListener(new OnPreparedListener() {

				public void onPrepared(MediaPlayer mp) {

					player.start();

				}
			});

			player.prepareAsync();

		} catch (IllegalArgumentException | SecurityException
				| IllegalStateException | IOException e) {
			Toast.makeText(getApplicationContext(),
					"Error al conectar con la radio", Toast.LENGTH_LONG).show();
		}

	}

}

Al ejecutar el código anterior en Android se reproducirá automáticamente la radio. Si queremos agregar una barra de control para manipular el audio podemos seguir el siguiente tutorial: http://programacionextrema.com/2015/10/29/streaming-de-radio-con-android-usando-java-parte-2

Bueno hemos llegado al final de este tutorial, ante cualquier problema no duden en dejar un comentario.

La entrada Streaming de radio con Android usando Java aparece primero en ProgramaciónExtrema.com.