# Audio Component doesn't work

**URL:** <https://community.glideapps.com/t/audio-component-doesnt-work/70496>\
**Category:** Ask for Help\
**Created:** [February 5, 2024, 12:23am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496 "2024-02-05T00:23:00Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Francisco\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_carvalho/32/16940_2.png) [@Francisco\_Carvalho](https://community.glideapps.com/u/Francisco_Carvalho)\
**Post date:** [February 5, 2024, 12:23am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/1 "2024-02-05T00:23:00Z")

</div>

Audio component appears grayed out in glide and I can’t play audio link in Glide App. I can play the link externally and so can other people. The problem is only with the glide. Due to the fact that the auto component dims, it doesn’t seem like an external problem.

---

<div class="post-metadata">

**Author:** ![Nataliya\_Kovaleva](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nataliya_kovaleva/32/67518_2.png) [@Nataliya\_Kovaleva](https://community.glideapps.com/u/Nataliya_Kovaleva)\
**Post date:** [February 5, 2024, 12:34am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/2 "2024-02-05T00:34:45Z")

</div>

Hi Francisco! “Audio needs to have an .mp3 file extension so the link has to be the direct download link.” - Robert Petito’s quote.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 5, 2024, 1:09am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/3 "2024-02-05T01:09:05Z")

</div>

Can you show us what link you are using?

---

<div class="post-metadata">

**Author:** ![Francisco\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_carvalho/32/16940_2.png) [@Francisco\_Carvalho](https://community.glideapps.com/u/Francisco_Carvalho)\
**Post date:** [February 5, 2024, 2:39am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/4 "2024-02-05T02:39:33Z")

</div>

I am using two file formats: mp3 and ogg. Both were working perfectly and stopped working out of nowhere. In fact, what stopped working was the button - audio components.

---

<div class="post-metadata">

**Author:** ![Francisco\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_carvalho/32/16940_2.png) [@Francisco\_Carvalho](https://community.glideapps.com/u/Francisco_Carvalho)\
**Post date:** [February 5, 2024, 2:43am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/5 "2024-02-05T02:43:29Z")

</div>

Eu estou utilizando links para arquivos que estão no neu Google Drive, com acesso público.

> **[Age'e so si ky'y.mp3](https://drive.google.com/file/d/113TmM_rdDcBjBJMlU8fYtYQCuLI3Fwwj/view?usp=sharing)**
>
> Google Drive file.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 6, 2024, 12:11am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/6 "2024-02-06T00:11:14Z")

</div>

Google Drive isn’t recommended as a storage to use for media sharing like this within Glide. It’s likely you have hit a limit in Google and they’re blocking the ability to play for a period of time.

I would suggest uploading your files to Glide storage using the file picker, and use that for the audio component instead.

---

<div class="post-metadata">

**Author:** ![Francisco\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_carvalho/32/16940_2.png) [@Francisco\_Carvalho](https://community.glideapps.com/u/Francisco_Carvalho)\
**Post date:** [February 6, 2024, 1:07am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/7 "2024-02-06T01:07:08Z")

</div>

I have plenty of space on Google Drive. What it seems to me is that Glide itself is disabling the audio button. It would be very unpleasant if it was known that he was doing this to force users to migrate to his cloud. I’ve been using Google Drive on Glide for a while now, it’s always worked.  
If shared files work well outside of glide, it should work well through it. The problem is not the audio. It’s the glide button and code.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 6, 2024, 1:21am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/8 "2024-02-06T01:21:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/4/e4785109b046f7bb3f1ad6bf1d44545be22b3313.png)

They have always stated Google Drive should not be seen as a streaming service, this isn’t something new. The screenshot is for video, but with the number of posts about audio having problems, I would just suggest uploading to Glide Tables, for audio.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 6, 2024, 1:22am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/9 "2024-02-06T01:22:18Z")

</div>

This has nothing to do with Google Drive storage. Also, Glide does not disable the audio player. They use the standard issue HTML5 Audio player that any other website in the world can use. There is nothing special or unique about the audio player that Glide uses. It’s the one that comes standard with the browser.

This is how the HTML is rendered. You can see that it’s standard HTML. Nothing special about it.

```auto
<audio controls="" src="https://drive.google.com/file/d/113TmM_rdDcBjBJMlU8fYtYQCuLI3Fwwj/view?usp=sharing" class="wire-audio___StyledAudio-sc-1wjzwdi-0 jFRAaA"></audio>

```

This is how your url renders in a standard HTML5 audio player. Notice we are not in a Glide App, but it’s the same player. Also notice that it also is unable to play your audio file.

It’s been known for a long time that storing files in google drive and using it for hosting website media is unstable.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [February 6, 2024, 1:54am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/10 "2024-02-06T01:54:24Z")

</div>

I feel this is more of a security measure implemented by Google Drive itself. You can view your audio file in the browser like this:

 ![Screenshot 2024-02-06 at 08.45.29](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/968835538fc9e66d6ef50aa325fa5a0b69994440.png)

You can still use the Web Embed component to play your audio file, and the result is the same:

 ![Screenshot 2024-02-06 at 08.48.37](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c04fde8d1ca585e41fc73f0ba55727e8b751bee3.png)

Here, you need to change the end of your URL text from ‘view’ to ‘preview’ to make it display in the Web Embed component  
`(https://drive.google.com/file/d/113TmM_rdDcBjBJMlU8fYtYQCuLI3Fwwj/preview)`

---

<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:** [February 6, 2024, 2:46am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/11 "2024-02-06T02:46:32Z")

</div>

Services like Google Drive do not want you to stream raw files like images, movies, or audio through other apps, and they do things to break those links and cause that not to work.

We’re only telling you to store files in Glide, so that these features work as intended. It’s not some evil plot to get you to use our file storage.

---

<div class="post-metadata">

**Author:** ![Francisco\_Carvalho](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francisco_carvalho/32/16940_2.png) [@Francisco\_Carvalho](https://community.glideapps.com/u/Francisco_Carvalho)\
**Post date:** [February 6, 2024, 2:39pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/12 "2024-02-06T14:39:58Z")

</div>

Right! Maybe this is something that glide has to work on and bring an additional alternative solution. Another important detail is that this is only happening with audio files links. The movie links, which are much larger, are working perfectly. But I’ll contact Google support to see what happens.

---

<div class="post-metadata">

**Author:** ![Benoit\_GUILLO](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benoit_guillo/32/76666_2.png) [@Benoit\_GUILLO](https://community.glideapps.com/u/Benoit_GUILLO)\
**Post date:** [January 14, 2025, 4:50pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/13 "2025-01-14T16:50:11Z")

</div>

Hello everyone,  
I experiment the same problem as Francisco. My sound files are .mp3 or .wave and I uploaded them on both my own server, a GCP and GoogleDrive. Whatever the repository, with public link, the Audio Component remain grayed.  
Has anyone any information about this ?  
Thank you for your help

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 14, 2025, 6:06pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/14 "2025-01-14T18:06:51Z")

</div>

So you are sure the link is public? If you visit that link in an incognito browser window, what happens? Do you have a link you would be willing to share?

---

<div class="post-metadata">

**Author:** ![Benoit\_GUILLO](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benoit_guillo/32/76666_2.png) [@Benoit\_GUILLO](https://community.glideapps.com/u/Benoit_GUILLO)\
**Post date:** [January 14, 2025, 9:06pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/15 "2025-01-14T21:06:16Z")

</div>

Hello Jeff,  
Thank you in advance for your help. Here’s one of the links for example (two types of storage) :

> **[CHarte des droits.mp3](https://drive.google.com/file/d/1d42ArY_-aEkyc2PUJ9sOaQ7rrNH1FamL/view?usp=drive_link)**
>
> Google Drive file.

ftp://issaouan@ftp.cluster010.ovh.net/www/AudioDom/CHarte%20des%20droits.mp3  
The only link that works is this one =\> [https://storage.googleapis.com/partageadom-storage/Audio/CHarte%20des%20droits.mp3](https://storage.googleapis.com/partageadom-storage/Audio/CHarte%20des%20droits.mp3)  
But the problem is that my client is not an IT worker and would like just to store his mp3 in his google drive.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 15, 2025, 1:22am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/16 "2025-01-15T01:22:01Z")

</div>

> [@Benoit\_GUILLO](#):
>
> But the problem is that my client is not an IT worker and would like just to store his mp3 in his google drive.

Wouldn’t just a file picker component do the work? He can upload his file using that component, to Glide, and you’re sure it would work.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 15, 2025, 1:43am UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/17 "2025-01-15T01:43:30Z")

</div>

Your FTP requires authentication, so I can’t really do much from that. That alone would not allow it to work since it’s not public. Also, I’m not sure you could even use an FTP location for something like this.

I couldn’t get your google drive link to work with an audio component either. Google Drive has never been recommended for hosting media for outside consumption. It’s not what it is designed for and I think google drive discourages it as well. I do host a couple of images in my google drive that I use in my app. I’ve never gotten around to moving the images to glide storage. I don’t think I’ve ever tried video or audio.

Like @ThinhDinh suggests, I think you would be better off storing the files in Glide’s storage, which is designed for this kind of purpose.

---

<div class="post-metadata">

**Author:** ![Benoit\_GUILLO](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/benoit_guillo/32/76666_2.png) [@Benoit\_GUILLO](https://community.glideapps.com/u/Benoit_GUILLO)\
**Post date:** [January 15, 2025, 5:12pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/18 "2025-01-15T17:12:04Z")

</div>

Thank you for your help Jeff,  
ftp doesn’t work, you are right. I wrote the common url =\> [https://dodecacom.com/Test/charte\_des\_droits.mp3](https://dodecacom.com/Test/charte_des_droits.mp3) and it works as well as the GCP URL.  
In short : audio url from google drive doesn’t work. File stored elsewhere on a common storage with common link works.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [January 15, 2025, 5:36pm UTC](https://community.glideapps.com/t/audio-component-doesnt-work/70496/19 "2025-01-15T17:36:27Z")

</div>

I’m guessing it just comes down to google not allowing streaming audio and instead requires the audio to be downloaded or played through their own player.
