Gallerific e riproduzione file midi

[KillerWorm]

Proviamo una diversa disposizione.

Inserisci questo codice HTML alla fine del body:

<audio loop id="bgsound"><source src="audio/audio.mp3" type="audio/mpeg"></audio>

Sostituisci la parte jQuery con questo script:

      var bgsound = $("#bgsound");                        // oggetto audio
      bgsound.run = function(run){                        // funzione per eseguire play/pause sull'audio
        run&&this[0].play();                              // se run=true, eseguo l'audio
        this.stop().animate({volume: run?1:0}             // eseguo una dissolvenza del volume
          , 1500                                          // millisecondi per la dissolvenza
          , function(){!run&&this.pause();}               // al termine della dissolvenza, se run=false, fermo l'audio
        );
      }
      bgsound.run(gallery.isSlideshowRunning);            // eseguo subito l'audio se lo slideshow è impostato con autoStart=true
      gallery.default_play = gallery.play;                // creo una copia della funzione play dello slideshow
      gallery.default_pause = gallery.pause;              // creo una copia della funzione pause dello slideshow
      gallery.play = function(){gallery.default_play();bgsound.run(true)};    // aggiungo la funzione per eseguire l'audio sul play dello slideshow
      gallery.pause = function(){gallery.default_pause();bgsound.run(false)}; // aggiungo la funzione per fermare l'audio sulla pausa dello slideshow

Per la cronaca, rispetto all'altro metodo, ho inserito il tag direttamente come html anziché crearlo al volo attraverso jQuery. Inoltre ho utilizzato il tag <source> con i relativi attributi (anziché il solo tag <audio>).

Da quanto ho provato, personalmente entrambi i metodi mi funzionano allo stesso modo e su tutti i browser su cui ho testato (FF, CH, IE9), ma non riscontrando l'errore non ho idea se in questo modo ci sia qualche differenza su qualche altra versione di IE.

Fammi sapere.

[Elena1986]

Proviamo una diversa disposizione.

Ho sostituito il codice secondo le tue indicazioni. Stesso risultato: errore nella visualizzazione della pagina, l'audio non viene riprodotto e lo slideshow non si avvia.

Se, come dici, con IE9 non si verificano problemi (a parte l'audio non riprodotto), verosimilmente il messaggio di errore è dovuto al browser obsoleto. D'altra parte cambiare browser non risolverebbe il problema, perchè buona parte dei miei visitatori utilizza ancora una vecchia versione di IE (lo vedo da StatCounter).

Forse bisognerebbe implementare l'audio senza utilizzare i tag specifici di html5. Pensi che sia possibile?

Grazie, grazie, grazie, grazie ancora per l'aiuto...

[Vincent.Zeno]

Forse bisognerebbe implementare l'audio senza utilizzare i tag specifici di html5.

se prendete questa strada aprite pure un'altra discussione nella sezione (x)html

[KillerWorm]

Ho sostituito il codice secondo le tue indicazioni. Stesso risultato: errore nella visualizzazione della pagina, l'audio non viene riprodotto e lo slideshow non si avvia.

Sì, ho verificato anche io. Il tag audio, non essendo supportato da versioni di IE precedenti alla 9 (come indicava anche Vincent) fa verificare degli errori.

Riguardo l'audio non riprodotto su IE9, ho fatto qualche interessante scoperta. Tra i vari test ho provato a far riprodurre esattamente il file mp3 presente nella tua pagina. Il problema sta proprio su quel file. Mentre con diversi altri file, con cui ho provato, funziona tutto regolarmente, col file scaricato dalla tua pagina, pur non vedendo alcun errore, non viene semplicemente riprodotto.
Dal momento che si tratta di un campione loop ho l'impressione che possa contenere dei dati non audio i quali vengono digeriti male da IE9.
Facendo qualche ricerca ho letto che IE non supporta i file con tipo di formato audio/x-mpeg, mentre supporta il più comune audio/mpeg. Ora non so esattamente quale sia la differenze e se il tuo file sia per caso un x-mpeg. Mi viene però da pensare che sia un problema del genere.
Ad ogni modo basterebbe cambiare file, accertandosi che venga letto regolarmente da IE9.

Forse bisognerebbe implementare l'audio senza utilizzare i tag specifici di html5. Pensi che sia possibile?

Esistono diversi metodi per "incorporare" dell'audio in un documento html. A parte il più recente tag audio di HTML5, si possono usare altri tag come <bgsound>, <object> o <embed> che sono più o meno supportati dai browser meno recenti (vedi giusto qualche informazione tipo questa).

Ho fatto qualche ricerca e alcune prove utilizzando direttamente i diversi tag e testando con versioni precedenti di IE. Ho verificato che funziona. Quindi si può pensare di utilizzare un tag o l'altro a seconda del browser che si sta utilizzando. Non ho però avuto tempo di capire come poter manipolare questi elementi (ad esempio object o embed) per controllare la riproduzione dell'audio via JavaScript.

Direi però di sì. Si potrebbe implementare il sistema per renderlo cross-browser.
Faccio qualche altra ricerca e ti aggiorno.

se prendete questa strada aprite pure un'altra discussione nella sezione (x)html

@Vincent.Zeno: Se fosse una soluzione cross-browsing? avrebbe poco senso anche aprire in (x)html. Non sarebbe comunque cross-posting?
Io personalmente la vedo più una cosa da JavaScript.
Facci sapere tu che fare

[Vincent.Zeno]

Se fosse una soluzione cross-browsing?

Io personalmente la vedo più una cosa da JavaScript.

giusto. vediamo che ne pensano i mod di sezione

[Elena1986]

Tra i vari test ho provato a far riprodurre esattamente il file mp3 presente nella tua pagina. Il problema sta proprio su quel file. Mentre con diversi altri file, con cui ho provato, funziona tutto regolarmente, col file scaricato dalla tua pagina, pur non vedendo alcun errore, non viene semplicemente riprodotto.

L'mp3 incriminato l'ho scaricato tal quale da Jamendo. Proverò a sostituirlo con un mp3 più ortodosso. Devo però installare IE9 e questo è un problema che richiederà del tempo perchè (non ridete) i miei PC montano ancora Win XP che notoriamente supporta solo IE8.

Si potrebbe implementare il sistema per renderlo cross-browser.

Caspiterina, immagino che rendere la pagina "cross-browser" sia parecchio laborioso.
Dal tempo (e dall'impegno) che stai dedicando a risolvere il mio problema, mi aspetto una parcella salatissima...

Faccio qualche altra ricerca e ti aggiorno.

Attendo con ansia buone nuove.
Come sempre GRAZIE.