Jump to content

How can i add music to my site using CC3


Guest shawnlovebaobao

Recommended Posts

Guest shawnlovebaobao

well, actually i didn't get what rohan said, hoping he can give us details since i am a newbie about this. thanks rohan and guess it would be grear to have music for my site

Link to comment
Share on other sites

OK here is what you do: Upload your music file to your shop directory let's say the file is named God Bless America.wav and your store name is http://www.music.com

<EMBED src="http://www.music.com/God Bless America.wav">

Now, the above code will simply start the music with no way for the user to control it. If you want to add a few more controls do this:

<EMBED src="http://www.music.com/God Bless America.wav" AUTOSTART="true" HIDDEN="false" LOOP="true" Width="145" Height="30">.

this tells the music to play immediately (AUTOSTART)and continuously (LOOP) and will give the user a control.

I have added this to my site http://www.teeshirtmart.com so you can see it work and here's what I did: I added the code to my \skins\Killer\styleTemplates\global\index/tpl file and uploaded it and I also uploaded the mp3 to my site directory. Here is my index.tpl:

<!-- BEGIN: body -->

<!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={VAL_ISO}" />

<title>TeeShirtMart, The T Shirt Store</title>

<meta name="description" content="Teeshirtmart-Only the finest quality T-Shirts in the World! 100% Satisfaction Guaranteed.Immediate shipping." />

<meta name="keywords" content="tshirts, t-shirts, tee shirts, tees, t-shirt, tshirt, shirts, custom t-shirts, customized t-shirts, sweatshirts, children's t-shirts, shirt, shirts, customized teeshirts, custom t-shirts, custom merchandise, custom clothing" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" src="js/jslibrary.js" type="text/javascript"></script>

</head>

<body>

<div id="pageSurround">

<div id="topHeader">

</div>

</div>

</div>

<div id="subSurround">

{CATEGORIES}

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr valign="top">

<td width="175">

{SHOPPING_CART}

<div id="searchbox">

{SEARCH_FORM}

</div>

{LANGUAGE}

</td>

<td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td>

<td width="175">

<div id="sessionBox">

<div style="padding: 0px 5px 0px 5px; margin: 0px;">

{SESSION}

{RANDOM_PROD}

{POPULAR_PRODUCTS}

{SALE_ITEMS}

<EMBED src="http://www.teeshirtmart.com/Track05.mp3" AUTOSTART="false" HIDDEN="false" LOOP="true" Width="145" Height="30">

</td>

</tr>

</table>

</div>

{SITE_DOCS}

</div>

<font size="-1"><div align="center">Web Master<a href="http://www.roban.net"> Computer Services of East Hampton</a></font></div>

</body>

<!-- CQ Counter code start -->

<script type="text/javascript" language="javascript"><!--

_d=document; _n=navigator; _t=new Date(); function t() { _d.write(

"<img src=\"http://us.2.cqcounter.com/cgi-bin/c?_id=teemart&_z=0&_r="+

_r+"&_c="+_c+"&_j="+_j+"&_t="+(_t.getTimezoneOffset())+"&_k="+_k+

"&_l="+escape(_d.referrer)+"\" width=70 height=15 "+

"border=0>");} _c="0"; _r="0"; _j="U"; _k="U"; _d.cookie="_c=y";

_d.cookie.length>0?_k="Y":_k="N";//--></script>

<script type="text/javascript" language="javascript1.2"><!--

_n.javaEnabled()?_j="Y":_j="N";_b=screen; _r=_b.width;

_n.appName!="Netscape"?_c=_b.colorDepth : _c=_b.pixelDepth;//--></script>

<a title="Free Counter" href="http://cqcounter.com/?_id=teemart&_lo=us2"

target="_top"><script type="text/javascript" language="javascript"><!--

t(); //--></script></a><noscript><img width="70" height="15" border="0"

alt="Counter" src="http://us.2.cqcounter.com/cgi-bin/c?_id=teemart&_z=0"><br>

<a title="Web Counter" href="http://cqcounter.com/">Hit Counter</a></noscript>

<!-- CQ Counter code end -->

</html>

<!-- END: body -->

Link to comment
Share on other sites

Guest shawnlovebaobao

sorry, i your name always remind me the movie the lord of the ring, hehe

hi roban, i will now paste the index for ya

<!-- BEGIN: body -->

<!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={VAL_ISO}" />

<title>{META_TITLE}</title>

<meta name="description" content="{META_DESC}" />

<meta name="keywords" content="{META_KEYWORDS}" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" src="js/jslibrary.js" type="text/javascript"></script>

</head>

<body>

<div id="pageSurround">

<div id="topHeader">

<div id="sessionBox">

<div style="padding: 15px 8px 15px 15px; margin: 0px;">

{SEARCH_FORM}

{SESSION}

</div>

</div>

</div>

<div id="subSurround">

{CATEGORIES}

<table border="0" cellspacing="0" width="100%" cellpadding="0">

<tr valign="top">

<td width="175">

{SHOPPING_CART}

{INFORMATION}

{CURRENCY}

{LANGUAGE}</td>

<td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td>

<td width="175">

{RANDOM_PROD}

{POPULAR_PRODUCTS}

{SALE_ITEMS}

<EMBED src="http://www.trustedfashionseller.com/uploadmusic1" AUTOSTART="false" HIDDEN="false" LOOP="true" Width="145" Height="30">

{MAIL_LIST}

</td>

</tr>

</table>

</div>

{SITE_DOCS}

</div>

</body>

<!-- CQ Counter code start -->

<script type="text/javascript" language="javascript"><!--

_d=document; _n=navigator; _t=new Date(); function t() { _d.write(

"<img src=\"http://ca.2.cqcounter.com/cgi-bin/c?_id=Trusted&_z=0&_r="+

_r+"&_c="+_c+"&_j="+_j+"&_t="+(_t.getTimezoneOffset())+"&_k="+_k+

"&_l="+escape(parent.document.referrer)+"\" width=70 height=15 "+

"border=0>");} _c="0"; _r="0"; _j="U"; _k="U"; _d.cookie="_c=y";

_d.cookie.length>0?_k="Y":_k="N";//--></script>

<script type="text/javascript" language="javascript1.2"><!--

_n.javaEnabled()?_j="Y":_j="N";_b=screen; _r=_b.width;

_n.appName!="Netscape"?_c=_b.colorDepth : _c=_b.pixelDepth;//--></script>

<a title="Free Web Counter" href="http://cqcounter.com/?_id=Trusted&_lo=ca2"

target="_top"><script type="text/javascript" language="javascript"><!--

t(); //--></script></a><noscript><img width="70" height="15" border="0"

alt="Counter" src="http://ca.2.cqcounter.com/cgi-bin/c?_id=Trusted&_z=0"><br>

<a title="Web Tracker" href="http://cqcounter.com/">Web Site Counter</a></noscript>

<!-- CQ Counter code end -->

</html>

<!-- END: body -->

Link to comment
Share on other sites

Guest shawnlovebaobao

here is what i did:

first, i chose a mp3 music and named it : uploadmusic1

then i uploaded to my site under public.html folder

then i just did what you told me use the codes witht my music directory:

www.trustedfashionseller.com/uploadmusic1 and replaced it with existing index and uploaded it to global under killer

Link to comment
Share on other sites

Adding music to a site is at its best if you are a music or dj or media site a good thing people expect it then

but for ALL other sites its a BAD IDEA and heres why...

1) Depending on how you embed your music it will always play on load and annoy those who dont want to listen to what YOU think is good music.

2) Embedding music to a webpage slows down the loading of your webpage

3) Say IM surfin the net one night my Girlfriend is asleep behind me and I hit your site

BLAMMMO I have what you think is good music blaring out of my computer speakers my Girl friend wakes up and kills me youve just lost a customer due to your poor choice

4) say Im surfing the net and im listening to MY music and come across your site now I have MY music competing with YOUR music again you just lost a customer.

If you really must have music on your site heres some good rules to keep in mind

A ) DO not embed to the body and have it play onload.

B ) instead embed a windowsmedia player or quicktime player in the page and have autostart set to FALSE this way if the Customer wants to listen to your music ITS THEIR CHOICE!!!

C ) Do not use wav files they are by their very nature LARGE files use mp3's that have been encoded to 64Kbs MAX this will help with buffering or streaming.

D ) Use a flash player type jukebox where the flash is embedded and pulls the MP3 from another folder and STREAMS the music.

E ) If you do use a flash player to play and stream your music link it to a popup

that way you embed the flash player in a popup window and the user can surf any of your pages and have only one "jukebox" going

I have such a player available for sale and install the flash is 12K the files are in another folder and they stream...

Install is $50 which includes up to how ever many tracks you want it configured for.

Re encoding of the MP3's to 64Kbs is $1 per track

a Custom Skin the install and configuration is $100 which includes 10 MP3 encodings

to see my Sonic MP3 Flash Player in Action visit here

Sonic Pixel Flash MP3 Player

once there click the RED Click Here to open the popup window this player has 2 music tracks configured.

seriously though embedding music on a website is a BAD IDEA and will lose you customers because in the final analysis what you think is GOOD Music aint always SO

If ya got to have music make sure you dont have it play onload always give the user the choice to start playing it or not...

Kinetic

Link to comment
Share on other sites

sure there is

as embedding a windows media player or quicktime player doesnt allow for 1) people who dont have those players 2) people who dont allow files to be played within their browser and 3) they dont stream the file which my custom player does do and MOST people do have flash installed...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...