[Release] Simple LoadingScreen

FiveM Resource Development & Modding Releases
1

Hello guys

Screenshot_1
Screenshot_11881×980 417 KB

Today i decided to make public my loading screen

DOWNLOAD : https://github.com/NiPsEeN/loadingscreen

All you need to do is :

1.Download it
2.Extract it in the resource and start it
3.Configure it with your info in the index.html
4.Put your music in music folder (name need to ne music and the file mes de to be .ogg)
5.Have fun.

17.07.2019 [ FIXED STOP MUSIC]
Thanks to @mirrox

13 Likes
2

Nice Release bro , thanks

3

With pleasure :smiley:

4

Don’t know what I’m doing wrong here but I get a black screen when using it, even when I ran it with your default info, same thing :frowning:

5

Sorted it now, ignore me xD

6

=))) xd

7

The music stop after a few seconds

1 Like
8

When I click on the forum button, a black screen appears to me. How to fix it?

9

Go to index.html at line 11 and cut href=“forum/index.html” . I forget to delete it .

10

hey so for the background what resolution is it if i would want to place a image in the background

11

The menu is superb bravo, but the music not longtemp and cuts quickly, how to remedy that?

12

@NiPsEeN.GOD Hello man, great job, but my music stop after few seconds, name of song is music and file is .ogg how to solve it?

1 Like
13

the same , sorry me bad english

14

Fix for song stop playing

<link rel="stylesheet" type="text/css" href="1.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
</head>
<body>
<div class="Shape"> 
	<div style="height: 80%;width: 60%;margin-left: 10%;margin-top: 10%;">
        <img src="logo.png" height="20%">
        <div class="ShapeStyle"></div>
        <div style="margin-top:10%"><a style="font-size:30px;font-family: 'Montserrat', sans-serif;">Glöm inte att sätta dig i Discord!</a><br><br><a href="https://www.arnamide.se" class="Button">Arnamide.se</a><a href="https://discord.gg/n2ZH5NG" class="Button">Discord</a></div>
    </div>	
</div>
<div class="video-background">
      <iframe class="videoContainer__video" height="100%" width="130%" src="https://www.youtube.com/embed/MJ7Ad0w3jGQ?autoplay=1&rel=0&controls=0&loop=1&showinfo=0" frameborder="0"></iframe>
 </div>
 </body>
    <script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-73378277-10'); </script>
    <audio id="leson" src="music/music.ogg" autoplay="true" hidden="true" loop="true"/>
		<script>
	

    var play = false;
    var myAudio = document.getElementById("leson");
    
    myAudio.volume = 0.1;
	
	
    function onKeyDown(event) {
            switch (event.keyCode) {
                case 32: //SpaceBar                    
                    if (play) {
                        myAudio.pause();
                        play = false;
                    } else {
                        myAudio.play();
                        play = true;
                    }
                    break;
            }
      return false;
    }
    window.addEventListener("keydown", onKeyDown, false);
    </script>
</body>
</html>
15

whats the resolution for a image for this loading screen

16

nevermind i got it all u have to do is change video background to image background

17

Fixed music stop. Thanks to @mirrox

18

Another fix for music would be to use mp3 rather than ogg, ogg cuts out a lot.

19

I will try to fix it tomorrow

20

neat af, cool release man