php关于aplayer播放器使用

Author Avatar
yyq 2020-11-22 15:56:44
  • 二维码

php关于aplayer播放器记录

        丰富页面内容时可能会用到播放器,记录下使用aplayer方式:


        NO1:提供下载方式如下

            链接: https://pan.baidu.com/s/1MbUuRx038upJ07Y7F353ZQ 提取码: 9t54 复制这段内容后打开百度网盘手机App,操作更方便哦


        NO2:下载后包含两个文件夹aplayer与font...-web(图标字体相关),放入TP内的资源文件夹内,如public\static\home\下


        NO3:在页面内引入如下:

    <!--引入音乐播放插件-->
        
    <!--引入图标-->

                        

        NO4:在body内放入播放器容器相关

        <!--音乐播放-->

    NO5:在JS初始化播放器
   
       
   //音乐播放器

var str_music = $("#music_data").val(); //后端按照JSON格式传入音乐数据
   var my_music = JSON.parse(str_music);
   var ap = new APlayer({
       element: document.getElementById('player1'),
       fixed: true, //开启吸底模式
       autoplay: false, //音频自动播放
       preload: 'auto', //预加载 可选值:'none','auto','metadata'
       volume: 0.7, //默认音量,用户手动设置后失效
       narrow: false,
       mutex: true, //阻止多个播放器同事播放
       showlrc: false, //是否显示歌词
       listFolded: true, //列表默认折叠
       theme: '#b7daff',
       audio: my_music
   });




   NO6:后端传入音乐内容格式
     $music_obj['url'] = '';
     $music_obj['title'] = '';
     $music_obj['author'] = '';
     $music_obj['pic'] = '';
     $music_list[] = $music_obj;
     $dat['my_music'] = json_encode($music_list);
     View::assign($dat);

上一篇 返回列表 下一篇

发表评论

Tips:评论内容请文明用语