artTemplate Ajax json 渲染 得到api数据后　这样为什么不显示？

下面我是想显示一个播放器　调用了api　mp3地址

<ul class="mui-table-view" id="newsinfo"></ul>

<script id="lists" type="text/html">

加了这个播放器JS　显示不出播放器／／如果想要用这个播放器在加上api　mp3地址　要怎么写

<div id="aplayer"></div>  
 <script>  
 const ap = new APlayer({  
     container: document.getElementById('aplayer'),  
     audio: [{  
         name: 'name',  
         artist: 'artist',  
         url: '{{@mp3}}',  
         cover: 'cover.jpg'  
     }]  
 });  
</script>

</script>       

        <script src="../js/template-web.js" type="text/javascript" charset="UTF-8"></script>  
        <script type="text/javascript">  
            mui.init();  
            //添加newId自定义事件监听  
            window.addEventListener('id', function(event) {  
                //获得事件参数  
                var id = event.detail.id;  
                //根据id向服务器请求新闻详情      
            //plusReady，用来定义加载dom后的操作  
            mui.plusReady(function() {  

                //发起 ajax请求， api   
                mui.ajax('网址/'+ id, {