makepad-component/music_test.json at main · ZhangHanDong/makepad-component · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
[
  {
    "beginRendering": {
      "surfaceId": "main",
      "root": "root-column"
    }
  },
  {
    "surfaceUpdate": {
      "surfaceId": "main",
      "components": [
        {
          "id": "root-column",
          "component": {
            "Column": {
              "children": { "explicitList": ["main-title", "player-card", "volume-row", "status-text"] }
            }
          }
        },
        {
          "id": "main-title",
          "component": {
            "Text": {
              "text": { "literalString": "🎵 Makepad Music Player" },
              "usageHint": "h1"
            }
          }
        },
        {
          "id": "player-card",
          "component": {
            "Card": {
              "child": "player-list"
            }
          }
        },
        {
          "id": "player-list",
          "component": {
            "Column": {
              "children": { "explicitList": ["song-1", "song-2", "song-3"] }
            }
          }
        },
        {
          "id": "song-1",
          "component": {
            "AudioPlayer": {
              "url": { "literalString": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" },
              "title": { "literalString": "SoundHelix Song 1" },
              "artist": { "literalString": "SoundHelix" }
            }
          }
        },
        {
          "id": "song-2",
          "component": {
            "AudioPlayer": {
              "url": { "literalString": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3" },
              "title": { "literalString": "SoundHelix Song 2" },
              "artist": { "literalString": "SoundHelix" }
            }
          }
        },
        {
          "id": "song-3",
          "component": {
            "AudioPlayer": {
              "url": { "literalString": "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-3.mp3" },
              "title": { "literalString": "SoundHelix Song 3" },
              "artist": { "literalString": "SoundHelix" }
            }
          }
        },
        {
          "id": "volume-row",
          "component": {
            "Row": {
              "children": { "explicitList": ["volume-label", "volume-slider"] },
              "alignment": "center"
            }
          }
        },
        {
          "id": "volume-label",
          "component": {
            "Text": {
              "text": { "literalString": "🔊 Volume" },
              "usageHint": "body"
            }
          }
        },
        {
          "id": "volume-slider",
          "component": {
            "Slider": {
              "min": 0,
              "max": 100,
              "value": { "literalNumber": 50 },
              "binding": "/volume"
            }
          }
        },
        {
          "id": "status-text",
          "component": {
            "Text": {
              "text": { "literalString": "Ready to play" },
              "usageHint": "caption"
            }
          }
        }
      ]
    }
  },
  {
    "dataModelUpdate": {
      "surfaceId": "main",
      "path": "/",
      "contents": [
        { "key": "volume", "valueNumber": 50 }
      ]
    }
  }
]