Trying to generate a badge
parent
fefc65fb23
commit
a4b0c37e68
|
|
@ -0,0 +1,170 @@
|
||||||
|
package main
|
||||||
|
|
||||||
|
import (
|
||||||
|
"fmt"
|
||||||
|
"net/http"
|
||||||
|
"os"
|
||||||
|
"path/filepath"
|
||||||
|
"strings"
|
||||||
|
)
|
||||||
|
|
||||||
|
var (
|
||||||
|
audioBasePath = audioDir // percorso base dei file audio
|
||||||
|
imageBasePath = coversDir // percorso base delle immagini
|
||||||
|
badgeBasePath = "/badge/" // percorso per i badge
|
||||||
|
siteURL = baseURL
|
||||||
|
defaultImage = podLogo
|
||||||
|
)
|
||||||
|
|
||||||
|
func badgeHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
|
// Estrai il nome dell'episodio dall'URL
|
||||||
|
episode := strings.TrimPrefix(r.URL.Path, badgeBasePath)
|
||||||
|
if episode == "" {
|
||||||
|
http.Error(w, "Episode name required", http.StatusBadRequest)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Costruisci i percorsi dei file
|
||||||
|
mp3Path := filepath.Join(audioBasePath, episode+".mp3")
|
||||||
|
imgPath := filepath.Join(imageBasePath, episode+".jpg")
|
||||||
|
|
||||||
|
// Verifica se il file MP3 esiste
|
||||||
|
if _, err := os.Stat("." + mp3Path); os.IsNotExist(err) {
|
||||||
|
http.Error(w, "Episode not found", http.StatusNotFound)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// Costruisci gli URL completi
|
||||||
|
audioURL := siteURL + mp3Path
|
||||||
|
imageURL := siteURL + imgPath
|
||||||
|
|
||||||
|
// Verifica se l'immagine esiste, altrimenti usa quella di default
|
||||||
|
if _, err := os.Stat("." + imgPath); os.IsNotExist(err) {
|
||||||
|
imageURL = defaultImage
|
||||||
|
}
|
||||||
|
|
||||||
|
// Genera l'HTML completo del player
|
||||||
|
playerHTML := fmt.Sprintf(`
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<style>
|
||||||
|
.podcast-badge {
|
||||||
|
width: 300px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 12px;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
.podcast-cover {
|
||||||
|
width: 100%%;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.podcast-title {
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 5px 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.podcast-controls {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.play-button {
|
||||||
|
background: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%%;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.progress-container {
|
||||||
|
flex-grow: 1;
|
||||||
|
height: 4px;
|
||||||
|
background: #ddd;
|
||||||
|
border-radius: 2px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.progress-bar {
|
||||||
|
height: 100%%;
|
||||||
|
background: #4CAF50;
|
||||||
|
width: 0%%;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.time-display {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666;
|
||||||
|
min-width: 50px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="podcast-badge">
|
||||||
|
<img src="%s" alt="Cover" class="podcast-cover">
|
||||||
|
<div class="podcast-title">%s</div>
|
||||||
|
<div class="podcast-controls">
|
||||||
|
<button class="play-button" onclick="togglePlay()">▶</button>
|
||||||
|
<div class="progress-container" onclick="seek(event)">
|
||||||
|
<div class="progress-bar" id="progressBar"></div>
|
||||||
|
</div>
|
||||||
|
<div class="time-display" id="timeDisplay">0:00</div>
|
||||||
|
</div>
|
||||||
|
<audio id="audioPlayer" src="%s"></audio>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const player = document.getElementById('audioPlayer');
|
||||||
|
const progressBar = document.getElementById('progressBar');
|
||||||
|
const timeDisplay = document.getElementById('timeDisplay');
|
||||||
|
let isPlaying = false;
|
||||||
|
|
||||||
|
function togglePlay() {
|
||||||
|
if (isPlaying) {
|
||||||
|
player.pause();
|
||||||
|
} else {
|
||||||
|
player.play();
|
||||||
|
}
|
||||||
|
isPlaying = !isPlaying;
|
||||||
|
updateButton();
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateButton() {
|
||||||
|
const button = document.querySelector('.play-button');
|
||||||
|
button.textContent = isPlaying ? '❚❚' : '▶';
|
||||||
|
}
|
||||||
|
|
||||||
|
function seek(e) {
|
||||||
|
const percent = e.offsetX / e.target.offsetWidth;
|
||||||
|
player.currentTime = percent * player.duration;
|
||||||
|
}
|
||||||
|
|
||||||
|
player.addEventListener('timeupdate', function() {
|
||||||
|
// Aggiorna la barra di progresso
|
||||||
|
const progress = (player.currentTime / player.duration) * 100;
|
||||||
|
progressBar.style.width = progress + '%%';
|
||||||
|
|
||||||
|
// Aggiorna il tempo
|
||||||
|
const minutes = Math.floor(player.currentTime / 60);
|
||||||
|
const seconds = Math.floor(player.currentTime %% 60);
|
||||||
|
timeDisplay.textContent = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
|
||||||
|
});
|
||||||
|
|
||||||
|
player.addEventListener('ended', function() {
|
||||||
|
isPlaying = false;
|
||||||
|
updateButton();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>`, imageURL, episode, audioURL)
|
||||||
|
|
||||||
|
w.Header().Set("Content-Type", "text/html")
|
||||||
|
w.Write([]byte(playerHTML))
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue