# Loading Screen

<div align="center" data-full-width="false"><figure><img src="https://forum-cfx-re.akamaized.net/original/5X/6/8/5/2/68528acf8df940707b79725f52cbb808b1e5167d.jpeg" alt=""><figcaption></figcaption></figure></div>

### **Script**

{% embed url="<https://forum.cfx.re/t/free-loading-screen/5255315>" %}

### Installation

{% tabs %}
{% tab title="Github" %}

1. Download from [github](https://github.com/seekiii/nv_loadingscreen/) and **unzip** the `Loading Screen`.
2. Rename the folder to whatever you want. For example `nv_loadingscreen` and move the folder to your server's resource folder.
3. Add the resource to your server start config: `ensure nv_loadingscreen` , **Ensure the script is the latest one.**

{% code title="server.cfg" %}

```tsconfig
# ...
# All the other resources
ensure nv_loadingscreen
```

{% endcode %}

4. Open **config.js** and configure it correctly, paying attention to all the variables!
5. Restart server or type `ensure nv_loadingscreen` in the **console.**
   {% endtab %}
   {% endtabs %}

### Code

{% tabs %}
{% tab title="html/config.js" %}

```javascript
/*=================================================================*\
/* By: 			|	Nevera Development  							|
/* FiveM: 		|	https://forum.cfx.re/u/neveradevelopment		|
/* Discord: 	|	https://discord.gg/NeveraDev/tw28AqrgWU  		|
/*=================================================================*/
/* If you have any problems you can contact us via discord. <3     */


var staff_team = [

	{
		"name":"Nevera Owner",
		"image":"https://forum.cfx.re/user_avatar/forum.cfx.re/neveradevelopment/144/4447132_2.png",
		"rank":"Owner"
	},
	{
		"name":"Nevera Admin",
		"image":"https://forum.cfx.re/user_avatar/forum.cfx.re/neveradevelopment/144/4447132_2.png",
		"rank":"Admin"
	}

]


// Staff Settings
const showStaffTeam = true
const showPlayersList = true


// orange
// red
// blue
// green
// pink
// purple
const theme = "orange"

// ==== WINTER UPDATE !! ==== \\
const enableWinterUpdate = false
// ==== WINTER UPDATE !! ==== \\


// Text settings
const name = "<strong>NEV</strong>ERA"
const underName = "ROLE<b>PLAY</b>"
const desc = "FiveM Roleplay server featuring an extensive collection of custom scripts, maps, vehicles, unique weapons, and much more."


// Social media
const discord = "https://discord.gg/NeveraDev/tw28AqrgWU"  // If = "" then icon will not show up on screen
const instagram = ""	// https://example.com
const youtube = "" 		// https://example.com
const twitter = "" 		// https://example.com
const tiktok = ""  		// https://example.com
const facebook = ""		// https://example.com
const twitch = "" 		// https://example.com
const github = "" 		// https://example.com



// Player List
const serverCode = "******" //Your server CODE from fivem. (cfx.re/join/abcdef) this ABCDEF is your code, paste it in serverCode. 
const playerProfileImage = "https://forum.cfx.re/user_avatar/forum.cfx.re/neveradevelopment/144/4447132_2.png"


// Video Settings
const videoBlur = 0
var videoOpacity = 0.3


// Example link: https://www.youtube.com/watch?v=abcdefgh
const youtubeVideo = ""
const showYoutubeVideo = false

// Local Video
const enableLocalVideo = false

// Local audio
const localAudio = false



// HELP //

//-- YOUTBE
//-- LOCAL AUDIO
// if localAudio is true, then loading will load "audio.mp3" file and play it except youtube audio.
// if localAudio is false, then loading will load youtube audio.

//-- LOCAL VIDEO
// if enableLocalVideo is true, then loading will load "video.webm" file and play it except youtube video.
// If localVideo is enabled, showYoutubeVideo is automatically disabled.
// You can only import a video from either YouTube or local. Local video taking priority.
```

{% endtab %}
{% endtabs %}

### Support

{% hint style="info" %}
If you have any problems or need help, contact us on [Discord!](https://discord.gg/NeveraDev/tw28AqrgWU)
{% endhint %}