sandro/toniecloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Erster Commit

Browse Source
This commit is contained in:
sandro
2026-08-31 11:05:48 +02:00
commit 60cd80446e
5 changed files with 1652 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.backup.v0.1
+320
View File
@@ -0,0 +1,320 @@
import os
import json
import io
import zipfile
from flask import Flask, render_template_string, request, session, redirect, url_for, send_from_directory, send_file
app = Flask(__name__)
# WICHTIG: Ändere diesen Key für den produktiven Einsatz
app.secret_key = '6a305032-9668-43c3-9a72-a407d5be988f'
# Konfiguration
PASSWORD = 'toniessindteuer'
BASE_DIR = '/mnt/NAS/Toniebox/'
# ---------------------------------------------------------
# HTML & JS Template (Frontend)
# ---------------------------------------------------------
TEMPLATE = """
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tonieflix</title>
<style>
:root { --primary: #ff4757; --bg: #f1f2f6; --card: #ffffff; --text: #2f3542; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--bg); color: var(--text); margin: 0; padding: 20px; padding-bottom: 160px; }
h1 { text-align: center; color: var(--primary); font-size: 3rem; margin-bottom: 10px; }
.search-container { text-align: center; margin-bottom: 30px; }
input[type="text"] { padding: 10px 20px; width: 80%; max-width: 400px; border: 2px solid #ddd; border-radius: 25px; font-size: 1rem; outline: none; }
input[type="text"]:focus { border-color: var(--primary); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; }
.card { background: var(--card); border-radius: 15px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); cursor: pointer; transition: transform 0.2s; }
.card:hover { transform: translateY(-5px); }
.card img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #ddd; }
.card .title { padding: 15px; text-align: center; font-weight: bold; font-size: 1.1rem; }
/* Player Bar */
.player-bar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--card); padding: 15px 20px; box-shadow: 0 -2px 15px rgba(0,0,0,0.15); display: flex; flex-direction: column; align-items: center; gap: 12px; z-index: 1000;}
.player-info { font-weight: bold; color: var(--primary); font-size: 1.1rem; text-align: center; }
.player-controls { display: flex; align-items: center; gap: 15px; width: 100%; max-width: 800px; justify-content: center; flex-wrap: wrap; }
audio { flex-grow: 1; min-width: 250px; outline: none; }
.btn { border: none; padding: 10px 15px; border-radius: 25px; cursor: pointer; font-size: 1rem; font-weight: bold; transition: opacity 0.2s; }
.btn:hover { opacity: 0.8; }
.btn:disabled { background: #ccc; cursor: not-allowed; opacity: 1; }
.btn-nav { background: var(--primary); color: white; }
.btn-dl { background: #2ed573; color: white; text-decoration: none; display: inline-block; }
.logout { position: absolute; top: 20px; right: 20px; color: #57606f; text-decoration: none; font-weight: bold; }
</style>
</head>
<body>
<a href="{{ url_for('logout') }}" class="logout">Abmelden</a>
<h1>🎧 Tonieflix</h1>
<div class="search-container">
<input type="text" id="searchInput" placeholder="Hörbuch suchen...">
</div>
<div class="grid" id="bookGrid">
{% for book in books %}
<div class="card" data-title="{{ book.name.lower() }}" onclick='startBook({{ book|tojson }})'>
{% if book.has_cover %}
<img src="{{ url_for('serve_cover', book_name=book.name) }}" alt="Cover">
{% else %}
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ddd' viewBox='0 0 1 1'></svg>" alt="Kein Cover">
{% endif %}
<div class="title">{{ book.name }}</div>
</div>
{% endfor %}
</div>
<div class="player-bar" id="playerBar" style="display: none;">
<div class="player-info" id="playerInfo">Wird geladen...</div>
<div class="player-controls">
<button class="btn btn-nav" id="prevBtn" onclick="prevTrack()">⏮ Zurück</button>
<audio id="audioPlayer" controls></audio>
<button class="btn btn-nav" id="nextBtn" onclick="nextTrack()">Weiter ⏭</button>
<a href="#" class="btn btn-dl" id="downloadBtn">⬇️ Buch als ZIP laden</a>
</div>
</div>
<script>
const audioPlayer = document.getElementById('audioPlayer');
const playerBar = document.getElementById('playerBar');
const playerInfo = document.getElementById('playerInfo');
const searchInput = document.getElementById('searchInput');
const cards = document.querySelectorAll('.card');
const prevBtn = document.getElementById('prevBtn');
const nextBtn = document.getElementById('nextBtn');
const downloadBtn = document.getElementById('downloadBtn');
let currentBookState = { bookName: '', tracks: [], trackIndex: 0 };
// Suchfunktion
searchInput.addEventListener('input', (e) => {
const term = e.target.value.toLowerCase();
cards.forEach(card => {
if (card.dataset.title.includes(term)) {
card.style.display = 'block';
} else {
card.style.display = 'none';
}
});
});
// Status aus localStorage laden
window.addEventListener('load', () => {
const savedState = localStorage.getItem('toniboni_state');
if (savedState) {
currentBookState = JSON.parse(savedState);
playerBar.style.display = 'flex';
updatePlayerUI();
loadTrackInfo(false);
}
});
// Hörbuch starten
function startBook(bookData) {
if (!bookData.tracks || bookData.tracks.length === 0) {
alert("Keine Audiodateien in diesem Ordner gefunden!");
return;
}
if (currentBookState.bookName === bookData.name) {
audioPlayer.play();
return;
}
currentBookState = {
bookName: bookData.name,
tracks: bookData.tracks,
trackIndex: 0
};
playerBar.style.display = 'flex';
loadTrackInfo(true);
}
// Track laden & UI aktualisieren
function loadTrackInfo(autoPlay) {
const track = currentBookState.tracks[currentBookState.trackIndex];
audioPlayer.src = `/stream/${encodeURIComponent(currentBookState.bookName)}/${encodeURIComponent(track)}`;
updatePlayerUI();
const savedState = JSON.parse(localStorage.getItem('toniboni_state'));
if (savedState && savedState.bookName === currentBookState.bookName && savedState.trackIndex === currentBookState.trackIndex) {
audioPlayer.currentTime = savedState.currentTime || 0;
} else {
audioPlayer.currentTime = 0;
}
if (autoPlay) {
audioPlayer.play();
}
}
function updatePlayerUI() {
const trackCount = currentBookState.tracks.length;
playerInfo.innerText = `${currentBookState.bookName} (Kapitel ${currentBookState.trackIndex + 1} von ${trackCount})`;
// Buttons de/aktivieren
prevBtn.disabled = currentBookState.trackIndex === 0;
nextBtn.disabled = currentBookState.trackIndex === trackCount - 1;
// Download-Link anpassen
downloadBtn.href = `/download/${encodeURIComponent(currentBookState.bookName)}`;
}
// Navigation
function prevTrack() {
if (currentBookState.trackIndex > 0) {
currentBookState.trackIndex--;
loadTrackInfo(true);
}
}
function nextTrack() {
if (currentBookState.trackIndex < currentBookState.tracks.length - 1) {
currentBookState.trackIndex++;
loadTrackInfo(true);
}
}
// Speichern
audioPlayer.addEventListener('timeupdate', () => {
localStorage.setItem('toniboni_state', JSON.stringify({
...currentBookState,
currentTime: audioPlayer.currentTime
}));
});
// Automatisch nächstes Kapitel
audioPlayer.addEventListener('ended', () => {
if (currentBookState.trackIndex < currentBookState.tracks.length - 1) {
nextTrack();
} else {
playerInfo.innerText = `${currentBookState.bookName} - Beendet!`;
localStorage.removeItem('toniboni_state');
}
});
</script>
</body>
</html>
"""
LOGIN_TEMPLATE = """
<!DOCTYPE html>
<html>
<head>
<title>Login - Toniboni</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background: #f1f2f6; margin: 0; }
.login-box { background: white; padding: 40px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
input[type="password"] { padding: 10px; margin: 10px 0; border: 1px solid #ddd; border-radius: 5px; width: 100%; box-sizing: border-box;}
button { background: #ff4757; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; width: 100%; font-size: 1rem; }
</style>
</head>
<body>
<div class="login-box">
<h2 style="color: #ff4757;">Toniboni Login</h2>
<form method="POST">
<input type="password" name="password" placeholder="Passwort" required autofocus>
<button type="submit">Eintreten</button>
</form>
</div>
</body>
</html>
"""
# ---------------------------------------------------------
# Backend Logik & Routen
# ---------------------------------------------------------
@app.before_request
def require_login():
if request.endpoint not in ['login'] and not session.get('logged_in'):
return redirect(url_for('login'))
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
if request.form.get('password') == PASSWORD:
session['logged_in'] = True
return redirect(url_for('index'))
else:
return "Falsches Passwort!", 403
return render_template_string(LOGIN_TEMPLATE)
@app.route('/logout')
def logout():
session.clear()
return redirect(url_for('login'))
@app.route('/')
def index():
books = []
if os.path.exists(BASE_DIR):
for item in sorted(os.listdir(BASE_DIR)):
item_path = os.path.join(BASE_DIR, item)
if os.path.isdir(item_path):
files = os.listdir(item_path)
tracks = sorted([f for f in files if f.lower().endswith(('.mp3', '.ogg'))])
has_cover = any(f.lower() == 'cover.jpg' for f in files)
if tracks:
books.append({
'name': item,
'tracks': tracks,
'has_cover': has_cover
})
return render_template_string(TEMPLATE, books=books)
@app.route('/cover/<book_name>')
def serve_cover(book_name):
book_path = os.path.join(BASE_DIR, book_name)
return send_from_directory(book_path, 'cover.jpg')
@app.route('/stream/<book_name>/<track_name>')
def serve_audio(book_name, track_name):
book_path = os.path.join(BASE_DIR, book_name)
return send_from_directory(book_path, track_name)
@app.route('/download/<book_name>')
def download_book(book_name):
book_path = os.path.join(BASE_DIR, book_name)
# Sicherheitscheck: Existiert der Ordner?
if not os.path.isdir(book_path):
return "Hörbuch nicht gefunden", 404
# ZIP-Datei im Arbeitsspeicher erstellen
memory_file = io.BytesIO()
# ZIP_STORED nutzt keine Kompression (geht extrem schnell, gut für MP3s)
with zipfile.ZipFile(memory_file, 'w', zipfile.ZIP_STORED) as zf:
for root, dirs, files in os.walk(book_path):
for file in files:
file_path = os.path.join(root, file)
# Schreibe Datei ins ZIP (nutzt Dateinamen ohne den absoluten NAS-Pfad)
zf.write(file_path, arcname=file)
memory_file.seek(0)
# Datei an den Browser schicken
return send_file(
memory_file,
download_name=f"{book_name}.zip",
as_attachment=True,
mimetype='application/zip'
)
if __name__ == '__main__':
app.run(host='0.0.0.0', port=5005)