php system 播放音乐,音乐播放 · 跟老杨学ThinkPHP3 · 看云

和视频一样，对于音乐我也做了两种支持：本地上传mp3和在线百度搜索音乐播放。

## 本地mp3


上传视频和音频我都用了一个最习惯的插件Uploadify。

复用了同一个模板Post/video_up，只不过传了不同的参数和指定了不同的回调函数。



然后上传完后拼接一个多维form表单项。可以修改显示音乐的标题。

插入数据库后 列表显示：


用了audio js 的显示。

详情页多个本地mp3列表的效果：


## 在线百度音乐搜索和播放

其实ueditor支持音乐添加，问题是没有办法单独提取出一个按钮。



也提供了一个播放器


我的效果：


选择后和本地音乐一样，可补充标题


显示和ueditor一样：


那么，如何做呢？

首先，我们参考ueditor里百度音乐插件的逻辑，通过关键词搜索它的api


先用curl请求api：


返回的数据经过我们处理：


然后前端把那个数组提供给bootstrapTable插件作为数据源：


写上try_it的解析：

~~~

function try_it(value, row, index){

return '';

}

~~~

并在弹窗后绑上试听按钮的功能：


就做出了类似ueditor的功能。

前台列表显示和之前视频一样：


通过id判断是否在线音乐，然后两种标签搞定。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！