'Hier spielen' berichtigt

ulrich

2024-11-21 1ef98569623b58f8b4e2b5863cea02bfb1e91a98

 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';
@@ -597,15 +620,12 @@
        //const titelElem = new Audio(titel);        
        self.audioElem = new Audio(titelUrl);
        self.audioElem.addEventListener("ended", self.nextTrack);
        self.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
        const track = self.audioCtx.createMediaElementSource(self.audioElem);
        track.connect(self.audioCtx.destination);
        self.audioElem.play();
        self.playState = 'play';        
        self.playState = 'play'; 
      }
    });
  };
  

  this.getTitelFromJSONObj = function(titelObj) {
    //const audioElements = document.querySelectorAll('.entity-eintrag');
    const host = 'http://' + window.location.host + '/tango';
@@ -704,6 +724,11 @@
    self.http_delete('api/alist/' + plname + '/' + index,'', function(responseText) {
      // DELETE   http://localhost:9090/mz/api/alist/liste1/0
      //self.meldung_mit_timeout(responseText, 1500);
      if(self.playingList === plname) {
        if(self.playingIndex > index) {
          --self.playingIndex;
        }
      }
      self.titel_liste();
    });