diff --git a/web-service/server/src/public/js/bundle.js b/web-service/server/src/public/js/bundle.js
index 6089b868062db3550e78f6cc1099df28f284b77b..94fe5b00e22e7163d85aff762a37e0ecae53442c 100644
--- a/web-service/server/src/public/js/bundle.js
+++ b/web-service/server/src/public/js/bundle.js
@@ -4711,23 +4711,24 @@ const cardLogic = () => {
 configs = () => {
     const container = document.getElementById("container");
     container.innerHTML = `<div class="ftlab-configurations"></div>`;
-    let configContainer = document.getElementsByClassName("ftlab-configurations")[0];
+    // let configContainer = document.getElementsByClassName("ftlab-configurations")[0];
+    renderConfigOptions();
 }
 
 renderConfigOptions = () => {
-    const input = `<p>input1</p><br><input type="text">`
+    const input = `<p>input1</p><br>ftl://utu.fi#<input type="text">`
     const doc = document.getElementsByClassName('ftlab-configurations')[0];
-    doc.innerHTML = input
+    doc.innerHTML = input;
 }
 
+
 updateConfigs = async () => {
     const rawResp = await fetch('http://localhost:8080/stream/config', {
         method: 'POST',
         headers: {
             'Accept': 'application/json',
             'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({board_size: [0, 5], square_size: 1, frame_delay: 5, num_frames: 10, URI: "current_data.uri"})
+        }
     });
     const content = await rawResp.json();
     console.log(content)
@@ -4739,12 +4740,15 @@ updateConfigs = async () => {
  * current_data.configURI is a dropdown menu
  */
 
-current_data.configs = "ftl://utu.fi#reconstruction_snap10/merge/maxerror"
+current_data.configs = "ftl://utu.fi#reconstruction_snap10/merge"
+
 loadConfigs = async () => {
     const configURI = encodeURIComponent(current_data.configs);
     const uri = encodeURIComponent(current_data.uri)
     const rawResp = await fetch(`http://localhost:8080/stream/config?settings=${configURI}&uri=${uri}`)
-    const content = await rawResp.json();
+    const response = await rawResp.json();
+    const content = JSON.parse(response);
+    container.innerHTML += `<p>${response}</p>`;
     console.log(content)
 }
 },{"../../peer":22}],24:[function(require,module,exports){
diff --git a/web-service/server/src/public/js/index.js b/web-service/server/src/public/js/index.js
index 1afbd599ba287309d3e471448f1e1fff83dbd463..9ed5bfd7323595a9bea5b3c4415562b6babba4e2 100644
--- a/web-service/server/src/public/js/index.js
+++ b/web-service/server/src/public/js/index.js
@@ -57,6 +57,9 @@ videoPlayer = () => {
     
 }
 
+videoDecoder = () => {
+    let decoder = new libde265.Decoder();
+}
 
 /**
  * Creates thumbnail (image) for all available streams and adds them to div class='container'