From 183d3e0c669aa8882c994c8ef756e1ac1d61fd7d Mon Sep 17 00:00:00 2001 From: undisclosed Date: Sun, 29 Jan 2023 16:01:40 +0000 Subject: [PATCH] Funktion 'naechster Titel' beim Abspielen von Abspiellisten eingebaut --- src/de/uhilger/tango/api/MediaSteuerung.java | 17 ++++++-- www/js/app.js | 43 ++++++++++++++++----- www/data/tpl/ctrl.txt | 2 3 files changed, 47 insertions(+), 15 deletions(-) diff --git a/src/de/uhilger/tango/api/MediaSteuerung.java b/src/de/uhilger/tango/api/MediaSteuerung.java index b499372..ba89537 100644 --- a/src/de/uhilger/tango/api/MediaSteuerung.java +++ b/src/de/uhilger/tango/api/MediaSteuerung.java @@ -42,12 +42,13 @@ * Abspielgeraet. * * HTTP GET /mz/api/strg/abspieler/play/liste/[name] + * HTTP GET /mz/api/strg/abspieler/next * HTTP GET /mz/api/strg/abspieler/ende * * HTTP POST /mz/api/strg/abspieler/play/titel mit dem Titel im Body * HTTP POST /mz/api/strg/abspieler/play/stream mit dem Livestream im Body (nur Name gefuellt) * - * HTTP POST /mz/api/strg/abspieler/weiter/titel mit dem Titel im Body + * DEPRECATED: HTTP POST /mz/api/strg/abspieler/weiter/titel mit dem Titel im Body * * HTTP GET /mz/api/strg/abspieler/pause * HTTP GET /mz/api/strg/abspieler/stop @@ -84,6 +85,7 @@ public static final String PL_CMD_VOLUP = "volup"; public static final String PL_CMD_PAUSE = "pause"; public static final String PL_CMD_PLAYON = "weiter"; + public static final String PL_CMD_NEXT = "next"; public static final String PL_CMD_CALYPSO_STOP = "stop"; public static final String PL_CMD_CALYPSO_VOL_INC = "vol-inc"; public static final String PL_CMD_CALYPSO_VOL_DEC = "vol-dec"; @@ -127,6 +129,9 @@ response = kommandoSenden(fs, elems[4], PL_CMD_CALYPSO_PAUSE); //} else if(elems[5].equalsIgnoreCase(PL_CMD_PLAYON)) { // response = kommandoSenden(fs, elems[4], PL_CMD_CALYPSO_PLAYON); + } else if(elems[5].equalsIgnoreCase(PL_CMD_NEXT)) { + response = kommandoSenden(fs, elems[4], PL_CMD_CALYPSO_STOP); + //response = naechsterTitel(fs, elems[4]); } else { response = meldung("Ungueltiges Kommando: " + elems[5], AbstractHandler.RTC_NOT_FOUND); } @@ -156,9 +161,13 @@ String path = e.getRequestURI().toString(); String[] elems = path.split(Server.SLASH); logger.info(elems[5]); - if(elems[5].equalsIgnoreCase(PL_CMD_PLAYON)) { - abspielerKmd = PL_CMD_CALYPSO_PLAYON; - } else if(elems[5].equalsIgnoreCase(PL_CMD_PLAY)){ + // PLAYON ist deprecated + //if(elems[5].equalsIgnoreCase(PL_CMD_PLAYON)) { + // abspielerKmd = PL_CMD_CALYPSO_PLAYON; + //} else if(elems[5].equalsIgnoreCase(PL_CMD_PLAY)){ + // abspielerKmd = PL_CMD_PLAY; + //} + if(elems[5].equalsIgnoreCase(PL_CMD_PLAY)){ abspielerKmd = PL_CMD_PLAY; } try { diff --git a/www/data/tpl/ctrl.txt b/www/data/tpl/ctrl.txt index 5591ce8..31f1850 100644 --- a/www/data/tpl/ctrl.txt +++ b/www/data/tpl/ctrl.txt @@ -10,7 +10,7 @@ <button class="ctrl-btn ctrl-item" id="play-btn" title="Abspielen"><i class="icon-play"></i></button> <button class="ctrl-btn ctrl-item" id="pause-btn" title="Pause"><i class="icon-pause"></i></button> <button class="ctrl-btn ctrl-item" id="stop-btn" title="Stopp"><i class="icon-stop"></i></button> - <button class="ctrl-btn ctrl-item" id="weiter-btn" title="Weiterspielen"><i class="icon-right-open"></i></button> + <button class="ctrl-btn ctrl-item" id="weiter-btn" title="nächster Titel"><i class="icon-right-open"></i></button> <button class="ctrl-btn ctrl-item" id="hier-btn" title="hier spielen"><i class="icon-tablet"></i></button> </div> <div class="ctrl-orte"> diff --git a/www/js/app.js b/www/js/app.js index a21de07..a22f03f 100644 --- a/www/js/app.js +++ b/www/js/app.js @@ -364,7 +364,10 @@ self.addEvtListener('#pause-btn', 'click', function() { self.kommando('pause'); }); - self.addEvtListener('#weiter-btn', 'click', self.weiter); + //self.addEvtListener('#weiter-btn', 'click', self.weiter); + self.addEvtListener('#weiter-btn', 'click', function() { + self.kommando('next'); + }); self.addEvtListener('#hier-btn', 'click', self.hier_spielen); @@ -482,18 +485,33 @@ } }; + /* + * DEPRECATED + */ this.weiter = function() { - var bereichName = document.querySelector('.bereich-name').textContent; - if(bereichName === '') { - var titel = self.titelErmitteln(document.querySelector(".selected")); - var playername = document.querySelector('#abspieler').value; - console.log('plname: ' + playername + ' url: ' + titel.katalogUrl + titel.pfad + titel.name); - self.http_post('api/strg/' + playername + '/weiter/titel', JSON.stringify(titel), function(responseText) { - self.meldung_mit_timeout(responseText, 1500); - }); - } + //var bereichName = document.querySelector('.bereich-name').textContent; + //if(bereichName === '') { + // var titel = self.titelErmitteln(document.querySelector(".selected")); + // var playername = document.querySelector('#abspieler').value; + // console.log('plname: ' + playername + ' url: ' + titel.katalogUrl + titel.pfad + titel.name); + // self.http_post('api/strg/' + playername + '/weiter/titel', JSON.stringify(titel), function(responseText) { + // self.meldung_mit_timeout(responseText, 1500); + // }); + //} }; + /* + * Ein Abspieler-Kommando ausfuehren. Der Client entscheidet anhand + * des Indikators self.playingIndex, ob 'hier spielen' gewaehlt wurde + * (playingIndex groesser -1) oder das Kommando an den Server gehen soll. + * + * self.kommendo('play') wird nur von der Schaltflaeche 'hier spielen' gerufen. + * Die Schaltflaeche Play ist mit self.play verknuepft (s.o.) und spielt Listen + * oder Titel ueber des Server und Calypso. + * + * @param {type} kommando stop, pause, next, play + * @returns nichts + */ this.kommando = function(kommando) { console.log(kommando); if(self.playingIndex > -1) { @@ -503,6 +521,11 @@ self.audioElem.removeEventListener("ended", self.nextTrack); self.playingIndex = -1; self.playState = 'stop'; + } else if(kommando === 'next') { + const curidx = self.playingIndex; + self.kommando('stop'); + self.playingIndex = curidx; + self.nextTrack(); } else if(kommando === 'pause') { if(self.playState === 'pause') { self.playState = 'play'; -- Gitblit v1.9.3