Audio Tag Autoplay Non funziona nel cellulare

Question

sto usando questo codice e quando vedo il controls vedo che la riproduzione automatica non funziona.

<audio autoplay="true" src="music/lathe_di_chadar.mp3" type="audio/mp3" loop></audio>

e la sua non funziona nei dispositivi mobili e molto bene a lavorare nel sito web. Qualcuno può dirmi il problema in questo ?.

Grazie e ben apprezzato

Answer 1

Non v'è alcun modo per ottenere autoplay lavorare in browser mobili. (Questo non è permesso)

Ma alcuni trucchi fanno questa cosa.

Clicca sui link qui sotto per vedere alcuni trucchi

Autoplay audio on mobile safari

iOS-Specific Considerations | Loop Attribute

Answer 2

È possibile riprodurre un suono utilizzando il AudioContext API e prendendo la fonte da qualsiasi ArrayBuffer (vale a dire: da un XMLHttpRequest o a File)

window.addEventListener('load', function() { 
     var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); 
     var source = audioCtx.createBufferSource(); 
     var xhr = new XMLHttpRequest(); 
     xhr.open('GET', 'audio-autoplay.wav'); 
     xhr.responseType = 'arraybuffer'; 
     xhr.addEventListener('load', function (r) { 
      audioCtx.decodeAudioData(
        xhr.response, 
        function (buffer) { 
         source.buffer = buffer; 
         source.connect(audioCtx.destination); 
         source.loop = false; 
        }); 
      source.start(0); 
     }); 
     xhr.send(); 
    }); 

Live example

Funziona su Chrome e Firefox sia mobile e desktop

Edit:

Vale la pena ricordare, IMO, che questo "trucco" in realtà può essere considerato come un bug del browser, e potrebbe non funzionare più a in qualsiasi momento se il browser decide che ciò interrompe l'esperienza utente/diventa un fastidio ampiamente utilizzato (come le pubblicità).

E 'anche opportuno ricordare che, almeno sul mio cellulare e FF 54, sarà ancora giocato il suono, anche se il vostro cellulare è disattivato ...