Erro com playlist nao carrega o arquivo

Olá a todos
Eu fiz uma tela para tocar aquivo wav em um playlist, e funciona perfeitamente se eu gravar o php em um arquivo fora do scriptcase. como segue:

?<

Playlist de Áudio

Minha Playlist TESTE

<!-- Elemento de áudio -->
<audio id="player" controls></audio>

<!-- Lista de arquivos de áudio -->
<script>
    // Lista dos arquivos de áudio
    const playlist = [
        'grav/inicio.wav',
      
		'grav/a1.wav',
        'grav/a2.wav',
        'grav/a3.wav',
       'grav/inicio.wav'
       
	];

    let currentTrack = 0;
    const player = document.getElementById('player');

    // Função para carregar e reproduzir o próximo áudio
    function playNextTrack() {
        if (currentTrack < playlist.length) {
            player.src = playlist[currentTrack];
            player.play();
            currentTrack++;
        } else {
            // Opcional: Recomeça a lista ou encerra
            // currentTrack = 0; // para reiniciar
            // player.src = playlist[currentTrack];
            // player.play();
            // currentTrack++;
        }
    }

    // Quando o áudio termina, toca o próximo
    player.addEventListener('ended', playNextTrack);

    // Inicia a reprodução da primeira faixa
    playNextTrack();
</script>
<?

No script case eu fiz uma grid chamada grid_audio e criei um botão PHP colocando o codigo acima .
no www.root do scriptcase no diretorio onde esta a grid_audio eu criei uma pasta chamda grav e coloquei os arquivos de audios dentro dela, e os mesmo não aprecem para tocar. quando clico no botão so aparece o reprodutor de audio mas sem os arquivos.

Porem se eu utilizo um arquivo criado em PHP pelo bloco de notas e salvo como teste.php e executo no browse toca normalmente.
Alguem sabe oque pode esta acontecendo?

Grato