¿Cómo reproducir datos de audio base64 en Firefox utilizando HTML5?

Question

Aug 15, 2013, 02:54 AM

base64 html5-audio html5 javascript firefox

¿Cómo reproducir datos de audio base64 en Firefox utilizando HTML5?

Estoy tratando de codificar un archivo mp3 en formato base64. Luego juega a través de la brecha. Funciona perfectamente en safari y cromo, pero no enFirefox.

Mi pregunta es"¿hay alguna forma de hacer que Firefox reproduzca un archivo de audio en formato de cadena binario / base64?"

ps: sé que Firefox no puede reproducir mp3, así que he intentado con otros archivos de audio como wav, ogg ... Ninguno de ellos está trabajando en Firefox después de haberlos codificado en base64. Por favor ayuda

<body>
    <div>
        <form>
        Select a file: <input type="file" name="img" id="myaudio"/>
        </form>
    </div>
    <div id="click">
        <span>click</span>
    </div>
    <div id="body">
        <audio controls="controls" autobuffer="autobuffer" autoplay="autoplay">
        </audio>

    </div>
    <script type="text/javascript">
        $(document).ready(function(){
              $("#click").click(function(){
                    var audio = $("input[type='file']").get(0).files[0];

                    readFile(audio, function(e) {
                        var result = e.target.result;   *// here I get a binary string of my original audio file*
                        encodedData = btoa(result);   *// encode it to base64*
                        $("audio").html("<source src=\"data:audio/mp3;base64,"+encodedData+"\"/>");     *//add the source to audio*
                    });
              });

        });

        function readFile(file, onLoadCallback){
            var reader = new FileReader();
            reader.onload = onLoadCallback;
            reader.readAsBinaryString(file);
        }


    </script>
</body>