I want to convert audio file into base64 using Javascript only.
We can convert images into base64 using canvas. But how can we convert audio files.
Any help will be grateful.
-
Why do you want it in Base64 ? Is it for transmiting or to store locally ? Also, where do you get your file from, is it from an URL or from the client's computer ?Remy Grandin– Remy Grandin2015-07-01 12:59:56 +00:00Commented Jul 1, 2015 at 12:59
-
Possible dublicate: stackoverflow.com/questions/21878404/…Niddro– Niddro2015-07-01 13:06:47 +00:00Commented Jul 1, 2015 at 13:06
-
@RemyGrandin actually i have files in application's raw folder i want them to move to phone's local storage.venky– venky2015-07-01 13:25:44 +00:00Commented Jul 1, 2015 at 13:25
-
I'm doing it for tizen web app.In tizen i know how to convert base64 into audio file using file system and to i can store locally.But i'm unable to convert audio file to base64.venky– venky2015-07-01 13:30:32 +00:00Commented Jul 1, 2015 at 13:30
-
1It's not duplicate actually i was asking how to do programmaticallyvenky– venky2017-08-22 04:34:05 +00:00Commented Aug 22, 2017 at 4:34
|
Show 3 more comments
2 Answers
you can give the below code a try, it uses btoa
function getData(audioFile, callback) {
var reader = new FileReader();
reader.onload = function(event) {
var data = event.target.result.split(',')
, decodedImageData = btoa(data[1]); // the actual conversion of data from binary to base64 format
callback(decodedImageData);
};
reader.readAsDataURL(audioFile);
}
1 Comment
dinu0101
I am also facing the same issue to covert audio data to base64 string. @mido btoa() is for string conversion to base64 not the audio data. If you may provide the audio encoding in base64 sting will be helpful.
Here's how to convert an audio file to a base64 string with JavaScript:
async function audioToBase64(audioFile) {
return new Promise((resolve, reject) => {
let reader = new FileReader();
reader.onerror = reject;
reader.onload = (e) => resolve(e.target.result);
reader.readAsDataURL(audioFile);
});
}
You can use it like this:
<input oninput="audioToBase64(this.files[0]).then(result => console.log(result))" type="file">
This will console.log a string like data:audio/mpeg;base64,//uYxAAAAA... when a file is chosen in that filepicker.
