Gibt es eine crossbrowser-Lösung für die Wiedergabe von flac? (oder ist es theoretisch möglich zu machen)

Hatte, wenn ich zu spielen FLAC-in-browser, mein Ausgangspunkt war auch die Aurora framework.

Aber die Aurora-Spieler ausgerichtet ist, um mit ScriptProcessorNode zu entschlüsseln Stücke von audio-on-the-fly. Das hat nicht pan out für viele Gründe.

1. Sucht Flac in Aurora wurde nie umgesetzt.
2. Stottern und nicht akzeptable performance in Firefox, auch auf einem mid-range-2014-desktop.
3. Nicht möglich zu entlasten Decodierung zu einem WebWorker.
4. Nicht inter-agieren mit audio-Formate, die der browser unterstützt.
5. Ich wollte nicht verantwortlich für die re-sampling-sample-rate -, sucht-und anderen low-level-audio-Aufgaben, die Aurora unbedingt assimiliert.

Decodierung offline: Flac zu Wave

Meine Lösung war zum decodieren der Flac to raw 16bit PCM-audio, mit einer abgespeckten Aurora.js Assset-Klasse + Abhängigkeiten.

Blick in die Quelle für Asset.Holen Sie sich( 'format', callback ), Asset.fromFile, und Asset.der Prototyp.decodeToBuffer.

Als Nächstes nehmen Sie die audio-Daten, zusammen mit der extrahierten Werte für die sample-rate und der Kanalanzahl und Aufbau einer WAVE-Datei. Diese können gespielt werden, mit einem HTML5-audio-element gesendet, wenn eine audio-Graphen mit createMediaElementSource, oder absolut alles, was Sie tun können, mit nativ unterstützten audio-Formate.

Hinweis: Ersetzen Sie die clz-Funktion in decoder.js mit der einheimischen Math.clz32 um die Leistung zu steigern, und polyfill clz32 für alte Browser.

Nachteil

Die dekodierzeit. Nach etwa 5 Sekunden auf ~100% CPU für eine "Durchschnittliche" 4min song.

Vorteile

1. Blob (im Gegensatz zu arraybuffer) ist nicht beschränkt durch RAM, und der browser kann die swap auf die Festplatte zu speichern. Original Flac-Daten können wahrscheinlich verworfen werden, auch.
2. Erhalten Sie Suche nach kostenlos.
3. Erhalten Sie die sample-rate re-sampling-kostenlos.
4. CPU-Aktivität bezahlt im Voraus WebWorker.
5. Sollte der Browser IMMER gewinnen, native Flac-Unterstützung, leicht zu reißen. Es nicht schaffen eine starke Abhängigkeit von Aurora.

Hier ist die Funktion zum erstellen der WAVE-header, und schalten Sie die rohen PCM-Daten in etwas, das der browser nativ spielen.

function createWave( audioData, sampleRate, channelCount )
{
    const audioFormat  = 1, //2    PCM = 1
    subChunk1Size= 16,      //4    PCM = 16
    bitsPerSample= 16,      //2
    blockAlign   = channelCount * (bitsPerSample >> 3), //2
    byteRate     = blockAlign * sampleRate,             //4
    subChunk2Size= blockAlign * audioData.size,         //4
    chunkSize    = 36 + subChunk2Size,                  //4
    //Total header size 44 bytes
    header = new DataView( new ArrayBuffer(44) );


    header.setUint32( 0, 0x52494646 ); //chunkId=RIFF
    header.setUint32( 4, chunkSize, true );
    header.setUint32( 8, 0x57415645 ); //format=WAVE
    header.setUint32( 12, 0x666d7420 ); //subChunk1Id=fmt
    header.setUint32( 16, subChunk1Size, true );

    header.setUint16( 20, audioFormat, true );
    header.setUint16( 22, channelCount, true );

    header.setUint32( 24, sampleRate, true );
    header.setUint32( 28, byteRate, true );

    header.setUint16( 32, blockAlign, true );
    header.setUint16( 34, bitsPerSample, true );

    header.setUint32( 36, 0x64617461 ); //subChunk2Id=data
    header.setUint32( 40, subChunk2Size, true );

    return URL.createObjectURL( new Blob( [header, audioData], {type: 'audio/wav'} ) );
}