diff --git a/defaults.json b/defaults.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/defaults.json
@@ -0,0 +1 @@
+{}
diff --git a/mandatory.json b/mandatory.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/mandatory.json
@@ -0,0 +1 @@
+{}
diff --git a/vnc.html b/vnc.html
index f0e5db108..5f1605e3a 100644
--- a/vnc.html
+++ b/vnc.html
@@ -49,11 +49,40 @@
 
     <script type="module">
         import UI from "./app/ui.js";
+        import * as Log from './core/util/logging.js';
+
+        let response;
 
         let defaults = {};
         let mandatory = {};
 
-        // Override any defaults you need here:
+        // Default settings will be loaded from defaults.json. Mandatory
+        // settings will be loaded from mandatory.json, which the user
+        // cannot change.
+
+        try {
+            response = await fetch('./defaults.json');
+            if (!response.ok) {
+                throw Error("" + response.status + " " + response.statusText);
+            }
+
+            defaults = await response.json();
+        } catch (err) {
+            Log.Error("Couldn't fetch defaults.json: " + err);
+        }
+
+        try {
+            response = await fetch('./mandatory.json');
+            if (!response.ok) {
+                throw Error("" + response.status + " " + response.statusText);
+            }
+
+            mandatory = await response.json();
+        } catch (err) {
+            Log.Error("Couldn't fetch mandatory.json: " + err);
+        }
+
+        // You can also override any defaults you need here:
         //
         // defaults['host'] = 'vnc.example.com';