With sl_loadingscreen, players are greeted by a fully branded loading screen while connecting to the server. It features a video background, animated progress bar, background music with a toggle, and clickable social links for Discord, TeamSpeak, and website. All content is fully configurable through a dedicated config file without touching any source code.

Features:

Loading Screen:

• Video Background: Plays a custom video file with a fallback static image if the video cannot load.
• Progress Bar: Real-time animated loading bar showing the current loading progress.
• Background Music: Auto-plays a background track on load with a configurable volume and a keypress toggle.
• Social Links: Clickable buttons for Discord, TeamSpeak, and website that open the correct URLs or protocol handlers directly from the loading screen.
• Server Branding: Displays server title, subtitle, welcome heading, and a description text.

Customization Options:

• Server Branding: Set title, subtitle, welcome heading, and description in config/config.js.
• Social Links: Configure label, display name, URL, and icon for each social button.
• Audio: Toggle background music on/off, set volume level, and configure the toggle key.
• Video & Music: Replace html/assets/video/video.mp4 and html/assets/audio/song.mp3 with your own files.
• UI Styling: Adapt colors and layout in html/assets/css/style.css or use the included color tool to recolor the entire UI.

Requirements:

• No additional dependencies required.

[youtube:VIDEO_ID]