diff --git a/thrimbletrimmer/index.html b/thrimbletrimmer/index.html
index d77598e..1b6df5d 100644
--- a/thrimbletrimmer/index.html
+++ b/thrimbletrimmer/index.html
@@ -79,6 +79,7 @@
         </div>
 
         <div id="EditorDetailsPane">
+			<img id="Waveform" style="width: 100%">
             <div id="EditNotesPane" style="display:none">
                 Edit Notes: <br/>
                 <textarea id="EditNotes" disabled ></textarea>
diff --git a/thrimbletrimmer/scripts/IO.js b/thrimbletrimmer/scripts/IO.js
index d780c40..6639c98 100644
--- a/thrimbletrimmer/scripts/IO.js
+++ b/thrimbletrimmer/scripts/IO.js
@@ -272,6 +272,10 @@ function loadPlaylist(isEditor, startTrim, endTrim, defaultQuality) {
 				document.getElementById("wubloaderAdvancedInputTable").style.display = "block";
 			}
 		});
+
+	// Get audio waveform. Note we assume "source" is a valid quality.
+	const waveformURL = `/waveform/${stream}/source.png?${buildQuery(range)}`;
+	document.getElementById("Waveform").setAttribute("src", waveformURL);
 }
 
 function thrimbletrimmerSubmit(state, override_changes = false) {