和视频一样，对于音乐我也做了两种支持：本地上传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 '<a class="m-try" data-index="'+index+'"></a>'; } ~~~ 并在弹窗后绑上试听按钮的功能：  就做出了类似ueditor的功能。 前台列表显示和之前视频一样：  通过id判断是否在线音乐，然后两种标签搞定。