bjr,

Je crée mon propre lecteur audio en javascript

Cependant j'ai quelques fois cette erreur :

Uncaught (in promise) DOMException : The element has no supported sources.

Le site fonctionne en local sur mon ordinateur et l'erreur ne me semble pas fréquente, je ne trouve donc pas de réponses sur internet.

Voici mon code :

HTML

<audio src="../test.wav" type="audio/wav" id="audio-file"></audio>

JS

document.addEventListener('DOMContentLoaded',function() {
    for(var i = 0; i < document.querySelectorAll('#audio-file').length; i++){
        timer(i)
        playbutton(i)
    }
})

var playbutton = function (element) {
    document.querySelectorAll('#sound')[element].addEventListener('click', function () {
        if (document.querySelector('#audio-file').paused) {
            document.querySelector('#audio-file').play()
                .catch((err) => {
                    throw err;
                });
            document.querySelectorAll('#playbutton')[element].innerHTML = ''
        } else {
            document.querySelector('#audio-file').pause()
            document.querySelectorAll('#playbutton')[element].innerHTML = ''
        }
    })
}

merci bcp

matt

Utiliser querySelectorAll avec un ID n'a aucun sens parce qu'un ID est forcément unique. Du coup tu complexifies ton code pour rien et c'est très chiant à lire.

Sinon l'erreur veut juste dire que le navigateur ne sait pas lire le WAV.

Salut, ok c'est tout con j'avais juste pas vérifié les compatibilités. 

C'est vrai que le queryall sert à rien, je vais simplifier ça, merci !