Problema JPlayer

**nikook** · 28-06-2013, 16:16

Salve, cercavo di creare un audio player tramite JPlayer, seguento questa guida.
Purtroppo non riesco a capire l'errore, che intuitivamente penso sia relativo all'istanza del costruttore.

codice:

<!DOCTYPE html>
<html lang="it">
    <head>        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    
        <script type="text/javascript" src="js/jquery.jplayer.min.js"></script>
    </head>

<script type="text/javascript">

    $(document).ready(function() {

            var mediaPlayer = jQuery("#mediaContainer");
        
            mediaPlayer.jPlayer({
                swfPath: "http://www.jplayer.org/2.1.0/js",
                solution:   "flash, html",
                supplied : "mp3",
                cssSelector: {
                    play: "#playButton",
                    pause: "#pauseButton",
                    stop: "#stopButton"
                },
                ready: function() {jQuery(this).jPlayer("setMedia", {
                    mp3: "http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3"
                });}
                
            });
            
            $("#playButton").click(function() {
                $("#mediaContainer").jPlayer("play");
            });
            $("#pauseButton").click(function() {
                $("#mediaContainer").jPlayer("pause");
            });
            $("#stopButton").click(function() {
                $("#mediaContainer").jPlayer("stop");
            });
        });

</script>
<body>

    <div id="mediaPlayer">
        <div id="mediaContainer"></div>
        <div id="playButton">Play</div>
        <div id="pauseButton">Pause</div>
        <div id="stopButton">Stop</div>
    </div> 
        
</body>
    
</html>

Vi ringrazio anticipatamente.

**cavicchiandrea** · 28-06-2013, 16:32

Ciao e benvenuto, vediamo* la tua pagina demo online cosi da fare un raffronto e capire se da errori (che non riporti)

*Posta il link qui sul forum

**nikook** · 28-06-2013, 16:36

Non avevo ancora testato il codice online, visto l'insuccesso in locale.

**cavicchiandrea** · 28-06-2013, 16:44

Scusa ma hai l'intera collezione di script jquery della rete e speri che tutto funzioni sarebbe stato un miracolo.
Vedi la console di firefox hai 5 errori inizia col sistemare quelli

**nikook** · 28-06-2013, 16:54

Grazie del consiglio comunque la posizione definitiva del player non è quella. Il problema è che anche in locale, senza alcun conflitto, il risultato è il medesimo.

**cavicchiandrea** · 28-06-2013, 17:35

Ricrea la situazione in locale online

**nikook** · 28-06-2013, 17:39

Risolto, come pensavo il problema era relativo al costruttore.

codice:

<!DOCTYPE html>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://jplayer.org/latest/js/jquery.jplayer.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
        ready: function (event) {
            $(this).jPlayer("setMedia", {
                m4a:"http://www.jplayer.org/audio/m4a/TSP-01-Cro_magnon_man.m4a"
            });
        },
        swfPath: "/js/swf",
        supplied: "m4a",
        wmode: "window",
        smoothPlayBar: true,
        keyEnabled: false
    });

    $("#jplayer_inspector").jPlayerInspector({jPlayer:$("#jquery_jplayer_1")});
});

</script>
<body>

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

        <div id="jp_container_1" class="jp-audio">
            <div class="jp-type-single">
                <div class="jp-gui jp-interface">
                    <ul class="jp-controls">[*]play[*]pause[*]stop[*]back[*]next[*]mute[*]unmute[*]max volume[/list]
                    <div class="jp-progress">
                        <div class="jp-seek-bar">
                            <div class="jp-play-bar"></div>

                        </div>
                    </div>
                    <div class="jp-volume-bar">
                        <div class="jp-volume-bar-value"></div>
                    </div>
                    <div class="jp-current-time"></div>
                    <div class="jp-duration"></div>
                    <ul class="jp-toggles">[*]repeat[*]repeat off[/list]
                </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 Flash plugin.
                </div>
            </div>
        </div>

        
</body>
    
</html>

Discussione: Problema JPlayer

Strumenti discussione

Ricerca discussione

Visualizza

Problema JPlayer

Permessi di invio