{ "id": "5613a58909c7e2f86c8b456b", "category": "audio", "short_description": "Add albums or playlists to your site", "slug": "audio-player", "width": 500, "height": 350, "version": "7c309af", "tags": [ "media", "audio", "playback", "sound", "song", "music", "mp3", "player", "playlist", "visualiser", "lyric", "melody", "piece", "refrain", "tune", "carol", "chant", "ballad", "aria", "anthem", "lullaby", "tune", "vocal", "verse" ], "content": [ { "label": "Piano", "value": "1", "content": [ { "id": 1, "order": 1, "metadata": { "duration": 63.472667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+18+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 1" }, { "id": 2, "order": 2, "metadata": { "duration": 26.927333 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Easy+Lemon+by+Kevin+MacLeod.mp3", "artist": "Kevin MacLeod", "title": "Easy Lemon" }, { "id": 3, "order": 3, "metadata": { "duration": 38.290667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Harlequin-by-Kevin-MacLeod.mp3", "artist": "Kevin MacLeod", "title": "Harlequin" }, { "id": 4, "order": 4, "metadata": { "duration": 65.745333 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Other-Child-Room-by-Evgeny-Grinko.mp3", "artist": "Evgeny Grinko", "title": "Other Child Room" }, { "id": 5, "order": 5, "metadata": { "duration": 95.890667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Sunset+by+Evgeny+Grinko.mp3", "artist": "Evgeny Grinko", "title": "Sunset" }, { "id": 6, "order": 6, "metadata": { "duration": 68.383667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+1+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 1" }, { "id": 7, "order": 7, "metadata": { "duration": 58.3005 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+6+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 6" }, { "id": 8, "order": 8, "metadata": { "duration": 100.697167 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+7+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 7" }, { "id": 9, "order": 9, "metadata": { "duration": 102.186167 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+8+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 8" }, { "id": 10, "order": 10, "metadata": { "duration": 90.143667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+16+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 16" }, { "id": 11, "order": 11, "metadata": { "duration": 63.472667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+18+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 18" }, { "id": 12, "order": 12, "metadata": { "duration": 73.425333 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+21+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 21" }, { "id": 13, "order": 13, "metadata": { "duration": 71.231167 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+22+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 22" }, { "id": 14, "order": 14, "metadata": { "duration": 90.117667 }, "composition_id": "c-0", "_isDemoContent": true, "path": "https://files.widgetic.com/file/widgetic-uploads/assets/audio/Prelude+23+by+Chris+Zabriskie.mp3", "artist": "Chris Zabriskie", "title": "Prelude 23" } ] } ], "contentMeta": { "options": { "min": 1, "max": 1500, "free_user_limit": 3, "notification": { "min": "Please add at least one item!", "max": "You reached the maximum number of items." }, "mainAttribute": "path", "preview": "spine/controller" }, "browser": { "options": { "types": [ "audio" ], "attribute": "path" }, "sources": { "blogvio": { "browser": "browser/controller/blogvio", "module": "editor/content/service/blogvio" }, "dropbox": { "module": "editor/content/service/dropbox" }, "google-drive": { "module": "editor/content/service/google-drive" }, "soundcloud": { "module": "editor/content/service/soundcloud" } } }, "input": { "attribute": "path", "control": "core/controls/audio", "options": { "help_text": "", "placeholder": "Add URL to audio file (mp3)", "preview": true } }, "attributes": { "path": { "control": "core/controls/audio", "options": { "label": "Path", "placeholder": "Add URL to audio file (mp3)", "readonly": true, "preview": true } }, "artist": { "control": "core/controls/text", "options": { "help_text": "", "label": "Artist", "placeholder": "Add audio artist" } }, "title": { "control": "core/controls/text", "options": { "label": "Title", "help_text": "", "placeholder": "Add audio title" } } } }, "description": "Add albums or playlists to your site", "css": "", "js": "", "module": "audio_player_with_playlist_widget", "name": "Audio Player", "previews": { "full": "/assets/uploads/widgets/previews/thumblarge.png", "large": "/assets/uploads/widgets/previews/thumblarge.png", "small": "/assets/uploads/widgets/previews/thumbsmall.png" }, "skinMeta": { "colorAttributes": [ "visualiserColor", "progressColor", "itemBackgroundColor" ], "tabs": { "Interface": { "widgetBackgroundColor": { "control": "core/controls/color", "options": { "help_text": "Select the color and transparency for the widget's background.", "label": "Background Color", "default": "#ffff" } }, "componentsStructure": { "control": "core/controls/orderPicker", "access": 1, "options": { "help_text": "Select the order in which the elements appear and which of them should be visible.", "label": "Player Structure", "default": { "visualiser": { "enabled": true, "order": 1 }, "playlist": { "enabled": true, "order": 2 }, "progressbar": { "enabled": true, "order": 3 } }, "options": [ { "label": "Visualiser", "value": "visualiser" }, { "label": "Playlist", "value": "playlist" }, { "label": "Progress Bar", "value": "progressbar" } ] } }, "scrollColor": { "control": "core/controls/color", "options": { "help_text": "Select the color and transparency for the scroll.", "label": "Scroll Color", "default": "#fff", "alpha": false } }, "scrollPosition": { "control": "core/controls/toggle", "options": { "help_text": "Set the position of the scroll bar.", "label": "Scroll Position", "values_labels": { "true": "Left", "false": "Right" }, "default": false } } }, "Playback": { "autoAdvance": { "control": "core/controls/toggle", "access": 1, "options": { "help_text": "If true, when reaching the end of a song, the next one starts automatically. This feature is not available on mobile browsers.", "label": "Playlist Autoadvance", "default": true } }, "loopPlaylist": { "control": "core/controls/toggle", "access": 1, "options": { "help_text": "If true, when reaching the end, the playlist starts over again.", "label": "Playlist Loop", "default": false } }, "shuffle": { "control": "core/controls/toggle", "access": 1, "options": { "help_text": "If true, the songs will play in a random order.", "label": "Shuffle", "default": false } } }, "Progress": { "progressColor": { "control": "core/controls/color", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Select the color and transparency for the progress bar.", "label": "Background Color", "default": "#fff" } }, "progressHeight": { "control": "core/controls/stepper", "access": 1, "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set the progress bar's height.", "label": "Height", "default": 1, "unit": " px", "min": 10, "max": 200 } }, "displayToggleButton": { "control": "core/controls/toggle", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set visibility of the toggle button.", "label": "Display Toggle Button", "default": true } }, "progressDistanceBetween": { "control": "core/controls/stepper", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set the distance between the progress bar elements.", "label": "Elements Padding", "default": 0, "unit": " px", "min": 0, "max": 200 } }, "progressBarHeight": { "control": "core/controls/stepper", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set the progress bar\u2019s height.", "label": "Bar Height", "default": 1, "unit": " px", "min": 0, "max": 100 } }, "playedProgressBarColor": { "control": "core/controls/color", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Select the color and transparency for the played progress bar.", "label": "Played Bar Color", "default": "#fff" } }, "bufferedProgressBarColor": { "control": "core/controls/color", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Select the color and transparency for the progress bar's buffer.", "label": "Buffered Bar Color", "default": "#fff" } }, "scrubThickness": { "control": "core/controls/stepper", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set the scrub thickness.", "label": "Scrub Thickness", "default": 1, "unit": " px", "min": 0, "max": 50 } }, "scrubHeight": { "control": "core/controls/stepper", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Set the scrub height.", "label": "Scrub Height", "default": 1, "unit": " px", "min": 0, "max": 50 } }, "scrubColor": { "control": "core/controls/color", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Select the color and transparency for the scrub.", "label": "Scrub Color", "default": "#fff" } }, "scrubHoverColor": { "control": "core/controls/color", "if": { "componentsStructure:progressbar:enabled": true }, "options": { "help_text": "Select the color and transparency for the scrub, on mouse hover.", "label": "Scrub Hover Color", "default": "#fff" } } }, "Playlist": { "playlistSidesPadding": { "control": "core/controls/stepper", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Set the distance between the playlist and the left and right margins of the widget.", "label": "Playlist Sides Margin", "default": 0, "unit": " px", "min": 0, "max": 50 } }, "playlistPadding": { "control": "core/controls/stepper", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Set the distance between the playlist and the top and bottom margins of the widget.", "label": "Playlist Height Margin", "default": 0, "unit": " px", "min": 0, "max": 50 } }, "itemsHeight": { "control": "core/controls/stepper", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the height of the individual items in the playlist.", "label": "Item Height", "default": 50, "unit": " px", "min": 20, "max": 250 } }, "itemsStructure": { "control": "core/controls/orderPicker", "if": { "componentsStructure:playlist:enabled": true }, "access": 1, "options": { "help_text": "Select the order in which the elements appear and which of them should be visible.", "label": "Item Elements Structure", "default": { "number": { "enabled": true, "order": 1 }, "title": { "enabled": true, "order": 2 }, "button": { "enabled": true, "order": 3 }, "timer": { "enabled": true, "order": 4 } }, "options": [ { "label": "Number", "value": "number" }, { "label": "Title", "value": "title" }, { "label": "Play/Pause button", "value": "button" }, { "label": "Timer", "value": "timer" } ] } }, "distanceBetweenItems": { "control": "core/controls/stepper", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Set the distance between the number, titles and button.", "label": "Elements Padding", "default": 10, "unit": " px", "min": 0, "max": 50 } }, "separatorLineThickness": { "control": "core/controls/stepper", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the thickness for the separator line.", "label": "Separator Line Thickness", "default": 1, "unit": " px", "min": 0, "max": 10 } }, "separatorLineColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the color and transparency for the separator line.", "label": "Separator Line Color", "default": "#000" } }, "itemBackgroundColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the color and transparency for the item's background.", "label": "Item Background Color", "default": "#fff" } }, "itemHoverBackgroundColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the color and transparency for the item's hover background.", "label": "Hover Background Color", "default": "#fff" } }, "selectedBackgroundColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the color and transparency for the selected items background.", "label": "Selected Background Color", "default": "#000000" } }, "selectedItemColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true }, "options": { "help_text": "Select the color and transparency for the selected item.", "label": "Elements Selected Color", "default": "#ffffff" } }, "titleFontStyle": { "control": "core/controls/font", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:title:enabled": true }, "options": { "label": "Title Font Style", "family": "Roboto", "style": "regular", "help_text": "Set the font style for the title text.", "size": { "default": 13, "unit": " px", "min": 8, "max": 60 } } }, "titleColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:title:enabled": true }, "options": { "help_text": "Select the color and transparency for the title.", "label": "Title Color", "default": "#000000" } }, "titleHoverColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:title:enabled": true }, "options": { "help_text": "Select the color and transparency for the title on mouse hover.", "label": "Title Hover Color", "default": "#eeeeee" } }, "iconSize": { "control": "core/controls/slider", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:button:enabled": true }, "options": { "help_text": "Set the play / pause icon size.", "label": "Play Icon Size", "default": 50, "unit": " %", "min": 0, "max": 100 } }, "iconColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:button:enabled": true }, "options": { "help_text": "Select the color and transparency for the button\u2019s icon.", "label": "Play Icon Color", "default": "#fff" } }, "iconHoverColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:button:enabled": true }, "options": { "help_text": "Select the color and transparency for the button\u2019s icon, on mouse hover.", "label": "Play Hover Color", "default": "#000" } }, "numbersFontStyle": { "control": "core/controls/font", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:number:enabled": true }, "options": { "help_text": "Set the font style for the timer text.", "label": "Number Font Style", "family": "Roboto", "style": "regular", "size": { "default": 13, "unit": " px", "min": 8, "max": 60 } } }, "numbersColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:number:enabled": true }, "options": { "help_text": "Select the color and transparency for the item numbers.", "label": "Number Color", "default": "#ffffff" } }, "numbersHoverColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:number:enabled": true }, "options": { "help_text": "Select the color and transparency for the item numbers on mouse hover.", "label": "Number Hover Color", "default": "#ffffff" } }, "timerFontStyle": { "control": "core/controls/font", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:timer:enabled": true }, "options": { "help_text": "Set the font style for the timer text.", "label": "Timer Font Style", "family": "Roboto", "style": "regular", "size": { "default": 13, "unit": " px", "min": 0, "max": 60 } } }, "timerColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:timer:enabled": true }, "options": { "help_text": "Select the color and transparency for the timer.", "label": "Timer Color", "default": "#ffffff" } }, "timerHoverColor": { "control": "core/controls/color", "if": { "componentsStructure:playlist:enabled": true, "itemsStructure:timer:enabled": true }, "options": { "help_text": "Select the color and transparency for the timer on mouse hover.", "label": "Timer Hover Color", "default": "#ffffff" } } }, "Visualiser": { "visualiserSize": { "control": "core/controls/slider", "if": { "componentsStructure:visualiser:enabled": true }, "access": 1, "options": { "help_text": "Set the size of the visualiser.", "label": "Visualiser Height", "default": 60, "unit": " %", "min": 0, "max": 100 } }, "visualiserBackgroundColor": { "control": "core/controls/color", "if": { "componentsStructure:visualiser:enabled": true }, "options": { "help_text": "Select the color and transparency for the widget's visualiser.", "label": "Background Color", "default": "#ffffff" } }, "visualiserColor": { "control": "core/controls/color", "if": { "componentsStructure:visualiser:enabled": true }, "options": { "help_text": "Select the color and transparency for the visualiser.", "label": "Visualiser Color", "default": "#fff" } }, "dotWidth": { "control": "core/controls/stepper", "if": { "componentsStructure:visualiser:enabled": true }, "access": 1, "options": { "help_text": "Set the width of the dots.", "label": "Dot Width", "default": 1, "unit": " px", "min": 1, "max": 50 } }, "dotHeight": { "control": "core/controls/stepper", "if": { "componentsStructure:visualiser:enabled": true }, "access": 1, "options": { "help_text": "Set the height of the dots.", "label": "Dot Height", "default": 1, "unit": " px", "min": 1, "max": 50 } }, "dotPadding": { "control": "core/controls/stepper", "if": { "componentsStructure:visualiser:enabled": true }, "access": 1, "options": { "help_text": "Select the padding between the dots.", "label": "Dot Padding", "default": 0, "unit": " px", "min": 0, "max": 5 } } } } }, "skins": [ { "name": "Playlist with Visualiser", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(38, 36, 36)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "#e75b39", "progressBarHeight": 2, "playedProgressBarColor": "#fff", "bufferedProgressBarColor": "#fff", "scrubThickness": 4, "scrubHeight": 10, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgb(56, 56, 56)", "visualiserSize": 33.962264150943, "visualiserColor": "rgb(90, 244, 178)", "dotWidth": 5, "dotHeight": 1, "dotPadding": 3, "iconSize": "65", "iconColor": "rgb(90, 244, 178)", "iconHoverColor": "rgb(56, 56, 56)", "itemsStructure": { "button": { "order": 1, "enabled": true }, "number": { "order": 2, "enabled": true }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 0, "itemsHeight": 23, "distanceBetweenItems": 2, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "rgb(56, 56, 56)", "titleHoverColor": "rgb(56, 56, 56)", "titleFontStyle": { "family": "Roboto", "size": 14, "style": "regular", "source": "google", "category": "sans-serif" }, "timerColor": "rgb(56, 56, 56)", "timerHoverColor": "rgb(56, 56, 56)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(56, 56, 56)", "numbersHoverColor": "#000", "numbersFontStyle": { "family": "Roboto", "size": 14, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(90, 244, 178)", "selectedBackgroundColor": "rgb(56, 56, 56)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-1_5613a58909c7e2f86c8b456b" }, { "name": "Complete Audio Player", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(50, 51, 51)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(223, 223, 223)", "scrollPosition": true, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "rgb(231, 91, 57)", "progressBarHeight": 2, "playedProgressBarColor": "rgb(255, 255, 255)", "bufferedProgressBarColor": "rgb(255, 255, 255)", "scrubThickness": 4, "scrubHeight": 12, "scrubColor": "rgb(255, 255, 255)", "scrubHoverColor": "rgb(50, 51, 51)", "visualiserBackgroundColor": "rgba(50, 51, 51, 0)", "visualiserSize": 32.075471698113, "visualiserColor": "rgb(255, 255, 255)", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "42", "iconColor": "rgb(0, 0, 0)", "iconHoverColor": "rgb(236, 87, 77)", "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 4, "enabled": true }, "timer": { "order": 3, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgb(235, 235, 235)", "separatorLineThickness": 1, "itemsHeight": 50, "distanceBetweenItems": 9, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(247, 247, 247)", "titleColor": "rgb(50, 51, 51)", "titleHoverColor": "rgb(236, 87, 77)", "titleFontStyle": { "family": "Maven Pro", "size": 18, "style": "regular", "source": "google", "category": "sans-serif" }, "timerColor": "rgb(50, 51, 51)", "timerHoverColor": "rgb(236, 87, 77)", "timerFontStyle": { "family": "Arial", "size": 18, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(50, 51, 51)", "numbersHoverColor": "rgb(236, 87, 77)", "numbersFontStyle": { "family": "Roboto", "size": 17, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 255, 255)", "selectedBackgroundColor": "rgb(50, 51, 51)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-2_5613a58909c7e2f86c8b456b" }, { "name": "Black & White Visualiser", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgba(255, 255, 255, 0.96)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": false }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(255, 255, 255)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 24, "progressColor": "rgb(255, 255, 255)", "progressBarHeight": 2, "playedProgressBarColor": "rgb(0, 0, 0)", "bufferedProgressBarColor": "rgb(0, 0, 0)", "scrubThickness": 2, "scrubHeight": 9, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgb(255, 255, 255)", "visualiserSize": 100, "visualiserColor": "rgb(0, 0, 0)", "dotWidth": 1, "dotHeight": 1, "dotPadding": 1, "iconSize": "100", "iconColor": "rgb(255, 255, 255)", "iconHoverColor": "#000", "itemsStructure": { "number": { "order": 1, "enabled": false }, "title": { "order": 2, "enabled": false }, "button": { "order": 3, "enabled": false }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 15, "separatorLineColor": "#ebebeb", "separatorLineThickness": 1, "itemsHeight": 20, "distanceBetweenItems": 10, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "#000000", "titleHoverColor": "rgb(0, 0, 0)", "titleFontStyle": { "family": "Arial", "size": 10, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(0, 0, 0)", "numbersHoverColor": "#000", "numbersFontStyle": { "family": "Arial", "size": 10, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "#ffffff", "selectedBackgroundColor": "#000000", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-3_5613a58909c7e2f86c8b456b" }, { "name": "Progress", "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(237, 237, 237)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": false }, "progressbar": { "order": 3, "enabled": true } }, "visualiserSize": 32.075471698113, "progressHeight": 50, "scrollColor": "rgb(223, 223, 223)", "scrollPosition": true, "displayToggleButton": true, "progressDistanceBetween": 20, "progressBarHeight": 30, "progressColor": "rgb(237, 237, 237)", "playedProgressBarColor": "rgb(0, 130, 255)", "bufferedProgressBarColor": "rgb(217, 218, 217)", "scrubThickness": 0, "scrubHeight": 0, "scrubColor": "rgb(0, 180, 137)", "scrubHoverColor": "rgb(0, 180, 137)", "playlistSidesPadding": 0, "playlistPadding": 0, "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "distanceBetweenItems": 0, "itemsHeight": 50, "separatorLineThickness": 1, "separatorLineColor": "rgb(235, 235, 235)", "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(247, 247, 247)", "selectedItemColor": "rgb(255, 255, 255)", "selectedBackgroundColor": "rgb(50, 51, 51)", "titleColor": "rgb(50, 51, 51)", "titleHoverColor": "rgb(50, 51, 51)", "titleFontStyle": { "family": "Maven Pro", "size": 18, "style": "regular", "source": "google", "category": "sans-serif" }, "iconSize": "42", "iconColor": "rgb(236, 87, 77)", "iconHoverColor": "rgb(236, 87, 77)", "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(231, 91, 57)", "numbersHoverColor": "rgb(231, 91, 57)", "numbersFontStyle": { "family": "Roboto", "size": 14, "style": "regular", "source": "google", "category": "sans-serif" }, "visualiserBackgroundColor": "rgba(50, 51, 51, 0)", "visualiserColor": "rgb(255, 255, 255)", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "autoStartPlayer": false, "autoAdvance": true, "loopPlaylist": false, "shuffle": false, "id": "p-17_5613a58909c7e2f86c8b456b" }, { "name": "Simple Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(67, 67, 67)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "rgb(0, 105, 217)", "progressBarHeight": 2, "playedProgressBarColor": "#fff", "bufferedProgressBarColor": "#fff", "scrubThickness": 4, "scrubHeight": 10, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 20, "visualiserColor": "#000", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "50", "iconColor": "#e75b39", "iconHoverColor": "#000", "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 3, "enabled": false }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgb(238, 242, 252)", "separatorLineThickness": 1, "itemsHeight": 33, "distanceBetweenItems": 4, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(247, 249, 252)", "titleColor": "#000000", "titleHoverColor": "rgb(0, 105, 217)", "titleFontStyle": { "family": "Arial", "size": 16, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "#000000", "timerHoverColor": "rgb(0, 105, 217)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(0, 105, 217)", "numbersHoverColor": "rgb(0, 105, 217)", "numbersFontStyle": { "family": "Arial", "size": 15, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "#ffffff", "selectedBackgroundColor": "rgb(0, 105, 217)", "autoStartPlayer": false, "loopPlaylist": true, "shuffle": false, "id": "p-4_5613a58909c7e2f86c8b456b" }, { "name": "Playlist with Progress", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(38, 36, 36)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 30, "progressColor": "rgb(236, 87, 77)", "progressBarHeight": 2, "playedProgressBarColor": "#fff", "bufferedProgressBarColor": "#fff", "scrubThickness": 4, "scrubHeight": 10, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 20, "visualiserColor": "#000", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "50", "iconColor": "rgb(236, 87, 77)", "iconHoverColor": "rgb(236, 87, 77)", "itemsStructure": { "number": { "order": 1, "enabled": false }, "button": { "order": 2, "enabled": true }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgb(247, 234, 234)", "separatorLineThickness": 1, "itemsHeight": 40, "distanceBetweenItems": 7, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgba(255, 249, 249, 0.3)", "titleColor": "#000000", "titleHoverColor": "rgb(143, 69, 51)", "titleFontStyle": { "family": "Roboto", "size": 15, "style": "regular", "source": "google", "category": "sans-serif" }, "timerColor": "#000000", "timerHoverColor": "rgb(143, 69, 51)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(30, 14, 10)", "numbersHoverColor": "#000", "numbersFontStyle": { "family": "Roboto", "size": 13, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(236, 87, 77)", "selectedBackgroundColor": "rgb(255, 249, 249)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-5_5613a58909c7e2f86c8b456b" }, { "name": "Integrated Visualiser", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(239, 243, 246)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(70, 70, 152)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 10, "progressColor": "rgb(255, 255, 255)", "progressBarHeight": 10, "playedProgressBarColor": "rgb(141, 141, 241)", "bufferedProgressBarColor": "rgb(239, 243, 246)", "scrubThickness": 0, "scrubHeight": 0, "scrubColor": "#fff", "scrubHoverColor": "rgba(255, 255, 255, 0.6)", "visualiserBackgroundColor": "rgba(236, 87, 77, 0)", "visualiserSize": 15.566037735849, "visualiserColor": "rgb(255, 255, 255)", "dotWidth": 1, "dotHeight": 4, "dotPadding": 0, "iconSize": "47", "iconColor": "rgb(158, 158, 240)", "iconHoverColor": "rgb(158, 158, 240)", "itemsStructure": { "button": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "number": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": false } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 0, "itemsHeight": 31, "distanceBetweenItems": 12, "itemBackgroundColor": "rgb(255, 255, 255)", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "rgb(56, 56, 56)", "titleHoverColor": "rgb(158, 158, 240)", "titleFontStyle": { "family": "Arial", "size": 15, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(158, 158, 240)", "numbersHoverColor": "rgb(158, 158, 240)", "numbersFontStyle": { "family": "Courier New", "size": 11, "style": "regular", "source": "local", "category": "monospace" }, "selectedItemColor": "rgb(255, 255, 255)", "selectedBackgroundColor": "rgb(158, 158, 240)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-6_5613a58909c7e2f86c8b456b" }, { "name": "Red Visualiser", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(38, 36, 36)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "#e75b39", "progressBarHeight": 2, "playedProgressBarColor": "#fff", "bufferedProgressBarColor": "#fff", "scrubThickness": 4, "scrubHeight": 10, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgb(255, 255, 255)", "visualiserSize": 36.792452830189, "visualiserColor": "rgb(255, 0, 0)", "dotWidth": 1, "dotHeight": 1, "dotPadding": 1, "iconSize": "52.5", "iconColor": "rgb(90, 244, 178)", "iconHoverColor": "rgb(56, 56, 56)", "itemsStructure": { "number": { "order": 1, "enabled": true }, "button": { "order": 2, "enabled": false }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 0, "itemsHeight": 23, "distanceBetweenItems": 3, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "rgb(56, 56, 56)", "titleHoverColor": "rgb(56, 56, 56)", "titleFontStyle": { "family": "Roboto", "size": 13, "style": "regular", "source": "google", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(56, 56, 56)", "numbersHoverColor": "rgb(255, 0, 0)", "numbersFontStyle": { "family": "Roboto", "size": 13, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 0, 0)", "selectedBackgroundColor": "rgb(255, 255, 255)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-7_5613a58909c7e2f86c8b456b" }, { "name": "Playlist with Toggle", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(64, 64, 64)", "scrollPosition": true, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 30, "progressColor": "rgba(255, 255, 255, 0.64)", "progressBarHeight": 22, "playedProgressBarColor": "rgb(190, 235, 159)", "bufferedProgressBarColor": "rgba(239, 250, 231, 0.86)", "scrubThickness": 0, "scrubHeight": 22, "scrubColor": "rgb(190, 235, 159)", "scrubHoverColor": "rgb(190, 235, 159)", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 20, "visualiserColor": "#000", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "71.5", "iconColor": "rgb(236, 87, 77)", "iconHoverColor": "rgb(236, 87, 77)", "itemsStructure": { "number": { "order": 1, "enabled": false }, "button": { "order": 2, "enabled": false }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgba(190, 235, 159, 0.49)", "separatorLineThickness": 1, "itemsHeight": 64, "distanceBetweenItems": 7, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgba(190, 235, 159, 0.1)", "titleColor": "rgb(10, 67, 20)", "titleHoverColor": "rgb(23, 124, 41)", "titleFontStyle": { "family": "Roboto", "size": 15, "style": "regular", "source": "google", "category": "sans-serif" }, "timerColor": "rgb(10, 67, 20)", "timerHoverColor": "rgb(23, 124, 41)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(64, 64, 64)", "numbersHoverColor": "rgb(64, 64, 64)", "numbersFontStyle": { "family": "Roboto", "size": 13, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 255, 157)", "selectedBackgroundColor": "rgb(0, 163, 136)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-8_5613a58909c7e2f86c8b456b" }, { "name": "Card Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 238, 173)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(255, 111, 105)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 29, "progressColor": "rgba(255, 255, 255, 0)", "progressBarHeight": 14, "playedProgressBarColor": "rgb(255, 111, 105)", "bufferedProgressBarColor": "rgba(255, 97, 56, 0.15)", "scrubThickness": 0, "scrubHeight": 22, "scrubColor": "rgb(255, 111, 105)", "scrubHoverColor": "rgb(255, 97, 56)", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 33.490566037736, "visualiserColor": "rgb(143, 79, 31)", "dotWidth": 6, "dotHeight": 1, "dotPadding": 4, "iconSize": "27", "iconColor": "rgb(5, 5, 5)", "iconHoverColor": "rgb(5, 5, 5)", "itemsStructure": { "number": { "order": 1, "enabled": false }, "button": { "order": 2, "enabled": true }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 16, "separatorLineColor": "rgba(0, 0, 0, 0.2)", "separatorLineThickness": 0, "itemsHeight": 20, "distanceBetweenItems": 5, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgba(253, 253, 253, 0.8)", "titleColor": "rgb(62, 69, 76)", "titleHoverColor": "rgb(62, 69, 76)", "titleFontStyle": { "family": "Courier New", "size": 14, "style": "regular", "source": "local", "category": "monospace" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(64, 64, 64)", "numbersHoverColor": "rgb(64, 64, 64)", "numbersFontStyle": { "family": "Roboto", "size": 10, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 238, 173)", "selectedBackgroundColor": "rgba(5, 5, 5, 0.45)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-9_5613a58909c7e2f86c8b456b" }, { "name": "Visualiser with Progress", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(35, 35, 35)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": false }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(255, 255, 255)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 32, "progressColor": "rgb(201, 27, 1)", "progressBarHeight": 2, "playedProgressBarColor": "rgb(255, 255, 255)", "bufferedProgressBarColor": "rgb(255, 255, 255)", "scrubThickness": 3, "scrubHeight": 16, "scrubColor": "rgb(255, 255, 255)", "scrubHoverColor": "rgba(255, 255, 255, 0.65)", "visualiserBackgroundColor": "rgba(48, 40, 42, 0)", "visualiserSize": 100, "visualiserColor": "rgb(176, 191, 192)", "dotWidth": 10, "dotHeight": 4, "dotPadding": 2, "iconSize": "100", "iconColor": "rgb(255, 255, 255)", "iconHoverColor": "#000", "itemsStructure": { "number": { "order": 1, "enabled": false }, "title": { "order": 2, "enabled": false }, "button": { "order": 3, "enabled": false }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 1, "itemsHeight": 20, "distanceBetweenItems": 10, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "#000000", "titleHoverColor": "rgb(0, 0, 0)", "titleFontStyle": { "family": "Arial", "size": 10, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(0, 0, 0)", "numbersHoverColor": "#000", "numbersFontStyle": { "family": "Arial", "size": 10, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "#ffffff", "selectedBackgroundColor": "#000000", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-10_5613a58909c7e2f86c8b456b" }, { "name": "Large Scrub", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgba(255, 255, 255, 0.96)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(27, 153, 247)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "rgb(0, 0, 0)", "progressBarHeight": 2, "playedProgressBarColor": "rgb(0, 0, 0)", "bufferedProgressBarColor": "rgb(0, 0, 0)", "scrubThickness": 3, "scrubHeight": 50, "scrubColor": "rgb(255, 255, 255)", "scrubHoverColor": "rgb(27, 153, 247)", "visualiserBackgroundColor": "rgb(0, 48, 90)", "visualiserSize": 20.283018867925, "visualiserColor": "rgb(122, 186, 242)", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "100", "iconColor": "rgb(255, 255, 255)", "iconHoverColor": "#000", "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 3, "enabled": false }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgb(235, 235, 235)", "separatorLineThickness": 1, "itemsHeight": 22, "distanceBetweenItems": 2, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgb(255, 255, 255)", "titleColor": "#000000", "titleHoverColor": "rgb(0, 0, 0)", "titleFontStyle": { "family": "Arial", "size": 10, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(0, 0, 0)", "numbersHoverColor": "rgb(27, 153, 247)", "numbersFontStyle": { "family": "Arial", "size": 22, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "#ffffff", "selectedBackgroundColor": "#000000", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-11_5613a58909c7e2f86c8b456b" }, { "name": "Blue Visualiser & Progress", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(255, 255, 255)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": false }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(6, 104, 255)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 20, "progressColor": "rgba(255, 255, 255, 0)", "progressBarHeight": 3, "playedProgressBarColor": "rgb(6, 104, 255)", "bufferedProgressBarColor": "rgba(6, 104, 255, 0.16)", "scrubThickness": 0, "scrubHeight": 1, "scrubColor": "rgb(255, 111, 105)", "scrubHoverColor": "rgb(255, 97, 56)", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 100, "visualiserColor": "rgb(6, 104, 255)", "dotWidth": 6, "dotHeight": 1, "dotPadding": 4, "iconSize": "27", "iconColor": "rgb(5, 5, 5)", "iconHoverColor": "rgb(5, 5, 5)", "itemsStructure": { "number": { "order": 1, "enabled": false }, "button": { "order": 2, "enabled": true }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgba(0, 0, 0, 0.2)", "separatorLineThickness": 0, "itemsHeight": 20, "distanceBetweenItems": 5, "itemBackgroundColor": "#fff", "itemHoverBackgroundColor": "rgba(253, 253, 253, 0.8)", "titleColor": "rgb(62, 69, 76)", "titleHoverColor": "rgb(62, 69, 76)", "titleFontStyle": { "family": "Courier New", "size": 14, "style": "regular", "source": "local", "category": "monospace" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(64, 64, 64)", "numbersHoverColor": "rgb(64, 64, 64)", "numbersFontStyle": { "family": "Roboto", "size": 10, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 238, 173)", "selectedBackgroundColor": "rgba(5, 5, 5, 0.45)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-12_5613a58909c7e2f86c8b456b" }, { "name": "Blue Visualiser & Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(26, 50, 52)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(70, 70, 152)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 25, "progressColor": "rgba(67, 220, 246, 0)", "progressBarHeight": 6, "playedProgressBarColor": "rgb(67, 220, 246)", "bufferedProgressBarColor": "rgb(67, 220, 246)", "scrubThickness": 0, "scrubHeight": 0, "scrubColor": "#fff", "scrubHoverColor": "rgba(255, 255, 255, 0.6)", "visualiserBackgroundColor": "rgba(255, 255, 255, 0)", "visualiserSize": 33.962264150943, "visualiserColor": "rgb(67, 220, 246)", "dotWidth": 1, "dotHeight": 1, "dotPadding": 1, "iconSize": "47", "iconColor": "rgb(67, 220, 246)", "iconHoverColor": "rgb(67, 220, 246)", "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 0, "itemsHeight": 31, "distanceBetweenItems": 4, "itemBackgroundColor": "rgb(26, 50, 52)", "itemHoverBackgroundColor": "rgb(26, 50, 52)", "titleColor": "rgb(67, 220, 246)", "titleHoverColor": "rgb(255, 255, 255)", "titleFontStyle": { "family": "Arial", "size": 15, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(67, 220, 246)", "numbersHoverColor": "rgb(67, 220, 246)", "numbersFontStyle": { "family": "Arial", "size": 13, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "rgb(255, 255, 255)", "selectedBackgroundColor": "rgb(26, 50, 52)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-13_5613a58909c7e2f86c8b456b" }, { "name": "Gray Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(239, 239, 239)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(38, 36, 36)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 10, "progressColor": "rgb(239, 239, 239)", "progressBarHeight": 10, "playedProgressBarColor": "rgb(246, 246, 246)", "bufferedProgressBarColor": "rgb(255, 255, 255)", "scrubThickness": 2, "scrubHeight": 10, "scrubColor": "rgb(150, 150, 150)", "scrubHoverColor": "rgb(40, 40, 226)", "visualiserBackgroundColor": "rgb(239, 239, 239)", "visualiserSize": 48.584905660377, "visualiserColor": "rgb(150, 150, 150)", "dotWidth": 1, "dotHeight": 1, "dotPadding": 2, "iconSize": "48.5", "iconColor": "rgb(56, 56, 56)", "iconHoverColor": "rgb(40, 40, 226)", "itemsStructure": { "button": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "number": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "#ebebeb", "separatorLineThickness": 0, "itemsHeight": 29, "distanceBetweenItems": 2, "itemBackgroundColor": "rgb(239, 239, 239)", "itemHoverBackgroundColor": "rgb(239, 239, 239)", "titleColor": "rgb(56, 56, 56)", "titleHoverColor": "rgb(40, 40, 226)", "titleFontStyle": { "family": "Arial", "size": 16, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(56, 56, 56)", "timerHoverColor": "rgb(40, 40, 226)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(56, 56, 56)", "numbersHoverColor": "rgb(40, 40, 226)", "numbersFontStyle": { "family": "Roboto", "size": 13, "style": "regular", "source": "google", "category": "sans-serif" }, "selectedItemColor": "rgb(40, 40, 226)", "selectedBackgroundColor": "rgb(239, 239, 239)", "autoStartPlayer": false, "loopPlaylist": false, "shuffle": false, "id": "p-14_5613a58909c7e2f86c8b456b" }, { "name": "Basic Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(246, 248, 241)", "componentsStructure": { "visualiser": { "order": 1, "enabled": false }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": false } }, "scrollColor": "rgb(6, 3, 41)", "scrollPosition": false, "displayToggleButton": false, "progressDistanceBetween": 20, "progressHeight": 50, "progressColor": "#e75b39", "progressBarHeight": 2, "playedProgressBarColor": "#fff", "bufferedProgressBarColor": "#fff", "scrubThickness": 4, "scrubHeight": 10, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 20, "visualiserColor": "#000", "dotWidth": 2, "dotHeight": 2, "dotPadding": 2, "iconSize": "50", "iconColor": "rgb(6, 3, 41)", "iconHoverColor": "rgb(0, 105, 217)", "itemsStructure": { "button": { "order": 1, "enabled": true }, "number": { "order": 2, "enabled": false }, "title": { "order": 3, "enabled": true }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 0, "separatorLineColor": "rgb(60, 106, 246)", "separatorLineThickness": 0, "itemsHeight": 40, "distanceBetweenItems": 2, "itemBackgroundColor": "rgb(246, 248, 241)", "itemHoverBackgroundColor": "rgb(246, 248, 241)", "titleColor": "rgb(6, 3, 41)", "titleHoverColor": "rgb(0, 105, 217)", "titleFontStyle": { "family": "Fira Sans", "size": 18, "style": "300", "source": "google", "category": "sans-serif" }, "timerColor": "rgb(6, 3, 41)", "timerHoverColor": "rgb(0, 105, 217)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(0, 105, 217)", "numbersHoverColor": "rgb(0, 105, 217)", "numbersFontStyle": { "family": "Arial", "size": 14, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "#ffffff", "selectedBackgroundColor": "rgb(0, 105, 217)", "autoStartPlayer": false, "loopPlaylist": true, "shuffle": false, "id": "p-15_5613a58909c7e2f86c8b456b" }, { "name": "Compact Playlist", "autoAdvance": true, "widget_id": "5613a58909c7e2f86c8b456b", "widgetBackgroundColor": "rgb(23, 24, 27)", "componentsStructure": { "visualiser": { "order": 1, "enabled": true }, "playlist": { "order": 2, "enabled": true }, "progressbar": { "order": 3, "enabled": true } }, "scrollColor": "rgb(255, 255, 255)", "scrollPosition": false, "displayToggleButton": true, "progressDistanceBetween": 20, "progressHeight": 33, "progressColor": "rgb(23, 24, 27)", "progressBarHeight": 25, "playedProgressBarColor": "rgb(244, 172, 0)", "bufferedProgressBarColor": "#fff", "scrubThickness": 0, "scrubHeight": 25, "scrubColor": "#fff", "scrubHoverColor": "#fff", "visualiserBackgroundColor": "rgba(0, 0, 0, 0)", "visualiserSize": 35.849056603774, "visualiserColor": "rgb(244, 172, 0)", "dotWidth": 1, "dotHeight": 1, "dotPadding": 1, "iconSize": "50", "iconColor": "#e75b39", "iconHoverColor": "#000", "itemsStructure": { "number": { "order": 1, "enabled": true }, "title": { "order": 2, "enabled": true }, "button": { "order": 3, "enabled": false }, "timer": { "order": 4, "enabled": true } }, "playlistSidesPadding": 0, "playlistPadding": 10, "separatorLineColor": "rgb(8, 8, 10)", "separatorLineThickness": 2, "itemsHeight": 24, "distanceBetweenItems": 5, "itemBackgroundColor": "rgb(23, 24, 27)", "itemHoverBackgroundColor": "rgb(53, 53, 53)", "titleColor": "rgb(255, 255, 255)", "titleHoverColor": "rgb(255, 255, 255)", "titleFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "timerColor": "rgb(255, 255, 255)", "timerHoverColor": "rgb(255, 255, 255)", "timerFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "numbersColor": "rgb(255, 255, 255)", "numbersHoverColor": "rgb(255, 255, 255)", "numbersFontStyle": { "family": "Arial", "size": 12, "style": "regular", "source": "local", "category": "sans-serif" }, "selectedItemColor": "rgb(23, 24, 27)", "selectedBackgroundColor": "rgb(244, 172, 0)", "autoStartPlayer": false, "loopPlaylist": true, "shuffle": false, "id": "p-16_5613a58909c7e2f86c8b456b" } ] }