diff --git a/platypush/backend/http/templates/plugins/music.snapcast.html b/platypush/backend/http/templates/plugins/music.snapcast.html
index e0faa2c7d..a23372c7a 100644
--- a/platypush/backend/http/templates/plugins/music.snapcast.html
+++ b/platypush/backend/http/templates/plugins/music.snapcast.html
@@ -3,14 +3,7 @@
 
 <script type="text/javascript">
     window.config = window.config || {};
-    window.config.snapcast_hosts = {};
-
-    hosts = JSON.parse('{{ utils.to_json(utils.get_plugin("music.snapcast").backend_hosts) | safe }}');
-    ports = JSON.parse('{{ utils.to_json(utils.get_plugin("music.snapcast").backend_ports) | safe }}');
-
-    for (var i=0; i < hosts.length; i++) {
-        window.config.snapcast_hosts[hosts[i]] = ports[i];
-    }
+    window.config.snapcast_hosts = JSON.parse('{{ utils.get_plugin("music.snapcast").backend_hosts_json | safe }}');
 </script>
 
 <div id="snapcast-host-modal" class="modal snapcast-modal">
diff --git a/platypush/plugins/music/snapcast.py b/platypush/plugins/music/snapcast.py
index 384af966b..712259d60 100644
--- a/platypush/plugins/music/snapcast.py
+++ b/platypush/plugins/music/snapcast.py
@@ -36,8 +36,12 @@ class MusicSnapcastPlugin(Plugin):
         self._latest_req_id_lock = threading.RLock()
 
         backend = get_backend('music.snapcast')
-        self.backend_hosts = backend.hosts if backend else [self.host]
-        self.backend_ports = backend.ports if backend else [self.port]
+        backend_hosts = backend.hosts if backend else [self.host]
+        backend_ports = backend.ports if backend else [self.port]
+        self.backend_hosts_json = json.dumps({
+            backend_hosts[i]: backend_ports[i]
+            for i in range(len(backend_hosts))
+        })
 
     def _get_req_id(self):
         with self._latest_req_id_lock: