和視頻一樣，對于音樂我也做了兩種支持：本地上傳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判斷是否在線音樂，然后兩種標簽搞定。