Added basic option to specify alternative IA CDN servers within the settings panel.

www/js/channel/channel.js

@@ -166,6 +166,9 @@ class channel{
      * @param {*} value - Value to set setting to
      */
     processConfig(key, value){
+        //Unfortunately we can't scope constants to switch-cases so this is the best we got if we wanna re-use the name
+        let nowPlaying;
+
         //Switch/case by config key
         switch(key){
             case 'ytPlayerType':
@@ -205,18 +208,35 @@ class channel{
                     return;
                 }
 
-
                 //Get current video
-                const nowPlaying = this.player.mediaHandler.nowPlaying;
+                nowPlaying = this.player.mediaHandler.nowPlaying;
 
                 //If we're playing a youtube video
                 if(nowPlaying != null && nowPlaying.type == 'yt'){
                     //Restart the video
-                    this.player.start({media: nowPlaying});
+                    this.player.hardReload();
                 }
 
                 //Stop while we're ahead
                 return;
+
+            case 'IACDN':
+                //If the player or mediaHandler isn't loaded
+                if(this.player == null || this.player.mediaHandler == null){
+                    //We're fuggin done here
+                    return;
+                }
+
+                //Get current video
+                nowPlaying = this.player.mediaHandler.nowPlaying;
+
+                //If we're playing a video from Internet Archive
+                if(nowPlaying != null && nowPlaying.type == 'ia'){
+                    //Hard reload the media, forcing media handler re-creation
+                    this.player.hardReload();
+                }
+
+                return;
         }
     }
 
@@ -224,7 +244,8 @@ class channel{
      * Default channel config
      */
     static defaultConfig = new Map([
-        ["ytPlayerType","raw"]
+        ["ytPlayerType","raw"],
+        ["IACDN",""]
     ]);
 }
 

www/js/channel/panels/settingsPanel.js

@@ -32,8 +32,16 @@ class settingsPanel extends panelObj{
     }
 
     docSwitch(){
+        /**
+         * Youtube Source Selector
+         */
         this.youtubeSource = this.panelDocument.querySelector("#settings-panel-youtube-source select");
 
+        /**
+         * Internet Archive CDN Server Input
+         */
+        this.IACDNInput = this.panelDocument.querySelector("#settings-panel-ia-server input");
+
         this.renderSettings();
         this.setupInput();
     }
@@ -43,6 +51,7 @@ class settingsPanel extends panelObj{
      */
     setupInput(){
         this.youtubeSource.addEventListener('change', this.updateYoutubeSource.bind(this));
+        this.IACDNInput.addEventListener('keydown', this.updateIACDN.bind(this));
     }
 
     /**
@@ -50,6 +59,7 @@ class settingsPanel extends panelObj{
      */
     renderSettings(){
         this.youtubeSource.value = localStorage.getItem("ytPlayerType");
+        this.IACDNInput.value = localStorage.getItem("IACDN");
     }
 
     /**
@@ -59,4 +69,15 @@ class settingsPanel extends panelObj{
         localStorage.setItem("ytPlayerType", this.youtubeSource.value);
         client.processConfig("ytPlayerType", this.youtubeSource.value);
     }
+
+    /**
+     * Event handler for Internet Archive CDN Server input
+     * @param {Event} event - Event handed down by event listener
+     */
+    updateIACDN(event){
+        if(event.key == "Enter"){
+            localStorage.setItem("IACDN", this.IACDNInput.value);
+            client.processConfig("IACDN", this.IACDNInput.value);
+        }
+    }
 }

www/js/channel/player.js

@@ -192,6 +192,18 @@ class player{
                 this.mediaHandler = new hlsDailymotionHandler(this.client, this, data.media);
             //Otherwise, if we have a raw-file compatible source
             }else if(data.media.type == 'ia' || data.media.type == 'raw' || data.media.type == 'yt' || data.media.type == 'dm'){
+                //If we're running a source from IA
+                if(data.media.type == 'ia'){
+                    //Replace specified CDN with generic URL, in-case of hard reload
+                    data.media.rawLink = data.media.rawLink.replace(/^https(.*)archive\.org(.*)items/g, "https://archive.org/download")
+
+                    //If we have an IA source and a custom IA CDN Server set
+                    if(data.media.type == 'ia' && localStorage.getItem("IACDN") != ""){
+                        //Generate and set new link
+                        data.media.rawLink = data.media.rawLink.replace("https://archive.org/download", `https://${localStorage.getItem("IACDN")}.archive.org/0/items`);
+                    }
+                }
+
                 //Create a new raw file handler for it
                 this.mediaHandler = new rawFileHandler(client, this, data.media);
                 //Sync to time stamp
@@ -244,6 +256,27 @@ class player{
         }
     }
 
+    /**
+     * Destroys and Re-Creates media handler
+     */
+    hardReload(){
+        if(this.mediaHandler != null){
+            //Re-create data we'd get from server
+            const data = {
+                media: this.mediaHandler.nowPlaying,
+                timestamp: this.mediaHandler.getTimestamp()
+            }
+
+            //End current media handler
+            this.end();
+
+            console.log(data);
+
+            //Restart from last media handlers 
+            this.start(data);
+        }
+    }
+
     /**
      * Handles End-Media Commands from the Server
      */