VampireFreaks
[ Vampirefreaks.com ]



VFLayouts.com - Vampirefreakss Official Layout Site

Music & Video On Your Vampirefreaks Page



Pick a Section




Using the VF Player


You can display the Vampirefreaks music player (below) on your page with your own customised playlist.

vf music player


At the moment you're limited to compiling a playlist from songs by VF bands [ View VF Bands ].

To add a song to your VF music player go to the bands profile, and click the plus symbol on their music player, whilst the song you want is playing:

select a song


This adds the song to your own playlist.

To edit your playlist, go to Music -> My Playlist (on the top dropdown menu).

arrange your playlist

To change the order your songs appear in, you can give them numbers in the order box on the left. When you're done, click "Submit Changes" then the "View My Music Player" link below it to get your music player code. That takes you to a page like this:

your music player code

On this page you can change the color of your player, and finally get your code from the box below, which you then need to paste into your profile to make your player show up.





Music / Video Code Websites


There are literally thousands of websites on the internet that will give you the HTML to display your favorite song or video on your profile. They're ad supported, so be ready for lots of popups when you go searching for your song. Here's a couple of video code sites that I found:

If you can't find what you're looking for on any of these, I suggest typing "(Your Song Name) video code" into a search engine like [ Google ] or [ uploading your own ].

If you use one of these sites, all you have to do is copy the code that they give you, and paste it into your profile (Nb, NOT between your style sheet tags).





Uploading Your Own


Unless you have your own hosting somewhere, you're going to need a free file host first. Here's some to try:


Alternatively [ Google ] for "Free music & video hosting" to find your own.

For more help uploading your music files [ click here ]

Once you've uploaded your song, this is the code you need:

<embed src="http://www.yourmusicfile.mp3" volume="100%" hidden="false" autostart="false" height="40px" loop="true"></embed>

This works for either music or video, but for video you're probably going to want to increase the height to at least 350px so that you see all of your video!

  • The hidden attribute is for making it so people don't see any music player, and just hear your music in the background (change to true if you want to hide your player) Remember this means people can't turn your music OFF! It can be true or false.

  • Autostart denotes whether your music begins as soon as people enter the page, or if they have to press play. Possible values are true or false.

  • Height is for setting the height of the media player bar that appears (should be around 350 for a video file). Height is measured in pixels (px).

  • Loop is whether your file plays once or over and over again. Possible values- true or false.





Free Flash Players


If you want to play more than one song on your page, like the idea of having a bit more control over the look of your player, or you just plain like flash, there's a whole selection of free flash music players out there.



o Billy   [ http://www.sheepproductions.com/billy/ ]

First up, billy. Its this tiny cute little player from sheepproductions:

If you can see this you need to install Javascript!


The people who designed this one did an awesome job and made it really easy to use. All you need to do is upload your songs to a free hosting site of your choice (see the bit below on [ hosting ] for help with that) and then stick the song paths in the little boxes they provide, and press "generate code" and it spits out for you exactly what you need to paste into your profile. Like it says on the site, you must use mp3 files, and they must be uploaded- files saved on your computer won't work!




o My Flash Fetish   [ http://www.myflashfetish.com/myspace-mp3-players/ ]

Next, MyFlashFetish. This isnt just one player, it's a whole collection set out and explained so well that I don't think theres much need for me to add anything else! They guide you through changing the colors of the player and uploading your songs right there on the site.

my flash fetish





o Jeroenwijering   [ http://www.jeroenwijering.com/upload/mp3player_v1.zip ] advanced code!

Finally, the famous Jeroenwijering player. This one is a lot more complicated to implement and comes in the form of a zip file, which you have to download, unzip, alter and then upload again complete with your songs. It is a rather cool and highly customizable player though, in its original skin it looks like this:
If you can see this you need to install Javascript!

If you're not already familiar with the concept of zip files, they're basically compressed packages of files you can download and then unzip with a program like [ Winzip ] or [ WinRAR ].

Once you've done that, you should see a bunch of files like this (the icons might vary depending on what programs you have installed on your computer)

player files


First take the one called "mp3player.xml" and open it in a plain text editor like notepad.

It should contain something that looks pretty much like this:

<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="no" autoStart="yes">
<song path="mp3/homeland.mp3" title="Postmen - Homeland" />
<song path="mp3/jazzalude.mp3" title="Basement Jaxx - Jazzalude" />
</player>

It may all be on the same line when you get it, and you can space it out by hitting return- you won't damage it.

Now all you have to do is replace the example song names with some of your own. To do that, first you have to chose some songs and upload them. It's essential that your files are in MP3 format, and you don't have any spaces in your filenames (if you do have spaces rename them). Then upload them to any free host you like. You might want to use [ Files.bz ] or [ MyFileStash.com ] or you could find your own on [ Google ].

Once you're done, you need to write down/remember the song urls, and go back to the XML file to fill them in on there. You should use full paths here (ie including the http://www. bit) even though the example doesn't, because we're going to need a slightly different code than they use to make this work on VF. You can add in more lines too, if you want more songs. For example, my finished code might look a bit like:

<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="no" autoStart="yes">
<song path="http://www.some_free_host/myfavsong.mp3" title="My Favorite Song!" />
<song path="http://www.some_free_host/mysecondfavsong.mp3" title="My Second Favorite Song!" />
<song path="http://www.some_free_host/anothercoolsong.mp3" title="Another Cool Song!" />
</player>


When you've filled in as many songs as you'd like, save the XML file. Now all you need to do, is take this XML file, and the one named mp3player.swf from the zip package you downloaded, and upload them to a free host too, just like you uploaded your music. Again you're going to need the urls or paths to these files, but this time they go into this code:

<embed src="http://www.PATH TO MP3PLAYER.SWF" menu="false" quality="high" height="320px" width="300px" bgcolor="Transparent" name="index" allowscriptaccess="never" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http://www.PATH TO MP3PLAYER.XML"></embed>


And that code, should be copied and pasted into your VF profile wherever you want the player to be. To change the look of the player, see the [ flash player skins ] section below.






Flash Player Skins


For use with the [ Jeroenwijering Player ] in the tutorial above.
If you use one of these you can throw away your mp3player.swf file, and replace it with this one.

If you can see this you need to install Javascript!




download file
[ Download the Pink & Black Skin ]

If you can see this you need to install Javascript!




download file
[ Download the Green & Black Skin ]

If you can see this you need to install Javascript!




download file
[ Download the Blue & Black Skin ]

If you can see this you need to install Javascript!




download file
[ Download the Red & Black Skin ]

If you can see this you need to install Javascript!




download file
[ Download the Red & White Skin ]





More Help On Hosting


If you need some more help uploading your music, here's a step by step guide for [ Files.bz ].
First you need to sign up and log into your account. The register link is at the top there:

register


Once you're signed in, click on the upload link here:

upload


And you'll get a screen that looks like this:

upload files


Click browse and find your files on your computer. Then hit the "upload files" button at the bottom of the page. If you're using these music files for a flash player, they need to be MP3s or it won't work! Then go for coffee. Seriously. Free hosts take a long time to upload music files.

copy url


When it's done, the url you want is down here, in between BBCode image tags. Don't ask me why. You need to copy it, and cut off the [IMG] [/IMG] bits from the beginning and end.

Then, if you want to put the music directly into your profile stick the url in an embed code like this:

<embed src="http://www.yourmusicfile.mp3" volume="100%" hidden="false" autostart="false" height="40px" loop="true"></embed>


If you're using a flash player, follow the instructions on there for what to do with the url.





Design by [ KineticShock.com ] && [ PrintedExistence[dot]com ]
All content copyright © PrintedExistence 2006 - 2008


Contact VFLayouts
[ Contact VFLayouts! ]