Ver Mensaje Individual
  #6 (permalink)  
Antiguo 12/01/2013, 15:05
Avatar de MarkFL
MarkFL
 
Fecha de Ingreso: mayo-2011
Mensajes: 85
Antigüedad: 13 años, 6 meses
Puntos: 4
Respuesta: Alguna idea para Shoutcast Live Streaming en HTML5

Amigos antes que nada gracias por contestar!!!

Ya baje el JPlayer he hice mis pruebas de funcionamiento y al igual que el Audio.js solo me deja reproducir el live streaming en IE9 y Chrome 23.0.1271.97 m en los demás Opera 12.12, Firefox 18, y Safari 5.1.7 no lo he logrado aun

Según en la ayuda proporcionada en el sitio web para los streaming shoutcast como es mi caso recomiendan usar
Código:
/;stream/1
al final de la url source

También vi que por default esta activada la propiedad
Código:
wmode: "window"
que es la que realiza función de fallback que me comentan estoy comenzando a creer que no esta trabajando dicha función para llamar el reproductor flash en dichos navegadores

Aquí mi código usado con JPlayer:
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />

<!-- Website Design By: www.happyworm.com -->
<title>Demo : jPlayer as an audio live-stream player</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){

	var stream = {
		title: "Mi radio",
		mp3: "http://miradio.com/;stream/1"
	},
	ready = false;

	$("#jquery_jplayer_1").jPlayer({
		ready: function (event) {
			ready = true;
			$(this).jPlayer("setMedia", stream);
		},
		pause: function() {
			$(this).jPlayer("clearMedia");
		},
		error: function(event) {
			if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
				// Setup the media stream again and play it.
				$(this).jPlayer("setMedia", stream).jPlayer("play");
			}
		},
		swfPath: "js",
		supplied: "mp3",
		preload: "none",
		wmode: "window"
	});

});
//]]>
</script>
</head>
<body>

		<div id="jquery_jplayer_1" class="jp-jplayer"></div>

		<div id="jp_container_1" class="jp-audio-stream">
			<div class="jp-type-single">
				<div class="jp-gui jp-interface">
					<ul class="jp-controls">
						<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
						<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
						<li><a href="javascript:;" class="jp-mute" tabindex="1" title="Silenciar">mute</a></li>
						<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="Escuchar">unmute</a></li>
						<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="Volumen máximo">max volume</a></li>
					</ul>
					<div class="jp-volume-bar">
						<div class="jp-volume-bar-value"></div>
					</div>
				</div>
				<div class="jp-title">
					<ul>
						<li>Mi radio</li>
					</ul>
				</div>
				<div class="jp-no-solution">
					<span>Update Required</span>
					To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
				</div>
			</div>
		</div>
</body>

</html>
De antemano gracias por sus comentarios!!!