audio to base64 using javascript

Question

I have an audio Link:

var au='https://firebasestorage.googleapis.com/v0/b/test-46a7f.appspot.com/o/Audio.mp3?alt=media&token=a4fa9b18-ab70-4bbc-8ae1-21639d411035';

I need to convert the audio to base64, because its play on mobile devices with a very big delay.

Possible duplicate of converting audio file to base64 using javascript — Anik Islam Abhi
– Anik Islam Abhi, Commented Mar 28, 2017 at 4:38
If you are thinking of doing this in a browser, the main issue I see is that the server wont let you access the raw audio — Jaromanda X
– Jaromanda X, Commented Mar 28, 2017 at 4:41
Thanks for ur reply.This audio file played on mobile very delayed.any other way to fix this pblm. — ANISUNDAR
– ANISUNDAR, Commented Mar 28, 2017 at 4:49

Parth Ghiya · Accepted Answer · 2017-03-28 04:39:32Z

1

Please see working plunkr https://plnkr.co/edit/PFfebmnqH0eQR9I92v0G?p=preview, Its in Angular 2

Core Logic is JS method : HTML

<input type="file" id="filePicker" (change)="handleFileSelect($event)">

JavaScript:

handleFileSelect(evt){
      var files = evt.target.files;
      var file = files[0];

    if (files && file) {
        var reader = new FileReader();

        reader.onload =this._handleReaderLoaded.bind(this);

        reader.readAsBinaryString(file);
    }
  }



 _handleReaderLoaded(readerEvt) {
     var binaryString = readerEvt.target.result;
            this.base64textString= btoa(binaryString);
            console.log(btoa(binaryString));
    }

answered Mar 28, 2017 at 4:39

Parth Ghiya

6,9692 gold badges32 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ANISUNDAR Over a year ago

Thanks for ur reply.This audio file played on mobile very delayed.any other way to fix this pblm

Parth Ghiya Over a year ago

@ANISUNDAR thats complete different question altogether, you will need to use something from developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API

Collectives™ on Stack Overflow

audio to base64 using javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related