Support for XHR options (katspaugh#1310)

fixes katspaugh#1038

CHANGES.md

@@ -4,6 +4,7 @@ wavesurfer.js changelog
 next (unreleased)
 -----------------
 
+- Added `xhr` option to configure util.ajax for authorization (#1310, #1038, #1100)
 - Fix `setCurrentTime` method (#1292)
 - Fix `getScrollX` method: Check bounds when `scrollParent: true` (#1312)
 - Minimap plugin: fix initial load, canvas click did not work (#1265)

src/util/ajax.js

@@ -13,6 +13,20 @@ export default function ajax(options) {
     let fired100 = false;
     xhr.open(options.method || 'GET', options.url, true);
     xhr.responseType = options.responseType || 'json';
+
+    if (options.xhr) {
+        if (options.xhr.requestHeaders) {
+            // add custom request headers
+            for (let header in options.xhr.requestHeaders) {
+                xhr.setRequestHeader(header.key, header.value);
+            }
+        }
+        if (options.xhr.withCredentials) {
+            // use credentials
+            xhr.withCredentials = true;
+        }
+    }
+
     xhr.addEventListener('progress', e => {
         instance.fireEvent('progress', e);
         if (e.lengthComputable && e.loaded == e.total) {

src/wavesurfer.js

@@ -89,6 +89,7 @@ import PeakCache from './peakcache';
  * the channels of the audio
  * @property {string} waveColor='#999' The fill color of the waveform after the
  * cursor.
+ * @property {object} xhr={} XHR options.
  */
 
 /**
@@ -207,7 +208,8 @@ export default class WaveSurfer extends util.Observer {
         scrollParent: false,
         skipLength: 2,
         splitChannels: false,
-        waveColor: '#999'
+        waveColor: '#999',
+        xhr: {}
     };
 
     /** @private */
@@ -1308,7 +1310,8 @@ export default class WaveSurfer extends util.Observer {
     getArrayBuffer(url, callback) {
         const ajax = util.ajax({
             url: url,
-            responseType: 'arraybuffer'
+            responseType: 'arraybuffer',
+            xhr: this.params.xhr
         });
 
         this.currentAjax = ajax;