<!-- ton script -->
<script>
    function noise_play(){ // fonction pour lancer le son.
        var audio = document.getElementById('audio_source') ;
        audio.volume = 1 ; // 1, c'est 100% normalement. tu peux baisser jusqu'à 0, pour 0%
        audio.play() ;
    }
    $('#speaker').click(function(){ // identifie le truc sur lequel on doit cliquer pour lancer le son
        noise_play ;
        console.log('audio !') ;
    }) ;
</script>


<div id='speaker'>
    <audio id="audio_source" preload="none">
        <?php
            $req = $bdd -> prepare('SELECT * FROM pokemon_table WHERE ID = ?') ;
            $req -> execute(array($_GET['id'])) ;
        /* les deux lignes juste au-dessus, c'est une requête préparée. Je vais pas te faire chier avec ça, c'est juste pour la sécurité, mais tu peux faire un $bdd->query(blablabla) direct c'est pas très grave je pense. Juste tu mets le $_GET['variable'] à la place du point d'interrogation en concaténant. */
            while($source_du_cri = $req -> fetch()){
                echo(" <source src='noise/pkmn/" . $source_du_cri['nom'] . ".mp3'  type='audio/mpeg'/> ") ; // le type, faut pas y toucher, faut audio/mpeg si c'est du mp3 que tu joues.
            }
        ?>
    </audio>
</div>