is your music not autoplaying? in this tutorial, iâll be showing you how to adjust your settings on google chrome and safari if you are having trouble getting your music to autoplay.Â
for chrome users:
click the âiâ button next to ânot secureâ (picture) in the address bar of google chrome.
a window should pop up and look like this: (x).
if the sound option is available, click the dropdown menu and click âallowâ. if it is not available, click âsite settingsâ and find sound and click the dropdown menu and click âallowâ.
google chrome will ask you to reload your page, and once you refresh, your music should autoplay.
for safari users:
on the top of the Safari menu, click on Safari and click preferences
go to websites and find the tab that says auto-play. looks like this: (x)
there will be an option to auto-play sound for just the website you are currently using, or for all websites that you visit - depending on what you want just click the dropdown menu and click âallow all auto-playâ
refresh the page and your music should autoplay.
thatâs it! if this doesnât work, there is probably something wrong with the code of your music player. if thatâs the case, feel free to send an ask and i can try to help!Â
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
â Live Streamingâ Interactive Chatâ Private Showsâ HD Qualityâ Free Actions
Free to watch ⢠No registration required ⢠HD streaming
so i made this a couple of weeks ago for ma discord friendos on the cool beans server so they could get music players and i hate having posts floating around in my drafts so i just thought iâd publish this! the screenshots are from ages ago when my theme was all autumnal and arenât great quality, but hopefully this can help you get a music player if you want one! instructions under the cut!
1. head to my blog and click the hyperlink in my music player on the words wikplayer (or go to https://www.wikplayer.com/)
2. this will take you to wikplayerâs website were you can create the code for your music player! scroll down a little a bit until you can see the white box. the tab above it should be on step 1. go ahead and click on create a new playlist!
3. then choose your skin on step 2. i would use a full player. i originally used one of the less crazy skins on page 2, but if you find and would like to use a custom skin, then click the custom skin option and copy the link for it. if you would like to use the custom skin i use, just ask and i can send it to you! then click next.
4. you should now be on step 3, and this is were you make the actual playlist. set it to manual playlist. put the song title as you would like each song to appear when it comes up on your blog, and then link it. you can do this by linking each to a youtube video (but it will obviously only play the audio) - i would use a lyric video as they usually play the song without out any extra music/sound at the end or start of the video. youtube links can also occasionally pick up ads when played on your blog, so using a lyric video might be better as it is less likely to be monetised or have ads. you can also do what did for the first song in my playlist - uploading a mp3 link. the website advises dropbox, and thatâs what i use anyway, so iâm not sure if it works with any other download host websites, but feel free to try this! make sure you add d1= to any mp3 download links. you can also add more songs by clicking on the bottom left button. you can check the songs work by clicking on the play buttons next to them, and i would check all of them before you move on so you donât have to come back and recreate the code! then click next.
5. step 4! here you can change basically how you playlist runs:
autoplay: plays first song when blog web page is open without having to press play on player
shuffle playback: shuffles the songs each time a blogâs web page is open
default volume: the volume the music is played at when first played
show playlist by default: show playlist tab when opening blog
marquee text: song title moves depending on length from right to left when playing. if off, whole title is shown, but usually cut off or shrunk.
when you finished, and are sure everything on the previous steps is ready to go, then click done!
6. now you have the code for your music player! copy all of it!
7. head to your blogâs customisation page - where you would go to change your theme, add pages, etc. click edit html.
8. find your body tag. you can do this super quickly by clicking the gear in the top left, going to find and replace and typing body in the search for box. it will either look like mine does with an inequality before it: < , or just the word on itâs own with a curly bracket: { . paste the code you copied from 6. and hit update preview and save.
and thatâs it! if you have any problems feel free to shoot me a message on the discord / on tumblr!
There are a lot of good music tutorial posts out there,so I thought Iâd toss mine in this nice pile as well. Iâm going to try a new style (new to me). Let me know if this is more or less confusing.
This is what weâll be creating
Thereâs a few components to this music player:
The album art
The actual music
the information
Weâre going to store the three aforementioned information in divs. Divs can be best thought of as boxes. You can store boxes on top of each other, next to each other and inside of each other. The main div/box is going to house the music and the information about the music. Inside the main div will be a div for the music and ul for the music information.
`Think of this as a basic framework of a house. The main div is âmusicmainâ. It is helpful to give your divs a name that you will understand a few months from now. This is the room that contains music. Inside this is âmusiccontentâ. This includes the album art and the audio play {AudioPlayerWhite}.
The style is quite literally what we use to make our divs look nice. It is called CSS, which stands for Cascading Style Sheet There are a few ways to add the CSS style. You can add it in a < style > tag, which looks like this:
`<style type="text/css" scoped="scoped"> your styles here </style>
Or as in the code way above, you can use inline (thatâs when you style things in the div tag). Generally speaking, you donât want to do this but for Tumblr, we have to. Why? Because album art is only applicable to music posts. We specified in the inline style that we want the album art to be the background of this div and that we also want the album art to stretch through the entire div.
With CSS, weâre going to tell the Divs and Uls how to behave.
.musicmain {clear:both; background-image: linear-gradient(to right top, //creates a linear backround #e89cac, #fad6ab); display:flex; //were going to use flexbox /*** read about it here https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ***/ } .musiccontent { width:50%; /*** this div is only half as wide as the maincontent div it is an element in musicmain It will be automatically aligned to the right because it is a flex object. All elements in musicmain will be automatically distributed in the div ***/ padding:10%; margin:none; position:relative; -webkit-background-size: cover; //here we reiterate what was already in the inline CSS. -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .music_menu { margin:0px; padding:0px; list-style:none;//gets rid of the bullets padding-top:5%; padding-bottom:5%; width:50%; /** music_menu is the name of the unordered list. It is half the size of musicmain. Similar to musiccontent, it will be automatically floated because it is a flex object ***/ background-image: linear-gradient(to right top, #e89cac, #fad6ab); } .music_menu li { list-style:none; //gets rid of bullets margin: 0px; //gets rid of default padding margin-bottom:4px; text-decoration:none; //gets rid of default styling font-size:18px; font-family:verdana; padding:3%; } .audio_player {width:90px; height:27px; padding-top:30px; padding-bottom:60px; padding-left:20px; background:#f2f2f2; border-radius:50%; margin:0 auto; } .tumblr_audio_player {width:60px; }
Letâs take care of the music information. The set of information doesnât depend on order so we are going to stick it in < ul >. The UL stands for unordered lists. We need to make sure the width is 50% that way the music player and information will sit next to each other.
Now letâs style the music player.
The default player is a long rectangle To get the end result, we need to squish the player to make it less wide. We canât actually get it to be round so weâre going to put it on top of a circle (thatâs the same color as the music player).
Letâs put all this together: Hereâs what youâll want between your < style > tag:
 For this music player, you will need four sites. Â
Iâve added visuals in case you get lost.
Site can be found  here: YouTube, Listen to YouTube,  Kiwi6, and SheepProductions
First, find the song(s) you want on your music player from YouTube and open this up. (Or site of your choice for downloading YouTube video audio).
Once you have your site, copy the link for your YouTube video and paste it into your the site to convert your video.
Click the link that says, Click HERE to get your Download Link
On the next page it take you to, a blue button will say, Download MP3. Click that button and only that button for your download.
The page should redirect you to a new page, where you will have the option to convert more videos. If you want more than one song, click the blue Convert Another Video button.
You are officially done with these two sites. Yay!
Next, you will be using Kiwi6 and Sheep Productions.
You will first need to make an account (or sign in) with Kiwi6 so your songs can be saved for you. (This way you wont have to download the same songs if you loose your codes).
Once you have logged in/signed up, find the button that says Upload Files, or Upload in general.
Upload all/any of the audio MP3 files you just downloaded with the other site/your site of choice.
Wait for your file(s) to load. This may take a few long seconds.
The following is important.Â
Once your file(s) have been uploaded successfully, you will need to find the link that says Direct Hotlink. It is important you grab this code and not any others as the player may not work.
Sheep Productions is next! Go the site here once you have your Direct Hotlinks.
As soon as you click on Sheep Productions, pause the music they have playing near the top.
Replace the link with the Direct Hotlink you just grabbed from Kiwi6.
Add a title to your songs! Or leave them blank like I usually do.
Uncheck the Auto play button. (Leave this as is if you want your music to play automatically upon going to your profile).
After youâre happy with your songs, click the Generate code box.
Again, be sure to pause the music they have playing and listen to your own.
If you are happy with the player as it is, copy the code and paste it on your page where you would like this player to appear.
For this music player, you will only need one site. Â
Iâve added visuals in case you get lost.
Site can be found here.
First, create an account.Â
Once your account is created, login and find the CREATE button at the top and hover over it.
There are two choices. One says Create and below it is Playlist.
Click on the link that says Playlist.
Click the green button that says Add New Playlist and enter a name.
Next, underneath Playlist is empty, there will be an option that says +Add New Song. Go there.
Type in a song you want and then click the ADD button, then Add To My Playlist. Continue with as many songs as youâd like.
When Youâre done, hover over Create again and click Player this time.
Find the player that says, New Classic Compact Player, (it should be the first one).
Colors!
Change the color of Background, Song Background, Song Clicked, and Text Color all to the same color. (Color of your layout to blend it in).Â
Change the Buttons Color to something that can be seen on your background. If you want to keep it hidden all together, make all the colors the same, even for this.
Once youâre finished and happy with your player, click on Get Code.
Important!Â
Find the width and height in the coding, itâs in there twice each one!
Change the width on both to 50 and the height to 25!Â
Note: changing these dimensions from the original is going to make the player only seem as though it only has the buttons, as shown below.
Almost done! Copy and paste code into your layout/theme wherever youâd like the player to appear.Â
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
â Live Streamingâ Interactive Chatâ Private Showsâ HD Qualityâ Free Actions
Free to watch ⢠No registration required ⢠HD streaming
Trick to playing Dropbox Direct Links for Billy Player
A friend who spent 2 hours figuring how to work out playing Dropbox uploaded music in http://www.sheepproductions.com/billy/ wants to share it to you:Â
IF you want to rip YouTube song to the Billy PlayerÂ
a) rip the mp3 from YouTube using http://www.youtube-mp3.org/ OR http://www.video2mp3.net/
b) Download THEN make a Dropbox account, or if you already have one that's good and upload your Mp3 file (or what you downloaded from the YouTube ripper) into Dropbox.Â
Dropbox sign-up is free and so are uploading files. NEXT Right-click on the file name from the Dropbox, Left-click on Share.Â
OR click "Share Link" button., whichever gets you to the Share Link pop-up to copy the link.
LASTLY Paste the Dropbox link into the FriendsBilly boxes on http://www.sheepproductions.com/billy/Â
We donât have to tell you which box goes the Dropbox link, and which box goes the song name.Â
You can paste up to 5 music as long as you do the "dl.dropboxusercontent.com" change on each of the other 4 Dropbox links. Then you can hit the "Generate Code" ButtonÂ
AAAAAAAND you're done!Â
NOTE: the friend took 2 hours because she tried other file-hosting sites as well, like Ge.tt which didnât have direct link sharing ; Copy.com that has a more complicated way of getting the direct link ; Kiwi6.com but as of 2015 is now only for paid users ; and others.Â
The best way to host the mp3 files is still DropBox.Â
The source of the trick is from here: http://techapple.net/2014/04/trick-obtain-direct-download-links-dropbox-files-dropbox-direct-link-maker-tool-cloudlinker/Â
2nd NOTE: Dropbox Links changes over the years, thus some other tutorials out there differs to this. This Tutorial is proven to work as of 2015 August.
3rd NOTE: There is a trick to play more than 5 songs in the FriendsBilly player, find out how here http://le4f.tumblr.com/post/25435024832/play-more-than-5-songs-with-the-billy-music
which you can get by finding the file in your dropbox account, clicking the âshareâ button, copying the link that pops up, and changing the âdl=0â at the end to âdl=1â
some other helpful tips:
make sure the filename is pretty simple, no funny characters
iâm like 99% sure the file has to be an mp3, so no m4aâs
make sure you can access the file in incognito mode in case itâs private instead of public
the billy player folks have a help page here too just in case
