Foros del Web - Ver Mensaje Individual - ¿Streaming en mi web con Shoutcast Winamp?

juanolo · #8 (**permalink**) 08/02/2013, 09:00

Cita:

Iniciado por pitufoweb

Muestra el código para ver como lo tienes. Seguro algo no esta bien. Yo lo uso y funciona bien en todos los navegadores.

Saludos

El codigo lo he modificado del archivo "demo-08-bm.htm" que viene cuando te bajas el archivo de demos de aqui...
http://www.jplayer.org/download/

El enlace directo seria este archivo...
http://www.jplayer.org/latest/jQuery....2.0.demos.zip

He puesto los dos modos que utilizo comentando uno de ellos claro y el codigo es este pero con mi IP real...

Código HTML:

Ver original<!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",
        // Funciona en Firefox, Opera, Chrome a medias y en IE No
        mp3: "http://82.xxx.217.xx:8000/;stream/1"
        
        // Funciona en IE y Opera pero en Chrome y Firefox No
        //mp3: "http://82.xxx.217.xx:8000/"
    },
    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="mute">mute</a></li>
                        <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
                        <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">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>ABC Jazz</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>