come controllare l'audio?

come controllare l'audio?

di Giovanni Saguatti -
Numero di risposte: 6

Buongiorno,

ho creato una pagina di prova per vedere di utilizzare un controllo audio tramite jquery.

la pagina di si trova qui: https://moddlepoli.moodlecloud.com/

il codice html è

<p>&nbsp;<audio id="pippo" controls="true"><source src="https://moddlepoli.MoodleCloud.com/draftfile.php/5/user/draft/836791490/prova.mp3"></audio> <br></p>


<div>

    <button onclick="document.getElementById('pippo').play()">Play the Audio</button>

    <button onclick="document.getElementById('pippo').pause()">Pause the Audio</button>

    <button onclick="document.getElementById('pippo').volume+=0.1">Increase Volume</button>

    <button onclick="document.getElementById('pippo').volume-=0.1">Decrease Volume</button>

</div>

I bottoni però non funzionano.

Se carico la medesima pagina su un altro sito web i bottoni funzionano.

Qualcuno è in grado di aiutarmi?

Media dei voti:  -
In riposta a Giovanni Saguatti

Re: come controllare l'audio?

di Enza Lilla -

ciao

da un controllo veloce (e da non esperta nel campo!) mi sembra che il codice scritto nella pagina che non funziona sia un po' diverso, cioè sostituisci il codice

<audio controls="true" data-setup-lazy="{&quot;language&quot;: &quot;it&quot;, &quot;fluid&quot;: true, &quot;controlBar&quot;: {&quot;fullscreenToggle&quot;: false}, &quot;aspectRatio&quot;: &quot;1:0&quot;}" id="id_videojs_5c9b51c8a082a_1" class="video-js" title="prova.mp3">
                        <source src="https://moddlepoli.moodlecloud.com/pluginfile.php/73/mod_page/content/18/prova.mp3" type="audio/mp3">

con

<audio id="pippo" controls="true"><source src="https://moddlepoli.moodlecloud.com/pluginfile.php/73/mod_page/content/18/prova.mp3"></audio>

e probabilmente funziona

EL

Media dei voti:  -
In riposta a Enza Lilla

Re: come controllare l'audio?

di Giovanni Saguatti -

Forse il problema è lì, solo che non so come risolverlo. Se guardi il mio post iniziale io ho settato il tag audio con id="pippo", 

cioè proprio 

<audio id="pippo" controls="true"><source src="https://moddlepoli.moodlecloud.com/pluginfile.php/73/mod_page/content/18/prova.mp3"></audio>

ma quando lo salvo moodle me lo cambia (solo nella visualizzazione del sorgente perchè se faccio l'editing lo vedo corretto)  con 

<audio controls="true" data-setup-lazy="{&quot;language&quot;: &quot;it&quot;, &quot;fluid&quot;: true, &quot;controlBar&quot;: {&quot;fullscreenToggle&quot;: false}, &quot;aspectRatio&quot;: &quot;1:0&quot;}" id="id_videojs_5c9b51c8a082a_1" class="video-js" title="prova.mp3">
                        <source src="https://moddlepoli.moodlecloud.com/pluginfile.php/73/mod_page/content/18/prova.mp3" type="audio/mp3">

Ho provato anche a sostituire l'id con id_videojs_5c9b51c8a082a_1 ma non funziona ugualmente

Media dei voti:  -
In riposta a Giovanni Saguatti

Re: come controllare l'audio?

di Enza Lilla -

io ho fatto una propva sul mio portale ed incollando il codice esattamente come lo hai indicato funziona.

Se invece copio il codice dall'altro sorgente effettivamente non funziona.

nel codice sorgente della mia prova rimane esattamente com'è!

prova a scriverlo così come lo vedi nell'immagine, non si sa mai!

mi dispiace ma non so come aiutarti


Allegato Immagine.png
Media dei voti:  -
In riposta a Enza Lilla

Re: come controllare l'audio?

di Giovanni Saguatti -

Ciao,

qual'è il tuo portale?

Comincio a credere che il problema possa risiedere nel server.

Il mio portale è moodlecloud.com. Qual'è il tuo?

Ciao

Media dei voti:  -
In riposta a Giovanni Saguatti

Re: come controllare l'audio?

di Enza Lilla -

ho fatto la prova in locale

su moodlecloud il problema credo sia legato all' id

cioè se controlli bene il sorgente l'id che assegni "pippo" viene cambiato ogni volta con un id diverso e quando vai a richiamare l'elemento l'id "pippo" non esiste.

credo sia li il problema

EL

Media dei voti:  -
In riposta a Enza Lilla

Re: come controllare l'audio?

di Giovanni Saguatti -

risolto.

Ho cambiato il codice in questo modo e funziona

<script>

    var pippo = document.createElement('audio');

    pippo.src = "

";

</script>

<div>

    <button onclick="pippo.play()">Play the Audio</button>

    <button onclick="pippo.pause()">Pause the Audio</button>

    <button onclick="pippo.volume+=0.1">Increase Volume</button>

    <button onclick="pippo.volume-=0.1">Decrease Volume</button>

</div>

Media dei voti:  -