# Firebase storage, audio,

**URL:** <https://forum.ionicframework.com/t/firebase-storage-audio/113787>\
**Category:** ionic-v3\
**Created:** [November 29, 2017, 11:50am UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787 "2017-11-29T11:50:42Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![shmulikmak](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@shmulikmak](https://forum.ionicframework.com/u/shmulikmak)\
**Post date:** [November 29, 2017, 11:50am UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/1 "2017-11-29T11:50:42Z")

</div>

I try to download and play mp3 file that store in FIreabse.  
I get the link from Firebase but cant play it.  
I upload the audio on base64.

here is how I play the file:  
const snd = new Audio(“data:audio/mp3;base64,” + url);  
snd.play();

---

<div class="post-metadata">

**Author:** ![javebratt](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/javebratt/32/104226_2.png) [@javebratt](https://forum.ionicframework.com/u/javebratt)\
**Post date:** [December 5, 2017, 1:16am UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/2 "2017-12-05T01:16:01Z")

</div>

When you upload the audio to Firebase Storage, do you just pass the `base64` string or do you also pass the appropriate metadata?

Also, if you copy/paste the `downloadURL` in the browser, does it play?

---

<div class="post-metadata">

**Author:** ![shmulikmak](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@shmulikmak](https://forum.ionicframework.com/u/shmulikmak)\
**Post date:** [December 5, 2017, 1:43am UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/3 "2017-12-05T01:43:42Z")

</div>

I pass base64 string and pass metadata for mp3.  
the url not working in the browser as is…

really thanks for your answer…

---

<div class="post-metadata">

**Author:** ![javebratt](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/javebratt/32/104226_2.png) [@javebratt](https://forum.ionicframework.com/u/javebratt)\
**Post date:** [December 5, 2017, 1:59am UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/4 "2017-12-05T01:59:36Z")

</div>

If it’s not working on the browser you might not be storing the appropriate metadata.

Can you actually download the .mp3 and play it on your computer?

---

<div class="post-metadata">

**Author:** ![shmulikmak](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@shmulikmak](https://forum.ionicframework.com/u/shmulikmak)\
**Post date:** [December 5, 2017, 12:14pm UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/5 "2017-12-05T12:14:55Z")

</div>

the audio not working when I download it.  
I was think its because I encode it to base64 so I need to decode the audio again to hear it…

anyway here is how I save the file \>\>

```auto
saveRecord() {

     const audioFile = { name: `${this.currentUid}.mp3` };
      this.file.readAsDataURL(this.file.externalDataDirectory, audioFile.name).then((data: any) => {
        if (data) {
          const blob = new Blob([data], { type: “audio/mp3” });
          const uploadAudio = this.usersStorageAboutRecordRef.child(`${this.currentUid}/${this.currentUid}.mp3`).put(blob);
          uploadAudio.on(firebase.storage.TaskEvent.STATE_CHANGED,
            (snapshot) => {
              var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
              console.dir(progress);
            }, (error) => {
              console.dir(error);
            }, () => {
              var downloadURL = uploadAudio.snapshot.downloadURL;
              console.dir(‘savedAudio1: ’,downloadURL);
            });
          uploadAudio.then((savedAudio) => {
            console.log(‘savedAudio: ’, savedAudio);
          });
        }
      });
  }

this.usersStorageAboutRecordRef = firebase.storage().ref(‘users/aboutMeRecord’);

```

Thanks a lot!!🙂

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 10:01pm UTC](https://forum.ionicframework.com/t/firebase-storage-audio/113787/6 "2021-07-19T22:01:23Z")

</div>