The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

SCM Music Player on HTML Page

View previous topic View next topic Go down

SCM Music Player on HTML Page

Post by XDirect12345 on May 23rd 2012, 2:18 am

Where do I put this code on an HTML Page:

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>

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by kirk on May 23rd 2012, 2:29 am

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

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 Smile
So if thats what you want the code above should do it for ya Smile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 23rd 2012, 2:55 am

ehh this can be locked now I think I will find an alternative

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by kirk on May 23rd 2012, 3:00 am

@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

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: SCM Music Player on HTML Page

Post by +Fusion- on May 23rd 2012, 3:01 am

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

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by kirk on May 23rd 2012, 3:09 am

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 Smile

You guys have to try to explain all you can in as much details as possible so we understand what it is yous want thumright

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 23rd 2012, 3:50 am

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.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by kirk on May 23rd 2012, 5:10 am

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.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 23rd 2012, 6:16 pm

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".

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 23rd 2012, 6:37 pm

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::

Code:
<a href="URL GOES HERE">Name to click goes here</a>

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by kirk on May 23rd 2012, 7:17 pm

@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

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 25th 2012, 9:34 pm

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.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by +Fusion- on May 26th 2012, 1:16 am

can't u the background music html script for ur HTML page

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 26th 2012, 2:01 am

yes I can, all I need is an .mp3 extension. Which will be hard to find when MW3 Soundtracks are not really in mp3.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by +Fusion- on May 26th 2012, 2:11 am

you can use the online, youtube to mp3 converter just google it Wink

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 26th 2012, 10:55 am

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/

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 27th 2012, 7:23 pm

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

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 27th 2012, 7:40 pm

You can do that here:

http://www.webs.com/

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 27th 2012, 7:46 pm

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

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 27th 2012, 7:48 pm

You don't have to do anything but upload the mp3s.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 27th 2012, 7:53 pm

I have already registered to alot of sites though...

okay I try it

Edit:

Nope No success and nothing Im looking for.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 27th 2012, 8:09 pm

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!. lol!

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 27th 2012, 8:52 pm

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.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by ShinGamix on May 27th 2012, 8:59 pm

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.

ShinGamix
Forumember

Male Posts : 181
Reputation : 3
Language : English

http://shingamix.forumotion.com/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by runawayhorses on May 27th 2012, 9:01 pm

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/

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: SCM Music Player on HTML Page

Post by MotorCookie on May 28th 2012, 9:07 pm

http://pixeleater.me/file/index.php

Upload mp3 and it will give you the link.


Last edited by MotorCookie on May 28th 2012, 10:07 pm; edited 1 time in total

MotorCookie
Forumember

Male Posts : 113
Reputation : 1
Language : English

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 28th 2012, 11:07 pm

the link doesnt work.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by MotorCookie on May 29th 2012, 12:05 am


MotorCookie
Forumember

Male Posts : 113
Reputation : 1
Language : English

Back to top Go down

Re: SCM Music Player on HTML Page

Post by XDirect12345 on May 29th 2012, 12:20 am

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.

XDirect12345
Forumember

Male Posts : 361
Reputation : 3
Language : English

http://xdirect12345.forummotion.com

Back to top Go down

Re: SCM Music Player on HTML Page

Post by MotorCookie on May 29th 2012, 12:49 am

@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

Male Posts : 113
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum