diff --git a/js/config.js b/js/config.js
index ad74a29a..4c47d628 100644
--- a/js/config.js
+++ b/js/config.js
@@ -18,5 +18,6 @@ export const skinUrl = config.skinUrl === undefined ? skin : config.skinUrl;
 export const audioUrl = config.audioUrl === undefined ? audio : config.audioUrl;
 export const noMarquee = config.noMarquee || false;
 export const hideAbout = config.hideAbout || false;
+export const elementSource = config.elementSource || false;
 export const initialState = config.initialState || undefined;
 export const sentryDsn = SENTRY_DSN;
diff --git a/js/media/elementSource.js b/js/media/elementSource.js
index fa8ba43e..cbe634d5 100644
--- a/js/media/elementSource.js
+++ b/js/media/elementSource.js
@@ -104,7 +104,9 @@ export default class ElementSource extends Emitter {
   }
 
   getSampleRate() {
-    return null;
+    // This is a lie. This is the sample rate of the context, not the
+    // underlying source media.
+    return this._context.sampleRate;
   }
 
   /*
diff --git a/js/media/index.js b/js/media/index.js
index c44422bd..eab44dbf 100644
--- a/js/media/index.js
+++ b/js/media/index.js
@@ -1,7 +1,8 @@
 /* Emulate the native <audio> element with Web Audio API */
+import { elementSource } from "../config";
 import { BANDS } from "../constants";
 import BufferSource from "./bufferSource";
-//import ElementSource from "./elementSource";
+import ElementSource from "./elementSource";
 
 export default class Media {
   constructor(fileInput) {
@@ -76,8 +77,9 @@ export default class Media {
     //                    |
     //              <destination>
 
-    //this._source = new ElementSource(this._context, this._staticSource);
-    this._source = new BufferSource(this._context, this._staticSource);
+    this._source = elementSource
+      ? new ElementSource(this._context, this._staticSource)
+      : new BufferSource(this._context, this._staticSource);
 
     this._source.on("positionChange", () => {
       this._callbacks.timeupdate();