# Audio element not working

**URL:** https://community.glideapps.com/t/audio-element-not-working/20849
**Category:** Report a Bug
**Created:** [January 7, 2021, 6:01pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849 "2021-01-07T18:01:58Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 7, 2021, 6:01pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/1 "2021-01-07T18:01:58Z")

</div>

My app’s URL: [app.astroman.com](http://app.astroman.com)  
Testing on iOS, and desktop Mac OS via Firefox

I can not seem to get the audio component in detail view to work.  
The component is linked to:

an .mp3 file on my web server…

www. astroman. com /media/05-junk-satellite-1.mp3

[http://astroman.com/media/05-junk-satellite-1.mp3](http://astroman.com/media/05-junk-satellite-1.mp3)

Which works just fine opening directly in browser URL, but in glide it shows a 0:00 duration and will not play (wow, as it is inside this post as seen in the player above which I did not add, I just added the URL for the .mp3):

 ![audioissue](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/4/b4a0b15a3bfcc1904fc6172cdf1dfcce479ca6ef.png)

---

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [January 7, 2021, 6:20pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/2 "2021-01-07T18:20:36Z")

</div>

All file links must start with `https://`

---

<div class="post-metadata">

### Author: ![ThatGuyInArizona](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thatguyinarizona/32/12472_2.png) [@ThatGuyInArizona](https://community.glideapps.com/u/ThatGuyInArizona)
#### Post date: [January 7, 2021, 6:24pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/3 "2021-01-07T18:24:12Z")

</div>

WOW- i saw Man or Astroman live back in the 90’s!! great concert and fun fun fun musical style.

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 7, 2021, 6:37pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/4 "2021-01-07T18:37:56Z")

</div>

Hmm…Ok, well https does not currently resolve on my server. So I will look into that. Thanks. Meanwhile, I have also tried to link to it stored on Google Drive, but that does not seem to work either, since the google link is a file ID not a .mp3. Is there anyway to use it via Google Drive?

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 7, 2021, 6:39pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/5 "2021-01-07T18:39:36Z")

</div>

Ha! Small world! Thanks!

---

<div class="post-metadata">

### Author: ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)
#### Post date: [January 7, 2021, 7:43pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/6 "2021-01-07T19:43:53Z")

</div>

Why not use the File Picker component to upload your file to Glide directly? Then it will just work.

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 7, 2021, 11:42pm UTC](https://community.glideapps.com/t/audio-element-not-working/20849/7 "2021-01-07T23:42:17Z")

</div>

Your audio file does not exist, my friend.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/116d1e8cf203d43d878a24a947d3b985466cfd52.png)

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 12:13am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/8 "2021-01-08T00:13:38Z")

</div>

Our content is generally user contributed and I prefer to have maintain that content hosted on our own server, and one that backups to a physical drive in our possession. This is partially a philosophical choice, but it also facilitates migration to other platforms should that ever become needed. Currently when a user uploads a file, I run a Zapier script to duplicate it to my Google Drive (which is also synced with physical drive via Google desktop), and then update the sheet row entry to point to the google drive. It would be great if Glide could allow playback of .mp3 file via Google drive, but I can work around it. I might use the Glide file version for .mp3 files for Glide usage, but still have Zap to make sure I also have a copy locally.

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 12:15am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/9 "2021-01-08T00:15:31Z")

</div>

That is what happens when you use https.  
But try is http://

 ![audioissue2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/4/d46ce013bf89743dbc1216b07e817996e00b5793.jpeg)

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 8, 2021, 12:23am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/10 "2021-01-08T00:23:39Z")

</div>

> [@Robert\_Delbueno](#):
>
> Is there anyway to use it via Google Drive?

Download the audio, then upload it to google drive.

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 12:24am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/11 "2021-01-08T00:24:57Z")

</div>

Interesting…I just used the File Picker, and uploaded an .mp3 as you suggested.  
Same issue.  
See screen shots on Firefox and Safari on MacOS.

Any ideas?

 ![audioissue4](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e34ad291200fff52fa8e951817ce5915bd820435.jpeg) ![audioissue3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/3/43eab2cc7f1d16b9ee4d140e04637f8dcc82bfeb.png)

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 1:04am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/12 "2021-01-08T01:04:01Z")

</div>

Pablo,  
Turns out I do not have an SSL cert on [astroman.com](http://astroman.com)  
Adding now, and will retry.

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 1:05am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/13 "2021-01-08T01:05:43Z")

</div>

Pablo, Regarding the use of google drive, getting to Google drive is not the issue, it is that the Audio component of Glide does not recognize the google drive file as an audio file, since the link given by Google does not end with an audio extension. Is there a work around that you know of ?

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 8, 2021, 1:16am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/14 "2021-01-08T01:16:38Z")

</div>

It works for me - have you made sure that you’ve turned on sharing?

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [January 8, 2021, 1:22am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/15 "2021-01-08T01:22:58Z")

</div>

Here - try this one as a dummy one

`https://drive.google.com/file/d/1K6vJQTg17At71xIpEVmr0L_fNSNETM3t/view?usp=sharing`

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 1:28am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/16 "2021-01-08T01:28:18Z")

</div>

Ahhh…so when I use my ZAP to upload to Google, it just uploads it but does not change the sharing to “Everyone…”  
If I manually change sharing…it works!  
I will need to add a step in the zap to modify sharing.

---

<div class="post-metadata">

### Author: ![Robert\_Delbueno](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_delbueno/32/19208_2.png) [@Robert\_Delbueno](https://community.glideapps.com/u/Robert_Delbueno)
#### Post date: [January 8, 2021, 2:01am UTC](https://community.glideapps.com/t/audio-element-not-working/20849/17 "2021-01-08T02:01:19Z")

</div>

Works! Thanks Pablo for your help.
