Audio-Streaming (stückchenweises streamen und abspielen) mit <audio>

[caducas]

Hallo,

ich möchte gerne meine Audiosammlung über eine Webplattform streamen.

Nun habe ich versucht, das mit dem <audio> Tag zu lösen, allerdings greift dieser immer auf ein File zu.

Ich möchte jedoch nicht, dass meine Audiofiles öffentlich zugänglich sind. Deshalb habe ich versucht, dieses an den Client zu senden und dort dann im Player abzuspielen, ohne dass dieser auf die Originaldateien zugreift (ich setze das src mit "(window.URL || window.webkitURL).createObjectURL(BLOB-Datei)"). Allerdings habe ich dabei das Problem, dass das ganze Mp3-File übertragen wird, und erst anschließend abgespielt wird.

Ist es möglich, das File schon während der Übertragung abzuspielen? Also sozusagen 300kb zu übertragen, dann die Wiedergabe zu starten und die restlichen Daten an das File anzuhängen?

Vl steckt dahinter eh eine ganz simple Lösung, bisher konnte ich aber nichts finden...

Lg

 

[j-l-n]

Demo : jPlayer as an audio live-stream player oder BinaryJS - Realtime binary streaming for the web using websockets mit Websockets wären eine Überlegung wert.
Ansonsten findest du viele weitere Möglichkeiten unter den Suchbegriffen "audio streaming javascript"

 

[caducas]

BinaryJS habe ich versucht zu verwenden, allerdings habe ich hier die oben genannten Probleme. Hier mal der Source-Code von einer kleinen Test-Datei:

var client = new BinaryClient('ws://localhost:9000');

var song;
var playing = false;

  client.on('stream', function(stream, meta){    
      var parts = [];
      
      stream.on('data', function(data){
        parts.push(data);

        song = new Blob(parts);

        if(song.size > 500000) {
          if(playing !== true) {
            playing = true;
            playSong();
          }
        }
      });
  });

function playSong() {
        var audio = $("#player");     
        $("#playerSrcMp3").attr("src", (window.URL || window.webkitURL).createObjectURL(song));
        audio[0].load();
        audio[0].play();
}

Das Problem ist nicht das Übertragen der Datei, sondern das Entgegennehmen + Umwandeln in mp3 und dem Übergeben an <audio>... In meinem Beispiel wird eben immer ein neues BLOB erzeugt, mit neuer ObjectURL (wenn ich das richtig sehe...), dh das funktioniert so nicht...

Wo ich das Problem sehe, ist eben der Verweis auf das Blob...

 

[mikdoe]

Code bitte nicht mit Schriftartexperimenten auszeichnen sondern mit den HTML/CODE oder PHP Tags in eckigen Klammern. Hab das hier für dich gemacht.

 

[kkapsner]

Wenn du deine MP3s im Internet irgendwie sendest, sendest du sie. Du kannst nicht verhindern, dass jemand das mitschneidet und speichert. Wenn du kein abgefahrenes DMR-System implementieren/verwenden willst, halte ich dein Vorhaben für verschwendete Zeit.

... oder willst du sowas wie ein Internetradio machen?