Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. [Vorlage] Spotify Skript

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Vorlage] Spotify Skript

    This topic has been deleted. Only users with topic management privileges can see it.
    • Shakall74
      Shakall74 @dos1973 last edited by

      @dos1973 said in [Vorlage] Spotify Skript:

      Mach mal screenshot...

      d9d67cfc-ac71-4cf4-9399-2513e1b66d1d-grafik.png
      01d8034a-ffb5-43b5-bf12-6bcd337a0f3d-grafik.png

      1 Reply Last reply Reply Quote 0
      • D
        dos1973 last edited by dos1973

        sieht doch schon gut aus...

        hier sind die Bedienelemente. kopieren und als widget einfügen.
        die Schriftart habe ich wohl manuell gesetzt. Bei mir Jura-Demibold 18/20px

        zeig mal deine css Datei

        [{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.progress","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":""},"style":{"left":"788.0000152587891px","top":"442.00001525878906px","color":"#fff","font-size":"18px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"right","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplSpotifyPlayButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidplay":"spotify-premium.0.player.play","oidpause":"spotify-premium.0.player.pause","oidstate":"spotify-premium.0.player.isPlaying","colorplay":"green","colorpause":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"842.0000762939453px","top":"333.9791717529297px","width":"80px","height":"80px","z-index":"20","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyPreviousButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"spotify-premium.0.player.skipMinus","colorbox":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"754px","top":"353.9791717529297px","width":"40px","height":"40px","z-index":"5","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyNextButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"spotify-premium.0.player.skipPlus","colorbox":"white","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"965px","top":"353.9791717529297px","width":"40px","height":"40px","z-index":"5","opacity":"0.8"},"widgetSet":"spotify-premium"},{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.duration","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":""},"style":{"left":"884.0000762939453px","top":"442.00001525878906px","color":"#fff","font-size":"18px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"right","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"","html_prepend":">>>"},"style":{"left":"845px","top":"444.9792022705078px","color":"#fff","font-size":"14px","font-family":"Jura-DemiBold","width":"71px","height":"20px","text-align":"center","z-index":"10"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"\n<div style=\"width: 2px; background: #acacac; height: 300px; transform-origin: 100% 0;transform: rotate(-90deg); \"></div>"},"style":{"left":"730px","top":"475px","width":"300px","height":"12px","z-index":"20","opacity":"0.7","box-shadow":"","transform":"","background":""},"widgetSet":"basic"},{"tpl":"tplSpotifyRepeatButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidall":"spotify-premium.0.player.repeatContext","oidoff":"spotify-premium.0.player.repeatOff","oidone":"spotify-premium.0.player.repeatTrack","oidstate":"spotify-premium.0.player.repeat","coloroff":"white","colorall":"green","colorone":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"986px","top":"430px","width":"40px","height":"40px","z-index":"10"},"widgetSet":"spotify-premium"},{"tpl":"tplSpotifyShuffleButton","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oidon":"spotify-premium.0.player.shuffleOn","oidoff":"spotify-premium.0.player.shuffleOff","oidstate":"spotify-premium.0.player.shuffle","coloroff":"white","coloron":"green","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"734px","top":"430px","width":"40px","height":"40px","z-index":"10"},"widgetSet":"spotify-premium"},{"tpl":"tplJustgageJustGage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_tdp":false,"factor":"1","balance1":"0","balance2":"85","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"donut":true,"oid":"spotify-premium.0.player.progressPercentage","g_title1":false,"g_label":false,"gaugeWidthScale":"50","max_oid":"100","min_oid":"0","mid_oid":"","g_pointer":true,"g_shadow":true,"gaugeColor":"transparent","hideValue":true,"color1":"#1db954","color2":"#1db954","color3":"#89312a","noGradient":true,"sector1":"70","sector2":"95","pointer":false,"pointerMid":false,"pointerColor":"","shadowSize":"","shadowVerticalOffset":""},"style":{"left":"812.0000152587891px","top":"302.00001525878906px","width":"140px","height":"140px","z-index":"2"},"widgetSet":"justgage"},{"tpl":"tplValueString","data":{"oid":"spotify-premium.0.player.device.name","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"","html_append":"","class":"","visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","visibility-oid":""},"style":{"left":"763px","top":"479px","z-index":"10","width":"232px","height":"24px","color":"#fff","font-family":"Jura-DemiBold","font-size":"18px","line-height":"","text-align":"center"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"\n<div style=\"width: 2px; background: #acacac; height: 300px; transform-origin: 100% 0;transform: rotate(-90deg); \"></div>","visibility-oid":"javascript.0.spotify.spotify-support.devices_cover"},"style":{"left":"730px","top":"300px","width":"300px","height":"12px","z-index":"20","opacity":"0.7","box-shadow":"","transform":"","background":""},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"yamaha.0.input","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"!=","visibility-val":"stop","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"","html_prepend":"","class":"zentrieren"},"style":{"left":"981px","top":"479px","color":"#fff","font-size":"14px","font-family":"Jura-DemiBold","width":"51px","height":"23px","text-align":"right","z-index":"27","border-radius":"","border-width":"","background-color":""},"widgetSet":"basic"}]
        
        Shakall74 1 Reply Last reply Reply Quote 0
        • Shakall74
          Shakall74 @dos1973 last edited by Shakall74

          @dos1973 said in [Vorlage] Spotify Skript:

          sieht doch schon gut aus...
          hier sind die Bedienelemente. kopieren und als widget einfügen.
          die Schriftart habe ich wohl manuell gesetzt. Bei mir Jura-Demibold 18/20px
          zeig mal deine css Datei

          
          
          /*SPOTIFY*/
          
          /*css playliste*/
          
          .fixScroll > .vis-widget-body {
              position: absolute; /*Wichtig, muss absolute sein */
              width: 500px; /* hier deine Breite von deinem Widget */
              height: 500px; /* hier deine Höhe von deinem Widget */
              overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
          }
          .playlistList {
              width: 100%;
              padding-left:50px;
              font-size:22px;
              font-family:Jura-Medium;
          
          }
          .playlistList tr td {
              padding: 20px 0px;
          }
          #currentList {
              color: #1DB954;
          }
          .spotify-playlist-title {
              padding: 4px 5px;
              color: rgba(255,255,255,1);
          }
          
          
          /*css trackliste*/
          
          .fixScroll1 > .vis-widget-body {
              position: absolute; /*Wichtig, muss absolute sein */
              width: 550px; /* hier deine Breite von deinem Widget */
              height: 513px; /* hier deine Höhe von deinem Widget */
              overflow-y: scroll; /* hier wird der Container zu einem scrollbaren Bereich */
          }
          
          .tracklistList {
              width: 100%;
              padding-left: 50px;
              font-size:22px;
              font-family:Jura-Medium;
          }
          
          /*Abstand zwischen den Titeln*/
          .tracklistList tr td {
              padding: 7px 0px;
          }
          
          /*Abstand zwischen den Song und Artist*/
          .spotify-tracklist-title {
              padding: 4px 5px;
              color: rgba(255,255,255,1);
          }
          .spotify-tracklist-artist {
              padding: 0px 5px;
              font-size: 0.9em;
              color: rgba(255,255,255,0.8);
          }
          
          /*Darstellung Song und Artist*/
          #currentSong  {
              /*color: rgba(108,255,82,1);*/
              color:#1DB954;
          }
          #currentArtist {
          	/*color: rgba(108,255,82,0.6);*/
          	color:#ccc;
          
          }
          
          
          
          .button_style_spotify_box{
              padding-left:0px;
              padding-top:0px;
              border:#464646 solid 1px;
              border-bottom: #464646 solid 0px;
              border-top-right-radius:20px;
              border-top-left-radius:20px;
              box-shadow:3px 3px 12px 0 #161616;
              font-size:18px;
              font-family:Jura-Medium;
              color:#fff;
              box-sizing:border-box;
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
              opacity:0.7;
          
          }
          
          .button_style_spotify_btn {
              padding-left:0px;
              padding-top:0px;
              border:#464646 solid 1px;
          
              border-radius:4px;
              box-shadow:3px 3px 12px 0 #161616;
              font-size:18px;
              font-family:Jura-Medium;
              color:#fff;
              box-sizing:border-box;
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
          
          }
          
          .button_style_spotify_btn_aktiv{
              padding-left:0px;
              padding-top:0px;
              border:#464646 solid 1px;
              border-radius:4px;
               box-shadow:6px 6px 12px 0 #161616;
              font-size:20px;
              font-weight:bold;
              border-right-width: 4px;
              border-right-color:#1db954;
              font-family:Jura-Medium;
              color:#1db954;
              box-sizing:border-box;
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a5a5a), to(#000));
          }
          
          /*SPOTIFY*/
          

          Also die Buttons kommen trotzdem nicht 😞

          1 Reply Last reply Reply Quote 0
          • G
            Goldenbaum @skokarl last edited by

            @skokarl Hey erstmal vielen Dank für das View und auch kompliment für die umsetzung.

            Meine View sieht so aus.

            Muss ich hier noch alle verlinkungen anpassen?

            a803c129-d055-4bda-9a67-082622289087-grafik.png

            Vielen Dank

            S 1 Reply Last reply Reply Quote 0
            • S
              skokarl @Goldenbaum last edited by

              @Goldenbaum sagte in [Vorlage] Spotify Skript:

              @skokarl Hey erstmal vielen Dank für das View und auch kompliment für die umsetzung.

              Meine View sieht so aus.

              Muss ich hier noch alle verlinkungen anpassen?

              a803c129-d055-4bda-9a67-082622289087-grafik.png

              Vielen Dank

              Du verwechselst mich, ich hab hier keine View

              1 Reply Last reply Reply Quote 0
              • JB_Sullivan
                JB_Sullivan last edited by JB_Sullivan

                Hallo zusammen, ich glaube meine Frage ist hier besser aufgehoben.

                Ich komme einfach nicht weiter bei dem anlegen von Repeat und Shuffel Buttons, welche mir je nach Zustand diese Anzeige wieder zurück geben - also entweder durch aus-/einblenden des entsprechenden Buttons, oder hat durch einen Farbumschlag.

                Aktuell scheitere ich daran, das der Trigger den ich verwenden wollte nur Text Werte Ausgibt On(on) o.ä.

                Kann mir bitte jemand den richtigen Weg weisen? Vielen Dank.

                OK, Frage hat sich geklärt.

                1 Reply Last reply Reply Quote 0
                • M
                  M.Siemens last edited by

                  Moin,
                  der Adapter läuft fast Super. Ich habe das Problem, dass denn länger keine Musik abgespielt wurde, ich per IoBroker keine Wiedergabe starten kann. Erst wenn ich direkt per Spotify Musik abspiele, kann ich wieder alles über den Adapter machen.
                  Gibts da irgendwie einen Trick oder ne Verbindung die man neustarten kann?
                  Neustart der Instanz hat leider nichts gebracht.

                  1 Reply Last reply Reply Quote 0
                  • D
                    darkiop Most Active last edited by darkiop

                    Guten Abend,
                    bin gerade dabei Spotify zu integrieren. Soweit auch alles i.O. -allerdings schreibt der Adapter aktuell keine Playlists / Tracks in die HTML Objekte. Funktioniert das aktuell bei euch?

                    Edit: Nach Abspielen einer Liste mit dem Adapter wird auch das HTML Objekt befüllt.

                    1 Reply Last reply Reply Quote 0
                    • J
                      jwedenig Most Active last edited by

                      Hi!
                      Vielleicht kann mir hier wer helfen!
                      Ich versuche seit Tagen den Spotify Adapter zu installieren, ich mache alles nach Anweisung doch leider bleibt der Adapter gelb und die Authorization auf false.
                      Irgendwer eine Idee was ich machen könnte?
                      Danke
                      Liebe Grüße
                      Jürgen

                      1 Reply Last reply Reply Quote 0
                      • S
                        Stacho last edited by

                        Hallo Jürgen,

                        leider habe ich das gleiche Problem, aber es liegt an der "Redirect URIs", leider ist mir nicht klar, was man da eintragen muss. Bist du schon bei dir weiter gekommen?

                        Gruß Sven

                        J 1 Reply Last reply Reply Quote 0
                        • J
                          jwedenig Most Active @Stacho last edited by

                          @Stacho
                          Hi, leider nicht, aber dass nur 2 ein Problem haben?

                          J 1 Reply Last reply Reply Quote 0
                          • J
                            jwedenig Most Active last edited by

                            @Stacho
                            Hi Sven, geht es bei dir schon.?

                            1 Reply Last reply Reply Quote 0
                            • S
                              Schrubbel last edited by

                              Ich bekomme die Autorisierung auch nicht hin.

                              INVALID_CLIENT: Invalid redirect URI

                              Das ist meine Fehlermeldung, ich weiß aber auch nicht ob ich die richtige Url eingetragen habe.

                              1 Reply Last reply Reply Quote 0
                              • J
                                jwedenig Most Active @jwedenig last edited by

                                @Stacho
                                hey bei mir gehts jetzt!
                                schau mal hier: https://youtu.be/n0m9201qABU

                                Liebe Grüße
                                Jürgen

                                1 Reply Last reply Reply Quote 0
                                • Pat1968
                                  Pat1968 @Shakall74 last edited by

                                  @Shakall74

                                  Hallo

                                  Hab die rar datei runter geladen. Spotify adapter läuft. Aber bekomme es einfach nicht hin die rar datei in die Vis zu importieren. Kannst du mir Bitte mal genau sagen wie ich das hinkriegen kann? Die Datei hab ich in eine zip datei umgewandelt.

                                  Danke Dir

                                  S 1 Reply Last reply Reply Quote 0
                                  • S
                                    skokarl @Pat1968 last edited by

                                    @Pat1968
                                    Du hast ne rar in zip umgewandelt und willst nen zip file importieren ?

                                    Pat1968 1 Reply Last reply Reply Quote 0
                                    • Pat1968
                                      Pat1968 @skokarl last edited by

                                      @skokarl
                                      Nein
                                      Hab die rar entpackt und die darin enthaltene folder die ich brauch hab ich in zip umgewandelt.

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        martin @dos1973 last edited by

                                        @dos1973 said in [Vorlage] Spotify Skript:

                                        @sigi234

                                        hat doch eher geklappt... sollte jetzt alles dabei sein.

                                        Sag mal Bescheid ob es klappt.

                                        • das View als Widget importieren
                                          spotify_view.txt

                                        • Scripte (sind auf die DP des Adapters angepasst)
                                          script_playlist.txt
                                          script_tracklist.txt

                                        • css
                                          css_spotify.txt

                                        So, ich habe mich jetzt auch mal dran gesetzt.
                                        So weit so gut. Jetzt komme ich aber nicht weiter.
                                        Wo genau kommen "script_playlist" und "script_tracklist" hin?
                                        Und "css_spotify"??

                                        Helft mir da doch bitte mal weiter.

                                        AxelF1977 1 Reply Last reply Reply Quote 0
                                        • AxelF1977
                                          AxelF1977 @martin last edited by

                                          @martin sagte in [Vorlage] Spotify Skript:

                                          @dos1973 said in [Vorlage] Spotify Skript:

                                          @sigi234

                                          hat doch eher geklappt... sollte jetzt alles dabei sein.

                                          Sag mal Bescheid ob es klappt.

                                          • das View als Widget importieren
                                            spotify_view.txt

                                          • Scripte (sind auf die DP des Adapters angepasst)
                                            script_playlist.txt
                                            script_tracklist.txt

                                          • css
                                            css_spotify.txt

                                          So, ich habe mich jetzt auch mal dran gesetzt.
                                          So weit so gut. Jetzt komme ich aber nicht weiter.
                                          Wo genau kommen "script_playlist" und "script_tracklist" hin?
                                          Und "css_spotify"??

                                          Helft mir da doch bitte mal weiter.

                                          Hi,

                                          "script_playlist" und "script_tracklist" sind Scripte die in Javascriptadapter angelegt werden müssen, jeweils ein eigenes Script.

                                          Die Daten der "css_spotify" musst Du in VIS unter dem Punkt cc bei dem vorhandenen CCS hinzufügen.

                                          1 Reply Last reply Reply Quote 0
                                          • K
                                            klmf2 last edited by

                                            Nabend,
                                            ich würde gerne die Lautsprecher aus einem JavaScript heraus auswählen. Leider ändern sich ständig die Datenpunkte von den Geräten. Eigentlich bräuchte ich nur in Blocky z.B. den Punkt
                                            "spotify-premium.0.devices.c4a5a51c7568725824df916bac826e49f9c033e3.useForPlayback" mit Wahr ansteuern. Klappt auch soweit. Aber nach einiger Zeit (Tage/Stunden) ändert sich diese lange Zeichenkette und ich muss die Punkte neu verknüpfen.
                                            Kann man das irgendwie umgehen? Oder kann ich irgendwas machen, dass ich vielleicht den Namen ansteuern kann?
                                            Grüße und Frohe Weihnachten.

                                            W 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript
                                            95
                                            745
                                            190110
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo