Audio Component doesn't work

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.

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

Can you show us what link you are using?

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.

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

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.

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.

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.

1 Like

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.

<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.

3 Likes

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:

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

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)

2 Likes

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.

5 Likes

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.

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

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?

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

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
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.

1 Like

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.

2 Likes

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 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.

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.

2 Likes