<XMP><body><!--'"</title></head>--> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } /////// Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21402695-21']); _gaq.push(['_setDomainName', 'angelfire.com']); _gaq.push(['_setCustomVar', 1, 'member_name', 'planet/music_tutorial', 3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); ////// Lycos Initialization ///////////////////// var lycos_ad = Array(); var lycos_search_query = ""; var lycos_onload_timer; var cm_role = "live"; var cm_host = "angelfire.lycos.com"; var cm_taxid = "/memberembedded"; var angelfire_member_name = "planet/music_tutorial"; var angelfire_member_page = "planet/music_tutorial/page3.html"; var angelfire_ratings_hash = "1766510989:a7b5159477036e35f4f5270517572729"; var lycos_ad_category = null; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.angelfire.lycos.com"; var edit_site_url = "www.angelfire.lycos.com/landing/landing.tmpl?utm_source=house&utm_medium=landingpage&utm_campaign=toolbarlink"; </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_300x250_dfp', [300, 250], 'div-gpt-ad-1450207484070-0').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450207484070-1').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/ANG_below_728X90_dfp', [728, 90], 'div-gpt-ad-1450207484070-2').addService(googletag.pubads()); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if (!isV) { return; } //this.lycos_search_query = lycos_get_search_referrer(); var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2","slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if (adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("lycosFooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // Slider Injection (function() { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; })(); // Bottom Ad Injection ( function() { var b = document.getElementsByTagName("body")[0]; var iif = document.createElement('iframe'); iif.style.border = '0'; iif.style.margin = 0; iif.style.display = 'block'; iif.style.cssFloat = 'right'; iif.style.height = '254px'; iif.style.overflow = 'hidden'; iif.style.padding = 0; iif.style.width = '300px'; iif.src = '/adm/ad/injectAd.iframe.html'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( iif ); if( b ) { b.insertBefore(cdiv, b.lastChild); } })(); } </script> <style> #body .adCenterClass { margin:0 auto; display:block !important; overflow:hidden; width:100%; } #body .adCenterClass #ad_container { display:block !important; float:left; width:728px; } @media (min-width: 768px) { <!-- For 300px or less ads ONLY --> #body .adCenterClass #ad_container { width: calc(100% - 372px); } } @media (min-width: 1110px) { <!-- For 728px or less ads --> #body .adCenterClass #ad_container { width: calc(100% - 372px); } } </style> <div style="background:#abe6f6; border-bottom:1px solid #507a87; position:relative; z-index:9999999"> <div class="adCenterClass"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; float:left; width:186px; border:0"> <img src="/adm/ad/angelfire-freeAd.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> <div id="ad_container"> <script type="text/javascript">document.write(lycos_ad['leaderboard']);</script> </div> </div> </div> <!-- ///////////////////////////////////// --> <script type="text/javascript">document.write(lycos_ad['slider']);</script> <div id="lycosFooterAd" style="background:#abe6f6; border-top:1px solid #507a87; clear:both; display:none; position:relative; z-index:9999999"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:936px;"> <div id="aflinksholder" style="float:left; width:186px;"> <a href="https://www.angelfire.lycos.com/" title="Angelfire.com: build your free website today!" style="display:block; border:0"> <img src="/adm/ad/angelfire-freeAd2.jpg" alt="Site hosted by Angelfire.com: Build your free website today!" style="display:block; border:0" /> </a> </div> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div> <!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE START---> <script data-cfasync="false" language="javascript" async src="//udmserve.net/udm/img.fetch?sid=17754;tid=1;dt=6;"></script> <!--- UNDERDOGMEDIA EDGE_lycos.com JavaScript ADCODE END---> </xmp> Music Tutorial

How To Add Your Own Music

Ok So You Understand The Basics Of How The Music Players Work Now
Your Ready To Create Your Own Music Links & Create Your Own Playlists.
There is a number of ways to do this so I will start with the easiest and work up to the hardest...ok well nothing is hard about this lol.
  1. You Could Copy An Existing Addy (meaning steal someone else's work & bandwidth) ..naughty...naughty but yes it can be done.
  2. You could d/l wav files already on the "net" to your own computer, I have a great number of sites you can do this with. Much better choice than above!
  3. You can download your own music and upload to your own page. Even
better choice and more fun. For This Tutorial We Are Going To Look @
Options 2 & 3

Ok the first thing I want to say is wav files are usually smaller than the mp3
Music files you probably have on your computer right now. Meaning in free sites like angelfire you can upload a lot more music in wav format than you can in mp3. I am not going to teach conversion of files in this tutorial, we will save that for another tutorial. We will look at d/l already converted stuff. So without further adieu lets go to one of my fav wav sites.
Click Here For Piano Lady Nancy's Wav Site. Now lets click on Aaron Tippin, up comes all the song wavs for Aaron Tippon, now RIGHT click on the blue button next to a song and then click "Save Target As." Make sure you are saving the file as a "Wave Sound". Now save it to a folder you can find it in again. Now lets find the file and rename it. Lets call it "testsong". Now you need to upload it to a page, you can use an already existing account if you want, now comes the choice...depending on whether you want just one song on the page or a playlist.
Lets go with a playlist for now because by this time you should have the first player figured out addy wise lol.
Now because we uploaded the song file directly to the webshell we can use a simple little trick that makes things much easier. Our addy will be easy. For example if you go back and look at this addy in the play list player
streams[streams.length] = new
makeStream("https://www.angelfire.com/goth/newvex/Evanescene-MyImmortal.wav","1.My Immortal");
You can see that the code has been uploaded into the https://www.angelfire.com/goth/newvex/ webshell meaning I am taking it from that website source. Now
If that song had been uploaded directly into the webshell I want it to be played from I could code the addy like this
streams[streams.length] = new
makeStream("Evanescene-MyImmortal.wav","1.My Immortal");
because that song file is in the webshell I want it to be played from...if it wasn't I would have to write the full addy code of where the song file is located. Now its easy to add the song addy to the player code on the previous player code. What I want you to do is download the zip file below..it contains both player codes. Unzip the files and we will use Player2 for now. Now Open up Player 2 and look at the code. After You Have Uploaded Your "testsong" file to the webshell we are going to insert the addy into the player. Then at the bottom for a default we are going to put the Netwavz low band addy in, but first your testsong code. When added properly it will look like this: streams[streams.length] = new
makeStream("testsong.wav","1.Test Song");
Now lets do our default at the bottom:
http://www.netwavzradio.com/lowlisten.asx Put this addy in,it should look like this:
value="http://www.netwavzradio.com/lowlisten.asx">

Ok so our songs have been added to our players so now how do we get the entire player into our page html and where the hell do we put it LOL. For this we are going to place the player at the bottom of our pages, its easier when your just learning. So lets copy and paste people LOL. Copy the Entire Code and lets go into our page html and we are going to paste the code into the html RIGHT at the bottom ABOVE the </body> </html> at the end of our page html. Now lets save that. If all has gone well you have now added music to your page so go to your page and make sure your speakers are on. To add songs to the PLAYLIST you do it the same way as you did your "testsong". You don't have to rename your song files but I do because some files have very long names and underscores and stuff so its easier to just rename them. REMEMBER when adding songs the name of the file has to be EXACTLY the same as in the addy. Changing the default is done the same way, for now though I would leave the default as Netwavz until you learn to add songs easily to the top playlist.
Remember to always check your formats,if you upload a wav then the end of the addy will be .wav if its mp3 then the addy end is .mp3 DO NOT FORGET THAT! Good Luck & Happy Coding!

Download Music Players Zip
<XMP></body></xmp>