Theme Music

From TwistedMUCK
Jump to: navigation, search

A Theme Music Tab? What kind of sorcery is this?

What is this madness?

There's a lot of characters who have a theme song in their player's minds. Some entire playlists. Because of this we've decided to add a Theme Music tab to everyone's profiles. You don't have to put anything on it. It's not mandatory.

How do I start?

New profiles will have this line already added in. Older ones will have to have it added. If you are using a profile created before October 8th, 2015 you need to add the following line somewhere on your profile page:
|MusicEmbed= 
We recommend adding it between Stats and Logs so it displays like so:
|Stats=
|MusicEmbed=
|Logs=

Now what?

Well, that depends on what you want to do. If you just want to display a list of songs you can do them like so:

|MusicEmbed=Metallica - The Unnamed Feeling<br />Nine Inch Nails - The Becoming
Metallica - The Unnamed Feeling
Nine Inch Nails - The Becoming

You could also make them links to a YouTube page so someone can click them.

|MusicEmbed=[https://www.youtube.com/watch?v=E0ZGzEYbBhs Metallica - The Unnamed Feeling]
<br />[https://www.youtube.com/watch?v=U8wveDOqWaM Nine Inch Nails - The Becoming]
Metallica - The Unnamed Feeling
Nine Inch Nails - The Becoming

OR you could embed a playlist.

Getting Embed

Services like Spotify allow users to create an embedded playlist, but you'll have to adjust it to wiki formatting before it will function. For our wiki the embed code looks like this:

<websiteFrame>
website=
name=
align=
height=
width=
border=
scroll=
longdescription=
</websiteFrame>

This may look daunting, but it's not. Most of these fields are self explanatory. Website is the URL for the webpage you want to embed. Name is the name of the webpage. Align is intended to be where it puts the embedded box on the page, but it doesn't always work correctly. Height and Width are the size of the box you want. Border is a 1 or 0 for on or off. Scroll tells it if you want a scroll bar. And a longdescription is just that. A long description of your box. Let's look at an example that's already filled in for us:

<websiteFrame>
website=https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45
name=Spotify Playlist
align=middle
height=380px
width=300
border=0
scroll=auto
longdescription=A playlist on Spotify
</websiteFrame>

To get the URL for the playlist, open Spotify and click the ellipsis (...) next to the play button beneath your playlist. Paste it in notepad and copy the URL from the code it gives you. It'll be on a line that reads "src="

<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

And, that's it. In the code we've gotten from Spotify you can see the width and height the embedded iframe was supposed to have, and we've copied it into the embed code for the wiki. To make it fancy, I tend to put everything between center tags. Here's the finished product ready to be pasted into a profile. In this example we've used the one found on Johnny_C's page.

|MusicEmbed=<center><websiteFrame>
website=https://embed.spotify.com/?uri=spotify%3Auser%3Adarkknightnny%3Aplaylist%3A4OngbHy3NYGRnnKPUyII45
name=Spotify Playlist
align=middle
height=380px
width=300
border=0
scroll=auto
longdescription=A playlist on Spotify
</websiteFrame></center>

And the end result?

Personal tools