How to make a Jukebox at Playlist.com

Transcription

How to make a Jukebox at Playlist.com
How to make a Jukebox at Playlist.com
There are good write-ups about “Playlist” at the following two web pages:
http://en.wikipedia.org/wiki/Playlist.com and :
http://www.articlealley.com/article_867556_48.html
The Playlist.com site is: www.playlist.com (and has external advertising on it)
The first thing to do is to click the “Sign Up” button, if we want to be able to make
and save our own online music Playlists.
Otherwise, you can just browse around the site, and listen to other people’s lists.
But how can this be anywhere near as much fun as making your own ?
All of the usual kind of sign up information needs to be entered:
How to Use Playlist.com by Passy’s World of ICT
Page 1 of 11
How to make a Jukebox at Playlist.com
It will tell us if our Username is available, (BigPassy was available ☺ ) , and we
then fill it all out and click the “Sign Up” button.
The next screen gives us a huge advertisement, but there are options across the
top of the screen that are available to be clicked:
Now to start work on making our first list of songs, we need to click on “My
Playlists” at the top of the screen, which will take me to this screen:
The actual screen had advertising and other items surrounding the above
capture, but what we need to click on is circled : “Create a new playlist” .
When we click on this, we are taken to another screen where we enter the
introductory Playlist data like shown below, and we then click the “Create
Playlist” button.
How to Use Playlist.com by Passy’s World of ICT
Page 2 of 11
How to make a Jukebox at Playlist.com
We now start searching for and adding songs to our playlist on the next screen
like this: (Search box is in the top left hand corner).
How to Use Playlist.com by Passy’s World of ICT
Page 3 of 11
How to make a Jukebox at Playlist.com
We can then click on the name of the song to see if it is the one we want, and
play and pause it.
When we find the one we want we simply click the “+” sign on the left of the song
to add it to our play list.
As we go along finding and adding our songs:
If we decide we do not want a song in our playlist, we simply double click the little
“x” over to the right of the song name in the playlist, and this will remove it.
Once we have our playlist completed, (it saves itself automatically we assume),
then there is an “EMBED” option that we can click in the bottom right hand corner
of the playlist as shown below:
How to Use Playlist.com by Passy’s World of ICT
Page 4 of 11
How to make a Jukebox at Playlist.com
When we click this embed option, we then need to select what online application
we need the HTML embed code for.
How to Use Playlist.com by Passy’s World of ICT
Page 5 of 11
How to make a Jukebox at Playlist.com
Since we want to add our Playlist to a post on our Blog we clicked on option E.
We now work through some screens selecting options such as the following:
Once we are happy, we click the green “Get Code” button and we are provided
some HTM that we can Ctrl-A highlight, and Ctrl-C Copy, and then Ctrl-V paste
into our Blog or other website page:
How to Use Playlist.com by Passy’s World of ICT
Page 6 of 11
How to make a Jukebox at Playlist.com
Eg, Here is the embed code for our “Great Guitar Riff’s” Playlist:
<div style="text-align: center; margin-left: auto; visibility:visible;
margin-right: auto; width:450px;"> <object width="435" height="270">
<param name="movie"
value="http://www.profileplaylist.net/mc/mp3player_new.swf"></param>
<param name="allowscriptaccess" value="never"></param> <param
name="wmode" value="transparent"></param> <param name="flashvars"
value="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_green.x
ml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http%3A%2F%2Fwww.i
ndimusic.us%2Floadplaylist.php%3Fplaylist%3D67957568%26t%3D1249106205&a
mp;wid=os"></param> <embed style="width:435px; visibility:visible;
height:270px;" allowScriptAccess="never"
src="http://www.profileplaylist.net/mc/mp3player_new.swf"
flashvars="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_gre
en.xml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http://www.ind
imusic.us/loadplaylist.php?playlist=67957568&t=1249106205&amp;wid=os"
width="435" height="270" name="mp3player" wmode="transparent"
type="application/x-shockwave-flash" border="0"/> </object> <br/> <a
href="http://www.profileplaylist.net"><img
src="http://www.profileplaylist.net/mc/images/create_green.jpg"
border="0" alt="Get a playlist!"/></a> <a
href="http://www.mysocialgroup.com/standalone/67957568"
target="_blank"><img
src="http://www.profileplaylist.net/mc/images/launch_green.jpg"
border="0" alt="Standalone player"/></a> <a
href="http://www.mysocialgroup.com/download/67957568"><img
src="http://www.profileplaylist.net/mc/images/get_green.jpg" border="0"
alt="Get Ringtones"/></a> </div>
When we pasted this HTM into our Blog Post, it all worked fine, and we can listen
to our songs on our music player online just like this:
How to Use Playlist.com by Passy’s World of ICT
Page 7 of 11
How to make a Jukebox at Playlist.com
We can edit the HTML code to make a left aligned Playlist, that does not have
the extra three boxes under it by altering the previous code to be like this:
<div style="text-align: left; margin-left: 0; visibility: visible;
margin-right: auto; width: 450px;"> <object width="435" height="270">
<param name="movie"
value="http://www.profileplaylist.net/mc/mp3player_new.swf"> <param
name="allowscriptaccess" value="never"> <param name="wmode"
value="transparent"> <param name="flashvars"
value="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_green.x
ml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http%3A%2F%2Fwww.i
ndimusic.us%2Floadplaylist.php%3Fplaylist%3D67957568%26t%3D1249106205&a
mp;wid=os"> <embed style="width: 435px; visibility: visible; height:
270px;" allowscriptaccess="never"
src="http://www.profileplaylist.net/mc/mp3player_new.swf"
flashvars="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_gre
en.xml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http://www.ind
imusic.us/loadplaylist.php?playlist=67957568&amp;t=1249106205&amp;wid=o
s" name="mp3player" wmode="transparent" type="application/x-shockwaveflash" border="0" width="435" height="270"></embed></object></div>
All HTML code that was in between the </embed></object> and the </div>
tags has been removed, and this takes away the 3 recatangles underneath the
player.
This then gives us the following improved layout on our Blog page:
We can also increase the size of the player, and make it so that there is no
scrolling required. We changed ours to up to values of width=516 and Height =
340 by making these changes in the embed HTML as shown in red below:
How to Use Playlist.com by Passy’s World of ICT
Page 8 of 11
How to make a Jukebox at Playlist.com
<div style="text-align: left; margin-left: 0pt; visibility: visible;
margin-right: auto; width: 550px;"> <object width="516" height="340">
<param name="movie"
value="http://www.profileplaylist.net/mc/mp3player_new.swf"> <param
name="allowscriptaccess" value="never"> <param name="wmode"
value="transparent"> <param name="flashvars"
value="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_green.x
ml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http%3A%2F%2Fwww.i
ndimusic.us%2Floadplaylist.php%3Fplaylist%3D67957568%26t%3D1249106205&a
mp;wid=os"> <embed style="width: 516px; visibility: visible; height:
340px;" allowscriptaccess="never"
src="http://www.profileplaylist.net/mc/mp3player_new.swf"
flashvars="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_gre
en.xml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http://www.ind
imusic.us/loadplaylist.php?playlist=67957568&amp;t=1249106205&amp;wid=o
s" name="mp3player" wmode="transparent" type="application/x-shockwaveflash" border="0" width="516" height="340"></embed></object></div>
This filled our screen nicely:
An added bonus was that because we only have seven songs, we can view them
all at the same time. The scrollbar nicely disappears, leaving no gaping omission.
These Flash players are really good nowadays!
How to Use Playlist.com by Passy’s World of ICT
Page 9 of 11
How to make a Jukebox at Playlist.com
Note that while working within Playlist.com:
if we have more than one Playlist that we wish to add songs to, we swap
between the playlists by using the dropdown list function on the player like this:
Let’s say we decided that we wanted to play along on Guitar with some of the
legendary greats, then a quick search in Google, or at sites like:
http://www.fretplay.com should soon find the desired “Guitar Tab” to play the
song:
Eg. The “My Sharona” Riff was quickly obtained from:
http://www.fretplay.com/tabs/k/knack/my_sharona-tab.shtml
How to Use Playlist.com by Passy’s World of ICT
Page 10 of 11
How to make a Jukebox at Playlist.com
Also at the same website, are some very fancy demonstrations on how to play
enhanced versions of these riffs, such as this example for “Sunshine of Your
Love” at: http://www.5min.com/Video/Sunshine-Of-Your-Love-by-Cream---Spanky-Wilson-Cover-A-68740597
So that’s it… we went off track a bit with the Guitar playing items, and we have
made two, but assume we can continue to make as many Playlists as we like, for
all occasions, and we will be having lots of fun.
I think we can also email any Playlist we have made to our friends, and they can
go to the Playlist.com (without being members and listen to it.
For music teachers, Playlist is great for providing samples of songs that students
need to learn to play. For the rest of us it is great to have our favourite tunes
online, and share them with friends.
I think there might also be something similar to Playlist at "Blip-TV" where you
can be a “DJ” and set up a Playlist of songs for other people to listen to. This will
need to be investigated another time.
Enjoy, Passy.
How to Use Playlist.com by Passy’s World of ICT
Page 11 of 11