Enhance background styling and fix thumbnail assignment for video controls

This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 14:30:22 +02:00
parent 9998a0ab36
commit 9fe797b73d
2 changed files with 4 additions and 4 deletions

View File

@ -7,12 +7,15 @@
<style>
body {
background-color: #000;
background-image: radial-gradient(circle at 50% 200%, rgba(255, 0, 0, 0.4) 0%, transparent 70%),
radial-gradient(circle at 50% -100%, rgba(0, 0, 255, 0.4) 0%, transparent 70%);
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden; /* To prevent any unexpected scrollbars */
}
.loader {
@ -317,7 +320,7 @@
currentVideo = data.currentVideo;
nextVideo = data.nextVideo;
$("#current-thumb").attr("src", currentVideo.thumbnail);
$("#current-thumb").attr("src", nextVideo.thumbnail);
$("#next-thumb").attr("src", nextVideo.thumbnail);
// Consider populating prev-thumb and next-thumb here if data provides them
hideSpinner();

View File

@ -74,10 +74,7 @@ func (a *App) homePage(c *gin.Context) {
return
}
model.CurrentVideo.Thumbnail = "https://imgproxy.fourthwall.com/GHX1MSukwJHMQeiqcJLZL906v2--re7qQbQIlHgy5jY/rs:fill:607:342:0/q:90/sm:1/enc/NDJiMWM5YzU3ODJh/MzgzZXFIti10srar/EYcgeYXIe6MXrQge/VBPZVk3b6DCE53dq/VGponLkc45F9743G/4la9S4IjbcNxs4lF/WnLXCMzFhaSUaZnL/Og4de_FSYxQOtzCC/0pfkgH1g4FJfajde/KrZfes95EWXzg9sP/kvEwcqro2EM.webp"
model.CurrentVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
model.NextVideo.Thumbnail = "https://imgproxy.fourthwall.com/GHX1MSukwJHMQeiqcJLZL906v2--re7qQbQIlHgy5jY/rs:fill:607:342:0/q:90/sm:1/enc/NDJiMWM5YzU3ODJh/MzgzZXFIti10srar/EYcgeYXIe6MXrQge/VBPZVk3b6DCE53dq/VGponLkc45F9743G/4la9S4IjbcNxs4lF/WnLXCMzFhaSUaZnL/Og4de_FSYxQOtzCC/0pfkgH1g4FJfajde/KrZfes95EWXzg9sP/kvEwcqro2EM.webp"
model.NextVideo.URL = fmt.Sprintf("/stream/%d", model.CurrentVideo.ID)
c.JSON(200, model)