- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入音頻物件陣列，每個物件需有name與url兩欄位，分別提供檔名(含副檔名)與網址，可不給予由使用者拖曳檔案進來組件進行播放 |
dropTextColor |
String | '#aaa' |
No | 輸入無播放視窗之提示拖曳文字顏色字串，預設'#aaa' |
backgroundColor |
String | '#323232' |
No | 輸入背景顏色字串，預設'#323232' |
barHeight |
Number | 6 |
No | 輸入播放進度條高度浮點數，預設6 |
barColor |
String | '#f1d895' |
No | 輸入播放進度條顏色字串，預設'#f1d895' |
barBackgroundColor |
String | '#222' |
No | 輸入播放進度條背景顏色字串，預設'#222' |
menuTextColor |
String | '#aaa' |
No | 輸入上方選單區文字顏色字串，預設'#aaa' |
menuIconColor |
String | '#aaa' |
No | 輸入上方選單區按鈕顏色字串，預設'#aaa' |
menuIconColorActive |
String | '#f1d895' |
No | 輸入上方選單區按鈕點擊狀態的顏色字串，預設'#f1d895' |
itemTextColor |
String | '#aaa' |
No | 輸入播放項目區歌曲文字顏色字串，預設'#aaa' |
itemTextColorActive |
String | '#f1d895' |
No | 輸入播放項目區播放中的歌曲文字顏色字串，預設'#f1d895' |
itemTextColorHover |
String | '#ccc' |
No | 輸入播放項目區歌曲文字Hover時顏色字串，預設'#ccc' |
itemHeightMin |
Number | 48 |
No | 輸入播放項目區歌曲項目最小高度浮點數，預設48 |
itemSeplineColor |
String | '#444' |
No | 輸入播放項目區歌曲下分隔條顏色字串，預設'#444' |
scrollBarColor |
String | 'rgba(200,200,200,0.2)' |
No | 輸入播放項目區右側捲軸顏色字串，預設'rgba(200,200,200,0.2)' |
scrollBarColorHover |
String | 'rgba(200,200,200,0.3)' |
No | 輸入播放項目區右側捲軸顏色字串，預設'rgba(200,200,200,0.3)' |
textDrop |
String | 'Drop zone' |
No | 輸入顯示拖曳文字字串，預設'Drop zone' |
textDropMsg |
String | 'Drag your files or folders and drop them here.' |
No | 輸入顯示拖曳說明文字字串，預設'Drag your files or folders and drop them here.' |
textPlayItem |
String | 'Now' |
No | 輸入現在正在播放文字字串，預設'Now' |
textWaitUserPlay |
String | 'It's time to play...' |
No | 輸入等待播放文字字串，預設'It's time to play...' |
textTitlePlay |
String | 'Play' |
No | 輸入播放按鈕提示文字字串，預設'Play' |
textTitlePause |
String | 'Pause' |
No | 輸入暫停按鈕提示文字字串，預設'Pause' |
textTitleLoop |
String | 'Loop play' |
No | 輸入循環播放按鈕提示文字字串，預設'Loop play' |
textTitleRepeat |
String | 'Repeat play' |
No | 輸入單曲播放按鈕提示文字字串，預設'Repeat play' |
textTitleRandom |
String | 'Random play' |
No | 輸入隨機播放按鈕提示文字字串，預設'Random play' |
textTitleDeleteAll |
String | 'Delete all' |
No | 輸入刪除全部按鈕提示文字字串，預設'Delete all' |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入音頻物件陣列，每個物件需有name與url兩欄位，分別提供檔名(含副檔名)與網址，可不給予由使用者拖曳檔案進來組件進行播放 |
dropTextColor |
String | '#aaa' |
No | 輸入無播放視窗之提示拖曳文字顏色字串，預設'#aaa' |
backgroundColor |
String | '#323232' |
No | 輸入背景顏色字串，預設'#323232' |
barHeight |
Number | 6 |
No | 輸入播放進度條高度浮點數，預設6 |
barColor |
String | '#f1d895' |
No | 輸入播放進度條顏色字串，預設'#f1d895' |
barBackgroundColor |
String | '#222' |
No | 輸入播放進度條背景顏色字串，預設'#222' |
menuTextColor |
String | '#aaa' |
No | 輸入上方選單區文字顏色字串，預設'#aaa' |
menuIconColor |
String | '#aaa' |
No | 輸入上方選單區按鈕顏色字串，預設'#aaa' |
menuIconColorActive |
String | '#f1d895' |
No | 輸入上方選單區按鈕點擊狀態的顏色字串，預設'#f1d895' |
itemTextColor |
String | '#aaa' |
No | 輸入播放項目區歌曲文字顏色字串，預設'#aaa' |
itemTextColorActive |
String | '#f1d895' |
No | 輸入播放項目區播放中的歌曲文字顏色字串，預設'#f1d895' |
itemTextColorHover |
String | '#ccc' |
No | 輸入播放項目區歌曲文字Hover時顏色字串，預設'#ccc' |
itemHeightMin |
Number | 48 |
No | 輸入播放項目區歌曲項目最小高度浮點數，預設48 |
itemSeplineColor |
String | '#444' |
No | 輸入播放項目區歌曲下分隔條顏色字串，預設'#444' |
scrollBarColor |
String | 'rgba(200,200,200,0.2)' |
No | 輸入播放項目區右側捲軸顏色字串，預設'rgba(200,200,200,0.2)' |
scrollBarColorHover |
String | 'rgba(200,200,200,0.3)' |
No | 輸入播放項目區右側捲軸顏色字串，預設'rgba(200,200,200,0.3)' |
textDrop |
String | 'Drop zone' |
No | 輸入顯示拖曳文字字串，預設'Drop zone' |
textDropMsg |
String | 'Drag your files or folders and drop them here.' |
No | 輸入顯示拖曳說明文字字串，預設'Drag your files or folders and drop them here.' |
textPlayItem |
String | 'Now' |
No | 輸入現在正在播放文字字串，預設'Now' |
textWaitUserPlay |
String | 'It's time to play...' |
No | 輸入等待播放文字字串，預設'It's time to play...' |
textTitlePlay |
String | 'Play' |
No | 輸入播放按鈕提示文字字串，預設'Play' |
textTitlePause |
String | 'Pause' |
No | 輸入暫停按鈕提示文字字串，預設'Pause' |
textTitleLoop |
String | 'Loop play' |
No | 輸入循環播放按鈕提示文字字串，預設'Loop play' |
textTitleRepeat |
String | 'Repeat play' |
No | 輸入單曲播放按鈕提示文字字串，預設'Repeat play' |
textTitleRandom |
String | 'Random play' |
No | 輸入隨機播放按鈕提示文字字串，預設'Random play' |
textTitleDeleteAll |
String | 'Delete all' |
No | 輸入刪除全部按鈕提示文字字串，預設'Delete all' |