From 9c96294e025b0f7ef97c912d5111b36bc9f22a9e Mon Sep 17 00:00:00 2001
From: mikka <mikka@kleinrot.net>
Date: Thu, 23 Apr 2026 07:31:39 +0200
Subject: [PATCH] =?UTF-8?q?Funktuon=20Vorherige=20oder=20N=C3=A4chste?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/script.js     | 11 +++++++++++
 templates/karte.html |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/script.js b/static/script.js
index a4a73df..8c5ea5a 100644
--- a/static/script.js
+++ b/static/script.js
@@ -6,6 +6,17 @@ outindex = 0
 playing = false
 playcolor = "#00ff3c"
 loop = true
+function nächste(id){
+  audios[id].pause()
+  console.log(id)
+  id = parseInt(id) + 1
+  console.log(id)
+  audios[id].play()
+}
+function vorherige(id){
+  audios[id].pause()
+  audios[id-1].play()
+}
 function looptrue(){
   if(loop){
     loop = false
diff --git a/templates/karte.html b/templates/karte.html
index dcb44a6..cc0f6ad 100644
--- a/templates/karte.html
+++ b/templates/karte.html
@@ -1,7 +1,7 @@
 <article>
     <img src="{{ karte.img }}"/>
     {% if karte.ytid %}
-    <button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">Abspielen</button>
+    <p><button id="{{karte_loop.index0}}" onclick="vorherige(this.id)">Vorherige</button><button id="{{karte_loop.index0}}" onclick="abspielendiese(this.id)">Abspielen</button><button id="{{karte_loop.index0}}" onclick="nächste(this.id)">Nächstes</button></p>
     <audio controls src="/static/{{karte.datei}}"></audio>
     {% endif %}
     <h2>{{ karte.titel}}</h2>