How to Host FiveM Loading Screen Music Externally

As your GTA RP server grows, optimizing resource sizes becomes critical. Storing heavy audio files inside your FiveM resources forces players to download them before they can connect. The smart solution? Host your FiveM loading screen music externally. Here is how to do it.

Why Host Audio Externally?

• Zero Download Time: Players do not download the file to their cache; their web browser simply streams it over the internet.
• Smaller Resource Size: It prevents the dreaded "Resource loading_screen is larger than 16MB" warning in your server console.
• Easy Updates: You can change the song on your external host, and the loading screen will update automatically without needing a server restart.

Step 1: Get a Direct Audio Link

You cannot just use a Spotify or SoundCloud page link. You need a Direct Link that ends in .mp3 or .ogg.

Hosting Options:

1. Discord CDN (The Easy Way): Upload your .mp3 file to a private Discord channel. Right-click the uploaded file and select "Copy Link". The link should look something like https://cdn.discordapp.com/attachments/.../music.mp3.
2. GitHub Pages / Web Hosting (The Reliable Way): If you have a web server or use GitHub pages for your community website, upload the audio file there and copy the URL.

Note: Discord CDN links can sometimes expire or have rate limits applied if your server gets incredibly popular. A dedicated web host is always best.

Step 2: Update Your HTML

Now that you have your direct link, open your loading screen's index.html file. Look for the <audio> tag.

<!-- Change this (Local File): -->
<audio id="bg-music" src="assets/music.mp3" loop autoplay></audio>

<!-- To this (External Link): -->
<audio id="bg-music" src="https://yourwebsite.com/audio/music.mp3" loop autoplay></audio>

Save the file, restart your resource, and the music will now stream directly from the web!

An Even Simpler Solution

Don't want to deal with Discord CDN links or paying for web hosting?