SCM Music Player on HTML Page
+2
kirk
XDirect12345
6 posters
Page 1 of 1
SCM Music Player on HTML Page
Where do I put this code on an HTML Page:
It needs to be on a <body> <body...> tag but I tried that and it messes up the page. I tried to organize it to with <head> and </head> tags but it still doesn't help. Any ideas?
This is my HTML Page script if it helps:
- Code:
<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'100'},'playlist':[{'title':'MW3 Single player Menu Theme','url':'http://www.youtube.com/watch?v=ymoQQpTVF4Q'},{'title':'MW3 Main Menu Theme','url':'http://www.youtube.com/watch?v=2DODcc5W8Q4'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->
It needs to be on a <body> <body...> tag but I tried that and it messes up the page. I tried to organize it to with <head> and </head> tags but it still doesn't help. Any ideas?
This is my HTML Page script if it helps:
- Code:
<html>
<style type="text/css">
body
{
background-image:url('http://img580.imageshack.us/img580/774/dsgua1.jpg');
}
</style>
<center>
<form style="top:25%; position: absolute; left: 35%;" action="http://xdirect12345.forumotion.com/login.forum" method="post"><table style="color: #FFFFFF; background-color:#000000; opacity:0.7;
filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;" border="0" cellpadding="3" cellspacing="1"><tbody><tr><td align="right" width="45%"> Username:</td><td><input name="username" size="25" maxlength="40" style="background-color: #CCCCCC;" type="text"></td></tr><tr><td align="right">Password:</td><td><input name="password" size="25" maxlength="32" style="background-color: #CCCCCC;" type="password"></td></tr><tr align="center"><td colspan="2">Log me on automatically each visit: <input name="autologin" checked="true" type="checkbox"></td></tr><tr align="center"><td colspan="2"><input class="mainoption" name="login" value="Log in" type="submit"></td></tr></tbody></table><br /><a href="http://xdirect12345.forumotion.com/" class="classname">Return to forum</a></center></form>
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:3px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.classname:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
</html>
Re: SCM Music Player on HTML Page
The css needs to be in the head section,
then your player will go in the body section.
I would add all your tables/content that you are going to add to the page first.
then go back and pout the player last after you have all your other content on the page where you want it.
But it should go something like this.
Preview
Info added
Oh unless thats all that is supposed to be on the page?
The log in box did not come up for me in my first test but now it is
So if thats what you want the code above should do it for ya
then your player will go in the body section.
I would add all your tables/content that you are going to add to the page first.
then go back and pout the player last after you have all your other content on the page where you want it.
But it should go something like this.
Preview
- Code:
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>test page 1</title>
<style type="text/css">
body
{
background-image:url('http://img580.imageshack.us/img580/774/dsgua1.jpg');
}
</style>
<center>
<form style="top:25%; position: absolute; left: 35%;" action="http://xdirect12345.forumotion.com/login.forum" method="post"><table style="color: #FFFFFF; background-color:#000000; opacity:0.7;
filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;" border="0" cellpadding="3" cellspacing="1"><tbody><tr><td align="right" width="45%"> Username:</td><td><input name="username" size="25" maxlength="40" style="background-color: #CCCCCC;" type="text"></td></tr><tr><td align="right">Password:</td><td><input name="password" size="25" maxlength="32" style="background-color: #CCCCCC;" type="password"></td></tr><tr align="center"><td colspan="2">Log me on automatically each visit: <input name="autologin" checked="true" type="checkbox"></td></tr><tr align="center"><td colspan="2"><input class="mainoption" name="login" value="Log in" type="submit"></td></tr></tbody></table><br /><a href="http://xdirect12345.forumotion.com/" class="classname">Return to forum</a></center></form>
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:3px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.classname:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
</html>
</head>
<body>
<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'100'},'playlist':[{'title':'MW3 Single player Menu Theme','url':'http://www.youtube.com/watch?v=ymoQQpTVF4Q'},{'title':'MW3 Main Menu Theme','url':'http://www.youtube.com/watch?v=2DODcc5W8Q4'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->
</body>
</html>
Info added
Oh unless thats all that is supposed to be on the page?
The log in box did not come up for me in my first test but now it is
So if thats what you want the code above should do it for ya
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: SCM Music Player on HTML Page
XDirect12345 wrote:ehh this can be locked now I think I will find an alternative
Find a alternative for what? you need to explain what you are adding to the page,But there is not going to be many alternatives.
Unless you can use this..
- 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
CSS HERE
</head>
<body>
PLAYER SCRIPT HERE
</body>
</html>
Last edited by kirk on May 23rd 2012, 3:03 am; edited 1 time in total
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: SCM Music Player on HTML Page
Nooo dont lock it, this is easy, i have the player on my forum, just copy the HTML code they gave you and place it in your homepage message, the bar will automatically appear on top
Re: SCM Music Player on HTML Page
Oh is that what he wants he player on all pages?
IDK, he said how do you put it on a html page, so thats what i gave him
You guys have to try to explain all you can in as much details as possible so we understand what it is yous want
IDK, he said how do you put it on a html page, so thats what i gave him
You guys have to try to explain all you can in as much details as possible so we understand what it is yous want
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: SCM Music Player on HTML Page
okay so when I use it it is on all the pages. I dont want that.
Is there anyway to get it on the HTML page only, cause I pasted the code and it showed up on all the pages, not what I am looking for.
Is there anyway to get it on the HTML page only, cause I pasted the code and it showed up on all the pages, not what I am looking for.
Re: SCM Music Player on HTML Page
I dont see it on any other page? Well at least not on your index page.
http://xdirect12345.forumotion.com/
Oh i guess you removed it all together?
where did you put the code? If you only want it on a html page, then thats the only place you will want the code, Don't put it in your announcement if you only want it on the html page.
http://xdirect12345.forumotion.com/
Oh i guess you removed it all together?
where did you put the code? If you only want it on a html page, then thats the only place you will want the code, Don't put it in your announcement if you only want it on the html page.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: SCM Music Player on HTML Page
I did that, it puts it on all the pages when I place it only on the HTML page.
It also gives me: http://xdirect12345.forumotion.com/h2-log-in-redirect
and Test page 1 for all my pages when I log in or click on the "return to forum".
It also gives me: http://xdirect12345.forumotion.com/h2-log-in-redirect
and Test page 1 for all my pages when I log in or click on the "return to forum".
Re: SCM Music Player on HTML Page
Create a new HTML page. Go to AP>>Modules>>HTML Page Management>>Create a New HTML Page>>
Add your code there and save. The go back the HTML page management and copy the URL of that page and put the URL anywhere you want on your forum. When people click the URL it will take them to your page with the player.
Add your URL to this code below and put it anywhere you want on the forum. Make sure you have HTML enabled on your forum for this particular link code to work. There is a BBcode that you can use if you don't want HTML enabled, but for now here is the HTML code to add your link::
Add your code there and save. The go back the HTML page management and copy the URL of that page and put the URL anywhere you want on your forum. When people click the URL it will take them to your page with the player.
Add your URL to this code below and put it anywhere you want on the forum. Make sure you have HTML enabled on your forum for this particular link code to work. There is a BBcode that you can use if you don't want HTML enabled, but for now here is the HTML code to add your link::
- Code:
<a href="URL GOES HERE">Name to click goes here</a>
Re: SCM Music Player on HTML Page
XDirect12345 wrote:I did that, it puts it on all the pages when I place it only on the HTML page.
That,s not possible.
I am not sure what your doing but if you only place the player on a html page then that's the only page it will be on, do you have the whole JavaScript on a JavaScript page and allowing to be on all pages?
So not sure i will have to take a look again, on my test forum and in the preview link i provided it works fine, so not sure what you may have done or mean?
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: SCM Music Player on HTML Page
me neither, ill just disable it?
Am I finished? Yes, Solved, lock it up.
Are others finished or do they need help: Yes! But do not use this post please.
Am I finished? Yes, Solved, lock it up.
Are others finished or do they need help: Yes! But do not use this post please.
Re: SCM Music Player on HTML Page
yes I can, all I need is an .mp3 extension. Which will be hard to find when MW3 Soundtracks are not really in mp3.
Re: SCM Music Player on HTML Page
Here is a free program that does all kinds of conversions including extracting audio from a video and converting to a mp3. It works really good.
http://www.any-video-converter.com/products/for_video_free/
http://www.any-video-converter.com/products/for_video_free/
Re: SCM Music Player on HTML Page
okay thanks, are there any good sites that upload mp3s and give you a link with a .mp3
example: www.oursite.com/MW3-Single-player-theme.mp3
example: www.oursite.com/MW3-Single-player-theme.mp3
Re: SCM Music Player on HTML Page
I already have enough registered sites, I just need a simple site that I can upload mp3s and have the links with an .mp3 extension. Without doing extra work, like webs.com
Re: SCM Music Player on HTML Page
I have already registered to alot of sites though...
okay I try it
Edit:
Nope No success and nothing Im looking for.
okay I try it
Edit:
Nope No success and nothing Im looking for.
Re: SCM Music Player on HTML Page
LOL what didn't work? It has to work I use it now! You're going to have to register to whatever mp3 host you use. You're going to be hard pressed finding one that stays online. But suit yourself it makes no difference to me. Try googling MP3 hosts, but you'll have to register!.
Re: SCM Music Player on HTML Page
okay so how does the webs.com mp3 work. Can you tell me step by step? I dont want to embed anything, just have the link with a .mp3 extension.
Re: SCM Music Player on HTML Page
I am also interested in using this player. I am also having trouble finding a good mp3 site that I can get good mp3 links from but I am wandering if there is somewhere I can upload music too and also have a good player. I tried speaker and even a myspace music player to see if that would work too. I just know all the players I get have trouble even playing more than one youtube song even if they make it to and through the first one.
Re: SCM Music Player on HTML Page
No I won't walk you through it I don't remember all the hoops you have to go thru but they are step by step and easy. First register and go thru the process of choosing a design and get all that over with it will take 2 minutes, it won't matter because you're not going to use the website aspect of the service but you have to choose something, then go to your "File Manager" and upload your mp3, then right-click the mp3 file and copy the link location of the mp3. It will have an mp3 extension and they allow hot-linking. Done
@ ShinGamix, this has everything you want:
http://www.playlist.com/
@ ShinGamix, this has everything you want:
http://www.playlist.com/
Re: SCM Music Player on HTML Page
Last edited by MotorCookie on May 28th 2012, 10:07 pm; edited 1 time in total
MotorCookie- Forumember
- Posts : 113
Reputation : 1
Language : English
Re: SCM Music Player on HTML Page
XDirect12345 wrote:the link doesnt work.
pixeleater.me/file/filestore/41/6zS_BrEW2e.Call_of_Duty_Modern_Warfare_3_Singleplayer_menu_music.mp3._
There is the link.
MotorCookie- Forumember
- Posts : 113
Reputation : 1
Language : English
Re: SCM Music Player on HTML Page
thanks, it will be permanent right? Because last time I tried to use mp3 link the site was deleted and I had to search again.
Re: SCM Music Player on HTML Page
XDirect12345 wrote:thanks, it will be permanent right? Because last time I tried to use mp3 link the site was deleted and I had to search again.
Yeah, I will save it for you.
MotorCookie- Forumember
- Posts : 113
Reputation : 1
Language : English
Similar topics
» HTML Code for a Music Player
» Html Pages with music player HELP!
» Music Player HTML Code
» Music player on home page
» modify the music player properties to keep playing even if page changed
» Html Pages with music player HELP!
» Music Player HTML Code
» Music player on home page
» modify the music player properties to keep playing even if page changed
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum