Funktion 'naechster Titel' beim Abspielen von Abspiellisten eingebaut

undisclosed

2023-01-29 183d3e0c669aa8882c994c8ef756e1ac1d61fd7d

Funktion 'naechster Titel' beim Abspielen von Abspiellisten eingebaut

 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 {

 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&auml;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">

 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';