diff --git a/internal/static/main.js b/internal/static/main.js index 9dd6b0031cdd960b5dc8fa0aa5e4cf54f901d14a..f424df9f44cf22cf930ab96bb11bf4ee89274266 100644 --- a/internal/static/main.js +++ b/internal/static/main.js @@ -9,7 +9,7 @@ function newLargePlayer(channel) { width: "", height: "", controls: false, - muted: false + muted: false, }); } @@ -19,7 +19,7 @@ function newSmallPlayer(channel) { width: "", height: "", controls: false, - muted: true + muted: true, }); } @@ -33,7 +33,7 @@ const defaultState = { small_channel: "", volume: 0.5, small_scale: 0.3, - show_chat: false + show_chat: false, }; let state = defaultState; @@ -76,7 +76,10 @@ function updateState(newState) { } let chat_elem_src = - "https://www.twitch.tv/embed/" + state.large_channel + "/chat?darkpopout"; + "https://www.twitch.tv/embed/" + + state.large_channel + + "/chat?darkpopout&parent=" + + location.hostname; if (chat_elem_src != chat_elem.src) { chat_elem.src = chat_elem_src; @@ -129,7 +132,7 @@ if (!window.EventSource) { } else { const events = new EventSource("/display"); - events.onmessage = m => { + events.onmessage = (m) => { updateState(JSON.parse(m.data)); }; @@ -137,7 +140,7 @@ if (!window.EventSource) { overlay_elem.firstElementChild.innerText = "Nothing playing"; }; - events.onerror = err => { + events.onerror = (err) => { console.error(err); updateState(defaultState); @@ -157,7 +160,7 @@ function toggleFullscreen() { } } -large_player_elem.addEventListener("mousedown", event => { +large_player_elem.addEventListener("mousedown", (event) => { if (event.detail > 1) { // double click toggleFullscreen();