I created my load screen but for some reason my music doesnt play on my server :/ It works fine on my and my friends webrowsers but not my server.... Could someone tell me what i need todo for the music to play on my server?
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<bgsound src="song.mp3" loop="infinite">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body
{
background-image:url("bacon.png");
background-repeat:no-repeat;
background-attachment:fixed
background-position:center;
background-size:cover;
}
.swagga {
font-family: Verdana, Geneva, sans-serif;
font-size: 25px;
font-weight: bolder;
color: #FFF;
font-style: italic;
text-decoration: blink;
text-align: center;
}
</style>
</head>
<body>
<span class="swagga" style="font-weight: bold; text-align: center;"><span class="swagga"><center>Welcome to Sage Gamers[24/7|Build|Wiremod]</center></span></span>
<!-- <embed src="song.mp3" "width="2" height="0" autostart="true" loop="true"></embed> -->
<center>
<div style='position: absolute; top: -1px; right: 0; bottom: 0; left: 20px; width: 50%; height: 50%; margin: auto; overflow: show;'>
<div style='color: #0FF; font-family: Arial; font-size: 25px; font-weight: bold;'></div>
<BR />
<hr width="200">
<BR />
<div id='loadingtext' style='color: #0FF; font-family: Arial; font-size: 15px; font-weight: bold;'>Loading Server File's Please Wait...</div>
<BR />
<hr width="200">
<BR />
<div style='margin-top: 10px; color: #0FF; font-family: Arial; font-size: 12px; font-weight: bold;'>Enjoy Your Stay With Us Here On Sage Gamers</div>
<div style='margin-top: 10px; color: #0FF; font-family: Arial; font-size: 12px; font-weight: bold;'>Remember To Join Our Steam Group: http://steamcommunity.com/groups/SageGamers</div>
</div>
</center>
<div style='-webkit-box-reflect: below -120px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgba(255, 255, 255, 1.0))); position: absolute; top: 90%; right: 0; bottom: 0; left: 5%; height: 100px; overflow: show; font-family: Arial; font-size: 24px; font-weight: bold; color: #888' id='files'>
</div>
<script type="text/javascript">
keywords =
[
"Killing Garry!",
"Robbing Nearest Bank.",
"Breaking Your Face.",
"Arming Server Nuke.",
"Unreticulating Splines.",
"Refuelling Missiles.",
"Waiting For GTA V.",
"Killing Everyone Online.",
"Prop Pushing People.",
"Playing With IPod Touch.",
"Learning LUA.",
"Uploads Updates To Server.",
"Turning On Aimbot!",
"Cleaning Lawnmower.",
"Setting sv_cheats 1",
"Fetching Melons.",
"Waiting For Server.",
"Building Your City.",
"Crashing Your Game.",
"Updating Physics Engine.",
"Waiting To Kill You! ",
"Please Wait While We Gimp You.",
"Updating Gmod To Version 13.",
"Ragdolling The Server Admins.",
"Killing Sage.",
"Cleaning Windows.",
"Changing TV Remote Batteryies.",
"Enabling Public Wallhack!",
"Waiting For Seth-Hack To Download :D"
]
var bCanChangeStatus = true;
function ChangeText ( ) {
if ( bCanChangeStatus )
{
var keyword = keywords[ Math.floor( Math.random() * keywords.length ) ]
document.getElementById( "loadingtext" ).innerHTML = keyword;
}
setTimeout( "ChangeText()", 2500 );
}
ChangeText();
var iFilesNeeded = 0;
var iFilesTotal = 0;
var bDownloadingFile = false;
function SetFilesNeeded( iNeeded )
{
iFilesNeeded = iNeeded;
RefreshFileBox();
}
function SetFilesTotal( iTotal )
{
iFilesTotal = iTotal;
RefreshFileBox();
}
function DownloadingFile( filename )
{
if ( bDownloadingFile )
{
iFilesNeeded = iFilesNeeded - 1;
RefreshFileBox();
}
document.getElementById( "loadingtext" ).innerHTML = "Downloading " + filename;
bCanChangeStatus = false;
setTimeout( "bCanChangeStatus = true;", 1000 );
bDownloadingFile = true;
}
function SetStatusChanged( status )
{
if ( bDownloadingFile )
{
iFilesNeeded = iFilesNeeded - 1;
bDownloadingFile = false;
RefreshFileBox();
}
document.getElementById( "loadingtext" ).innerHTML = status;
bCanChangeStatus = false;
setTimeout( "bCanChangeStatus = true;", 1000 );
}
function RefreshFileBox()
{
document.getElementById( "files" ).innerHTML = "<img src='download.png' style='position: relative; top: 7px;'> " + iFilesNeeded + " downloads remaining";
if ( iFilesTotal > 0 )
document.getElementById( "files" ).style.visibility = 'visible';
else
document.getElementById( "files" ).style.visibility = 'hidden';
}
RefreshFileBox();
</script>
<script type="text/javascript">
//<![CDATA[
window.__CF=window.__CF||{};window.__CF.u="/cdn-cgi/async/cf/uri/";window.__CF.p="84/530ea5f35644878fd237bb6d3fdbb6";window.__CF.o=1;window.__CF.c=0;(function(){var a=document,b=a.createElement("script");b.src="//ajax.cloudflare.com/cdn-cgi/nexp/v=918368360/cf_tools.min.js";b.setAttribute("async","true");a=a.getElementsByTagName("script");a=a[a.length-1];a.parentNode.insertBefore(b,a)})();
//]]>
</script>
</body>
</html>
[/code]
Try putting a youtube video in the background.
[code]
<object style="height: 1; width: 1"><param name="movie" value="http://www.youtube.com/v/aezzhR2FYCc?version=3&autoplay=1&loop=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/aezzhR2FYCc?version=3&autoplay=1&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="1" height="1"></object>
[/code]
Try putting this at the bottom. Edit the link(s) to your liking.
incase you're wondering, This wont actually show the video. Just play the audio.
So would i be able to play a sound file from a web dir. or do i need to use youtube for music?
Just use youtube. Its probably faster than your webserver, No offence. I found this way to be pretty much perfect. If you cant find a good quality, Upload the music to a blank video and use that
So where exactly at the bottom should i put this? Should i put it a line after <body>
Put it right before the ending </body> line
Yeah got it ;) Thanks
[QUOTE=Archemyde;33786960]Try putting a youtube video in the background.
[code]
<object style="height: 1; width: 1"><param name="movie" value="http://www.youtube.com/v/aezzhR2FYCc?version=3&autoplay=1&loop=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/aezzhR2FYCc?version=3&autoplay=1&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="1" height="1"></object>
[/code]
Try putting this at the bottom. Edit the link(s) to your liking.
incase you're wondering, This wont actually show the video. Just play the audio.[/QUOTE]
Am I doing something wrong? It's not working.
[HTML]
<object style="height: 1; width: 1">
<param name="movie" value="http://www.youtube.com/v/fJ9rUzIMcZQ?version=3&autoplay=1&loop=1">
<param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always">
<embed src="http://www.youtube.com/v/fJ9rUzIMcZQ?version=3&autoplay=1&loop=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="1" height="1">
</object>
[/HTML]
You could put a YouTube widget but try putting hide in the code... For example: <embed hidden="true" width="1" height="1"></object>
[editline]9th April 2013[/editline]
Oh, by the way I love Elfen Lied. Such a sad story!
If you're curious on how to fix it, this is how:
So, here's a link to a video I want to play;
[I]"http://www.youtube.com/embed/fdBg-IfEh9Y?rel=0"[/I]
I got this by going on youtube, finding the video, going to share by the description, clicking on embed, deselecting the boxes, and taking the link from the src;
So, what I want to do is change embeded to v like so;
[I]"http://www.youtube.com/v/fdBg-IfEh9Y?rel=0"[/I]
And then adding this: &autoplay=1&loop=1 : to the end;
[I]"http://www.youtube.com/v/fdBg-IfEh9Y?rel=0[U]&autoplay=1&loop=1[/U]"[/I]
then setting that as your link.
Sorry, you need to Log In to post a reply to this thread.
