├── imgs
├── oceanData.jpg
└── peopleData.jpg
├── README.md
├── index.html
└── data.js
/imgs/oceanData.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/derrvish/webix-demo-player/HEAD/imgs/oceanData.jpg
--------------------------------------------------------------------------------
/imgs/peopleData.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/derrvish/webix-demo-player/HEAD/imgs/peopleData.jpg
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Basic UI with Webix.js
2 | ===========
3 |
4 | Simple example for Webix.js
5 |
6 | ### Live Demo
7 |
8 | http://derrvish.github.io/webix-demo-player/
9 |
10 | ### Webix.js
11 |
12 | http://webix.com
13 |
14 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Online Audio PLayer
5 |
6 |
7 |
8 |
9 |
10 |
55 |
56 |
57 |
--------------------------------------------------------------------------------
/data.js:
--------------------------------------------------------------------------------
1 | recordsData = [
2 | {id:"1", value:"Oceansize", data: [
3 | {id:"oceanData", value:"Everyone Into Position"},
4 | ]},
5 | {id:"2", value:"Little People", data: [
6 | {id:"peopleData", value:"Mickey Mouse Operation"},
7 | ]},
8 | ];
9 |
10 | gridColumns = [
11 | {
12 | dataIndex: "title",
13 | header: "Title"
14 | },
15 | {
16 | dataIndex: "duration",
17 | header: "Duration"
18 | }
19 | ];
20 |
21 | oceanData = [
22 | {id: "1", title: "01. The Charm Offensive", duration:"7:19"},
23 | {id: "2", title: "02. Heaven Alive", duration:"6:20"},
24 | {id: "3", title: "03. A Homage to Shame", duration:"5:52"},
25 | {id: "4", title: "04. Meredith", duration:"5:26"},
26 | {id: "5", title: "05. Music for a Nurse", duration:"8:16"},
27 | {id: "6", title: "06. New Pin", duration:"5:11"},
28 | {id: "7", title: "07. No Tomorrow", duration:"7:10"},
29 | {id: "8", title: "08. Mine Host", duration:"4:10"},
30 | {id: "9", title: "09. You Can't Keep a Bad Man Down", duration:"7:36"},
31 | {id: "10", title: "10. Ornament. The Last Wrongs", duration:"9:21"},
32 | ];
33 |
34 | peopleData = [
35 | {id: "1", title: "01. Basique", duration: "3:38"},
36 | {id: "2", title: "02. Moon", duration: "3:47"},
37 | {id: "3", title: "03. Unsaid", duration: "3:48"},
38 | {id: "4", title: "04. Eitheror", duration: "5:45"},
39 | {id: "5", title: "05. Above the Clouds", duration: "3:50"},
40 | {id: "6", title: "06. Breathe Again (feat. Rachael Roberts)", duration: "4:01"},
41 | {id: "7", title: "07. Intermezzo", duration: "0:37"},
42 | {id: "8", title: "08. Idiom", duration: "5:45"},
43 | {id: "9", title: "09. Inutile et Indispensable", duration: "4:58"},
44 | {id: "10", title: "10. Last Fare", duration: "2:45"},
45 | {id: "11", title: "11. Fisticuffs at Dawn", duration: "1:02"},
46 | {id: "12", title: "12. Gravitas", duration: "5:10"},
47 | ]
--------------------------------------------------------------------------------