From 1dc8bf77ca129555f0e56ef0f890105c14ab94ff Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Thu, 10 Oct 2019 20:26:31 -0400
Subject: [PATCH] Add input setting for custom audio source

---
 ext/bg/js/settings.js | 2 ++
 ext/bg/settings.html  | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/ext/bg/js/settings.js b/ext/bg/js/settings.js
index 46521f1f..89ba046d 100644
--- a/ext/bg/js/settings.js
+++ b/ext/bg/js/settings.js
@@ -44,6 +44,7 @@ async function formRead(options) {
     options.audio.enabled = $('#audio-playback-enabled').prop('checked');
     options.audio.autoPlay = $('#auto-play-audio').prop('checked');
     options.audio.volume = parseFloat($('#audio-playback-volume').val());
+    options.audio.customSourceUrl = $('#audio-custom-source').val();
 
     options.scanning.middleMouse = $('#middle-mouse-button-scan').prop('checked');
     options.scanning.touchInputEnabled = $('#touch-input-enabled').prop('checked');
@@ -111,6 +112,7 @@ async function formWrite(options) {
     $('#audio-playback-enabled').prop('checked', options.audio.enabled);
     $('#auto-play-audio').prop('checked', options.audio.autoPlay);
     $('#audio-playback-volume').val(options.audio.volume);
+    $('#audio-custom-source').val(options.audio.customSourceUrl);
 
     $('#middle-mouse-button-scan').prop('checked', options.scanning.middleMouse);
     $('#touch-input-enabled').prop('checked', options.scanning.touchInputEnabled);
diff --git a/ext/bg/settings.html b/ext/bg/settings.html
index f10e55b7..168dd040 100644
--- a/ext/bg/settings.html
+++ b/ext/bg/settings.html
@@ -253,6 +253,11 @@
                     <input type="number" min="0" max="100" id="audio-playback-volume" class="form-control">
                 </div>
 
+                <div class="form-group options-advanced">
+                    <label for="audio-custom-source">Custom audio source <span class="label-light">(URL)</span></label>
+                    <input type="text" id="audio-custom-source" class="form-control" placeholder="Example: http://localhost/audio.mp3?expression={expression}&reading={reading}">
+                </div>
+
                 <div class="form-group">
                     <label for="audio-playback-source">Audio playback source</label>
                     <select class="form-control" id="audio-playback-source">