seeseemelk/vivaplusdl
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Add play button to video thumbnails and implement video streaming endpoint

Browse Source
This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 09:27:49 +02:00
parent 9100d11bbf
commit e17b9f3ec4
2 changed files with 79 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/index.html
View File

@ -58,6 +58,25 @@
opacity: 0.7;
z-index: 1;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px; /* Adjust size as needed */
height: 80px; /* Adjust size as needed */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
background-repeat: no-repeat;
background-position: center;
background-size: 50%; /* Adjust icon size within button */
border-radius: 50%; /* Circular button */
cursor: pointer;
z-index: 3; /* Ensure it's above the video thumbnails */
border: 2px solid white;
box-shadow: 0 0 15px rgba(0,0,0,0.7);
}
</style>
<script>
function hideLoader() {
@ -91,6 +110,7 @@
<img id="prev-thumb" class="video-thumbnail side-video" alt="Previous Video">
<img id="current-thumb" class="video-thumbnail current-video" alt="Current Video">
<img id="next-thumb" class="video-thumbnail side-video" alt="Next Video">
<div class="play-button" id="play-button"></div>
</div>
</body>
</html>

105
webview.go
View File

@ -1,10 +1,15 @@
package main
import (
"fmt"
"gitea.seeseepuff.be/seeseemelk/mysqlite"
"github.com/donseba/go-htmx"
"github.com/gin-gonic/gin"
"log"
"net/http"
"os"
"path/filepath"
"strconv"
)
type App struct {
@ -23,6 +28,7 @@ func serveWebview(db *mysqlite.Db) {
router := gin.Default()
router.StaticFile("/", "static/index.html")
router.GET("/stream/:id", app.serveStream)
api := router.Group("/api")
api.GET("/homepage", app.homePage)
@ -47,6 +53,7 @@ func serveWebview(db *mysqlite.Db) {
type VideoModel struct {
ID int `json:"id"`
Thumbnail string `json:"thumbnail"`
URL string `json:"url"`
}
type HomePageModel struct {
@ -63,6 +70,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)
c.JSON(200, model)
}
@ -178,52 +186,57 @@ func (a *App) homePage(c *gin.Context) {
// }
// a.renderTemplate(w, "video", vm)
//}
//
//func (a *App) serveStream(w http.ResponseWriter, r *http.Request) {
// // Parse the video ID from the URL
// pathParts := strings.Split(r.URL.Path, "/")
// if len(pathParts) < 3 {
// http.Error(w, "Invalid video ID", http.StatusBadRequest)
// return
// }
//
// videoIDStr := pathParts[2]
// videoID, err := strconv.Atoi(videoIDStr)
// if err != nil {
// http.Error(w, "Invalid video ID", http.StatusBadRequest)
// return
// }
//
// // Get video metadata from database
// var year, episode int
// err = a.db.Query(`SELECT year, episode FROM videos WHERE id = ?`).Bind(videoID).ScanSingle(&year, &episode)
// if err != nil {
// http.Error(w, "Video not found", http.StatusNotFound)
// return
// }
//
// // Determine the video file path
// downloadDir := os.Getenv("VIVAPLUS_DESTINATION")
// if downloadDir == "" {
// downloadDir = "./downloads"
// }
//
// seasonDir := filepath.Join(downloadDir, fmt.Sprintf("Season %d", year))
// videoFilename := fmt.Sprintf("S%dE%03d.mp4", year, episode)
// videoPath := filepath.Join(seasonDir, videoFilename)
//
// // Check if the file exists
// log.Printf("Streaming video: %s", videoPath)
// _, err = os.Stat(videoPath)
// if os.IsNotExist(err) {
// http.Error(w, "Video file not found", http.StatusNotFound)
// return
// }
//
// // Serve the file
// http.ServeFile(w, r, videoPath)
//}
//
func (a *App) serveStream(c *gin.Context) {
// Parse the video ID from the URL
idStr := c.Param("id")
videoID, err := strconv.Atoi(idStr)
if err != nil {
log.Printf("Failed to parse video ID: %v", err)
c.JSON(http.StatusBadRequest, gin.H{"error": "Invalid video ID"})
return
}
// Get video metadata from database
var year, episode int
err = a.db.Query(`SELECT year, episode FROM videos WHERE id = ?`).Bind(videoID).ScanSingle(&year, &episode)
if err != nil {
log.Printf("Failed to find video: %v", err)
c.JSON(http.StatusNotFound, gin.H{"error": "Video not found"})
return
}
// Determine the video file path
downloadDir := os.Getenv("VIVAPLUS_DESTINATION")
if downloadDir == "" {
downloadDir = "./downloads"
}
seasonDir := filepath.Join(downloadDir, fmt.Sprintf("Season %d", year))
videoFilename := fmt.Sprintf("S%dE%03d.mp4", year, episode)
videoPath := filepath.Join(seasonDir, videoFilename)
// Check if the file exists
log.Printf("Streaming video: %s", videoPath)
_, err = os.Stat(videoPath)
if os.IsNotExist(err) {
log.Printf("Video file not found: %s", videoPath)
c.JSON(http.StatusNotFound, gin.H{"error": "Video file not found"})
return
}
// Serve the file
w := c.Writer
r := c.Request
w.Header().Set("Content-Type", "video/mp4")
w.Header().Set("Content-Disposition", fmt.Sprintf("inline; filename=\"%s\"", videoFilename))
w.Header().Set("Cache-Control", "no-cache, no-store, must-revalidate")
w.Header().Set("Pragma", "no-cache")
w.Header().Set("Expires", "0")
log.Printf("Serving video file: %s", videoPath)
http.ServeFile(w, r, videoPath)
}
//func (a *App) handleMarkWatched(w http.ResponseWriter, r *http.Request) {
// // Only handle POST requests
// if r.Method != http.MethodPost {