php关于aplayer播放器使用
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);