๐ฎ BLN Loading Screen โ

๐บ Preview โ
๐ฐ Get it now โ
Transform your RedM server's first impression with a stunning, interactive loading screen! this loading screen provides an immersive and professional experience for your players at no cost.
โจ Features โ
- ๐ต Dual Content Modes - Support for both video and image slideshows with background music
- ๐ฏ Interactive Elements - Clickable rules and staff information modals
- ๐ถ Audio Controls - Mute/unmute functionality with smooth audio integration
- ๐ Customizable Theming - Easily change colors and branding to match your server
- ๐ Smooth Transitions - Elegant animations and content rotation system
- ๐ฑ Responsive Design - Works perfectly on all screen sizes and resolutions
- โก Auto-Shutdown - Intelligent loading completion detection with customizable timing
- ๐ฅ Player Integration - Displays player count and connection information
- ๐ Real-time Data - Live server information and player statistics
๐ ๏ธ Installation โ
- Download the resource files
- Extract the
bln_loading
folder to your server's resource directory - Add
ensure bln_loading
to yourserver.cfg
- Configure the settings in
ui/config.js
to match your server - Replace
ui/logo.png
with your server's logo - Add your background media files to
ui/sources/
- Restart your server and enjoy!
โ๏ธ Configuration โ
javascript
window.LoadingScreenConfig = {
previewType: "video", // "images" or "video"
primaryColor: "#d4af37", // Primary theme color
logoURL: "./logo.png",
rules: {
title: "Server Rules",
items: [
{
title: "General Conduct",
description: "Be respectful to all players and staff members..."
},
// Add more rules here
]
},
staff: {
title: "Staff Team",
members: [
{
name: "Galaxy",
role: "Owner",
description: "Server founder and main administrator..."
},
// Add more staff members here
]
},
video: {
intervalTime: 4000, // 4 seconds between content changes
volume: 0.1, // Video volume (0.0 to 1.0)
src: "./sources/video.webm",
contents: [
{
title: "Welcome to Our Server",
description: "Experience the ultimate gaming environment..."
},
// Add more video content here
]
},
images: {
intervalTime: 3000, // 3 seconds between image content changes
bgMusic: "./sources/bg-audio.mp3",
musicVolume: 0.1, // Background music volume (0.0 to 1.0)
sources: [
{
title: "ROBBERIES",
description: "Plan your heists carefully...",
src: "./sources/image-1.jpg"
},
// Add more image sources here
]
}
};
๐ค Support โ
Need help? Have questions? Join our Discord server for support and updates!
- ๐ฌ Discord: Join Here
- ๐ฎ Live support and community help
- ๐ Regular updates and improvements
- ๐ Documentation and tutorials
- ๐ฏ Feature requests and feedback
๐ License โ
This resource is completely free for all RedM server owners. Feel free to use it on your server and customize it to your needs. Please don't remove the BLN Studio credits from the code.
Made with โค๏ธ by BLN Studio - Creating quality RedM resources since 2023