Wie kann ich .spx Datei von HTML5 spielen?

Question

von html5 spec, es Unterstützung spx scheinen: http://dev.w3.org/html5/spec-preview/the-source-element.html

Verwendung:

Aber aus meiner versuchen, es nicht in beiden Firefox 17 und Chrome spielen kann, könnte Ihnen helfen?

Answer 1

Die Spezifikation sagt:

Das type-Attribut den Typ der Medienressource gibt, die User-Agent bestimmen zu helfen, wenn es diese Medien Ressource vor es Holen spielen kann.

Die Spezifikation selbst legt keine Audio- oder Videoformate fest, die unterstützt werden sollen, und die Unterstützung ist einzelnen Browsern vorbehalten.

... und kein Browser unterstützt .spx so weit ich weiß.

Answer 2

Ich habe festgestellt, dass speex.js auf GitHub (https://github.com/jpemartins/speex.js) Ihr Problem lösen kann. Mit speex.js kann man die speex-Datei (* .spx oder * .ogg) & zum wav on fly dekompilieren, was sowohl von Chrome/Firefox als auch von vielen anderen modernen HTML5-fähigen Browsern unterstützt wird.

• in Ihrem HTML umfassen thoese * JS-Datei unter https://github.com/jpemartins/speex.js/tree/master/public/js/lib

<script src="bitstring.js"></script> 
<script src="pcmdata.min.js"></script> 
<script src="speex.js"></script> 

• Funktion unter den Trick spx umwandeln in wav-Codec:

/** 
    * @param bufSpx ArrayBuffer (Uint8Array) holding content of speex file (*.spx or *.ogg) 
    */ 
function decodeFile(bufSpx) { 
    var stream, samples, st; 
    var ogg, header, err; 

    ogg = new Ogg(bufSpx, {file: true}); 
    ogg.demux(); 
    stream = ogg.bitstream(); 

    header = Speex.parseHeader(ogg.frames[0]); 
    console.log(header); 

    comment = new SpeexComment(ogg.frames[1]); 
    console.log(comment.data); 

    st = new Speex({ 
    quality: 8, 
    mode: header.mode, 
    rate: header.rate 
    }); 

    samples = st.decode(stream, ogg.segments); 

    var waveData = PCMData.encode({ 
     sampleRate: header.rate, 
     channelCount: header.nb_channels, 
     bytesPerSample: 2, 
     data: samples 
    }); 

    // array buffer holding audio data in wav codec 
    var bufWav = Speex.util.str2ab(waveData); 
    // convert to a blob object 
    var blob = new Blob([bufWav], {type: "audio/wav"}); 
    // return a "blob://" url which can be used as a href anywhere 
    return URL.createObjectURL(blob); 
}