{ "alwaysOnTop": false, "description": "Media with visualizer", "dimensions": { "height": 290, "width": 441 }, "elements": [ { "children": [ { "children": [ { "children": [ { "data": { "alt": "media thumbnail", "shadow": true, "src": "{{media:thumbnail}}" }, "id": "image-HbHf", "label": "image-HbHf", "styles": { "height": "120px", "width": "120px" }, "type": "image" }, { "children": [ { "children": [ { "data": { "previousFont": "Open Sans", "text": "

{{media:title}}

" }, "id": "text-nUok", "label": "text-nUok", "styles": { "fontFamily": "Patua One", "fontSize": "22px", "fontWeight": "bold", "lineHeight": "22px", "textShadow": "1px 1px black" }, "type": "text" }, { "data": { "text": "

{{media:artist}}

" }, "id": "text-kMcn", "label": "text-kMcn", "styles": { "fontFamily": "Open Sans", "fontSize": "16px", "lineHeight": "16px", "textShadow": "1px 1px black" }, "type": "text" } ], "data": {}, "id": "container-VCI4", "label": "container-VCI4", "styles": { "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 0.5, "flexDirection": "column", "gap": "5px", "height": "100%", "padding": "8px", "width": "100%" }, "type": "container" }, { "data": { "current": "{{media:position}}", "iconPosition": "before", "max": "{{media:duration}}", "min": "0", "shape": "rounded", "size": "small", "type": "transparent" }, "id": "select-kduW", "label": "select-kduW", "styles": {}, "type": "media-select" } ], "data": {}, "id": "container-GrMt", "label": "container-GrMt", "styles": { "alignItems": "flex-start", "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "flexDirection": "column", "gap": "0px", "height": "100%", "justifyContent": "flex-start", "padding": "0px", "width": "100%" }, "type": "container" } ], "data": {}, "id": "container-kTad", "label": "container-kTad", "styles": { "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "gap": "10px", "height": "100%", "padding": "5px", "width": "100%" }, "type": "container" }, { "children": [ { "children": [ { "data": { "size": "small", "type": "subtle" }, "id": "button-P0Jk", "label": "button-P0Jk", "styles": {}, "type": "toggle-visualizer" }, { "data": { "color": "#e6e6e6ff", "gap": 8, "height": 100, "strokeWidth": "5px", "type": "bar" }, "id": "audio-visualizer-2ZDC", "label": "audio-visualizer-2ZDC", "styles": {}, "type": "audio-visualizer" } ], "data": {}, "id": "container-vv5-", "label": "container-vv5-", "styles": { "alignItems": "center", "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "gap": "5px", "height": "100%", "justifyContent": "center", "padding": "0px", "width": "100%" }, "type": "container" }, { "children": [ { "data": { "shape": "circular", "size": "medium", "type": "subtle" }, "id": "button-4I1Y", "label": "button-4I1Y", "styles": {}, "type": "media-prev" }, { "data": { "shape": "circular", "size": "large", "type": "primary" }, "id": "button-Q06I", "label": "button-Q06I", "styles": {}, "type": "toggle-play" }, { "data": { "shape": "circular", "size": "medium", "type": "subtle" }, "id": "button-XZMw", "label": "button-XZMw", "styles": {}, "type": "media-next" } ], "data": {}, "id": "container-6F9S", "label": "container-6F9S", "styles": { "alignItems": "center", "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "gap": "15px", "height": "100%", "justifyContent": "center", "padding": "0px", "width": "100%" }, "type": "container" }, { "children": [ { "data": { "text": "

{{media:position_text}}

" }, "id": "text-m6zw", "label": "text-m6zw", "styles": { "fontSize": "12px", "lineHeight": "12px", "textShadow": "1px 1px black" }, "type": "text" }, { "children": [ { "data": { "current": "{{media:position}}", "max": "{{media:duration}}", "min": "0" }, "id": "slider-1fbt", "styles": {}, "type": "media-slider" } ], "data": {}, "id": "container-B9_5", "label": "container-B9_5", "styles": { "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "flexDirection": "column", "height": "100%", "justifyContent": "center", "padding": 5, "width": "100%" }, "type": "container" }, { "data": { "text": "

{{media:duration_text}}

" }, "id": "text-TZcM", "label": "text-TZcM", "styles": { "fontSize": "12px", "lineHeight": "12px", "textShadow": "1px 1px black" }, "type": "text" } ], "data": {}, "id": "container-2uZt", "label": "container-2uZt", "styles": { "alignItems": "center", "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "height": "100%", "justifyContent": "center", "padding": "0px", "width": "100%" }, "type": "container" } ], "data": {}, "id": "container-dFvj", "label": "container-dFvj", "styles": { "background": "transparent", "borderRadius": 2, "display": "flex", "flex": 1, "flexDirection": "column", "height": "100%", "padding": 5, "width": "100%" }, "type": "container" } ], "data": {}, "id": "container-iccE", "label": "container-iccE", "styles": { "backdropFilter": "blur(10px)", "background": "transparent", "backgroundColor": "rgba(0, 0, 0, 0.54)", "backgroundImage": "", "borderRadius": "10px", "display": "flex", "flex": 1, "flexDirection": "column", "height": "100%", "padding": 5, "width": "100%" }, "type": "container" } ], "data": { "imageData": { "key": "r6wzsiHpJEfWvf0np-KEI.image", "kind": "url", "path": "{{media:thumbnail}}", "type": "image" } }, "id": "container", "label": "container", "styles": { "backdropFilter": "", "background": "transparent", "backgroundSize": "cover", "borderRadius": "10px", "display": "flex", "flex": 1, "padding": "0px", "width": "100%" }, "type": "container" } ], "key": "media-viz-delta-default", "label": "Media Viz", "position": { "x": 30, "y": 30 }, "published": true, "publishedAt": 1777154757011, "visible": true, "widgetType": "json" }