waveurfer js不使用foreach循环

Question

我正在尝试使用php中的foreach循环生成多个waveurfer音频波，但这不起作用。我正在使用wavesurfer.js为音频剪辑生成波形，问题我在这里输入代码我有多个音频文件在php循环中被拉，而javascript似乎只运行第一个记录返回..

<?php 
foreach ($aReleases as $aRelease) {
    $aTracks = explode(',',$aRelease['track_file']);
    foreach ($aTracks as $aTrack) {                                             
        $path = getConfig('mediaUrl').'uploads/'.$aTrack;  
        ?>  
        <div id="wave">    
            <div><?php echo ucfirst($aRelease['title']); ?></div>
            <canvas class='wave' data-path='<?php echo $path;?>'   data-id='<?php echo $id;?>' width='500' height='128'></canvas>
        </div>                                                
    <?php
    }
}
?>