[TOC] # 插件-music 應用播放器 內置`music`播放與控制工具,可以自定義位置和樣式 ## 使用方法 `music`工具可以使用meta自動引入或者通過js手動調用 ### 參數說明 * `src` 音樂路徑 * `skin` 應用皮膚,目前有`default`(默認),`empty`(空心),`full`(實心)三種樣式,可根據具體場景使用 * `attrs` 配置,可以進行重新定位,其中color會被應用到圖標樣式上 ### 通過meta ```html <!--默認會讀取當前目錄的music.mp3文件--> <meta name="wx:music" /> <!--全部配置,見上面參數--> <meta name="wx:music" skin="full" src="/Wap1/H50629/m.mp3" attrs='{top:16,right:16,color:"blue"}' /> ``` ### 通過js調用 ```javascript // 參數見上面參數說明 var music = v.music(src='music.mp3',attrs={},skin='') // 可以對音樂進一步的控制 music.stop() // 停止播放 music.hide() // 隱藏播放圖標 music.toggle() // 切換播放和關閉 music.play() // 播放應用 music.volume(volucm) //設置音量(0-1),不知道兼容性如何 music.style(attrs) // 重新設置樣式 ```