Skip to content

๐ŸŽฎ BLN Loading Screen โ€‹

bln loading screen redm

๐Ÿ“บ Preview โ€‹

Video Preview

๐Ÿ’ฐ Get it now โ€‹

Download

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 โ€‹

  1. Download the resource files
  2. Extract the bln_loading folder to your server's resource directory
  3. Add ensure bln_loading to your server.cfg
  4. Configure the settings in ui/config.js to match your server
  5. Replace ui/logo.png with your server's logo
  6. Add your background media files to ui/sources/
  7. 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