[ Music Player Tutorial F2U ] on Toyhouse

Comments on [ Music Player Tutorial F2U ] All Comments

Thank you so much for this tut T^T

I’m actually making a playlist using this code. I currently have the players laid out like a scrollable playlist. Is there any way I can make it so that when a song stops playing it automatically goes to the next song? Or if not, is there a way I can make a song player tab where I can use functioning backwards and forwards buttons to easily switch between songs? I appreciate any help ^v^

K90-Nyel

Thanks !

Sadly I won't be able to help you here. I'm only a beginner in html ad this is beyond my level ;;;;
From some testing I've done before auto-play and such tend to be blocked on toyhou.se, so I would suspect it might not be do-able, but maybe !

I'd be curious to see what you're doing so feel free to show me btw !
I wish you good luck that sound super neat ! ✨

riasavi

Ahh it’s fine, I don’t know how to code but I’m persistent and a perfectionist so it’s not required :> My whole character code is nearly 2k lines but here is a portion of my playlist section. Here is the layout, it’s extremely broken right now but as they say before the calm comes the storm —> https://toyhou.se/16584431.tao/16588291.new-character-code-in-progress I have my soundtrack and an image together, however I cannot for the life of me get the picture to align horizontally with the player to the left. Any idea how I can fix that? Or is it not possible? Another very annoying problem is that after like 24 hours of putting a song link into the code it’s stops working. If you go to my character site you’ll see that the one song I put there doesn't work. How would I fix that? Thanks for the luck btw I really need it rn T^T Frankensteining like 10 codes together is unnecessarily hard but I love to give myself a hard time apparently 3-3

riasavi

I’ve been trying to get the code to show up in its text form but I’m dumb idk how to do that ;-;

K90-Nyel

To format comment personally I just use the create character, makes it really brainless and easy.

K90-Nyel

Hi sorry for the late reply I'm quite busy and I wanna check everything you say carefully to give relevent feedback so- oof-

Oh wow the playlist you made looks super cool !
Would you be okay with it potentially being added to the tutorial page ? with credit of course ! (totally fine if you don't, I'm not quite sure it would fit on the page anyway.) or I would suggest making a page for it yourself ! I think people would like using it !

I see I took so long to reply that ended up figuring out most stuff you asked me thought xd sorry about that... but congrats !

As for the links breaking after 24h it's probably because the hosting website you used purge it's files daily.
The websites suggested on the tutorial page do actually keep the files up forever I believe. (or years at least)
Thought I see you're using youtube now... but it doesn't seem to play for me ?

Hope that help somewhat (a little???) and good luck with frankeistaining ! I do that too, it's quite satisfying when you actually manage to make it works ahah

riasavi

Hey, I don’t mind you adding it but honestly idk if I can retrieve it from the depths of my history T^T

I ended up doing something completely different and it did what I wanted it to do. The yt links don’t work cause I didn’t add any yet ^^

If I could give the code to you and you can adjust it till it looked decent that would be fine :> pls do credit me though, I lost actual years off my life making that

K90-Nyel

If I manage to make it fit I'll let you know, I really have some doubt thought since it's detailed/big one... so it's unlikely, but I'll 100% let you know if I do anything with it !
And I really think you should make a page for it though ! I think a lot of people would want to use it, the version you're using currently I mean, it looks super sleek !

riasavi

This took me ages to format but here!

<div class="card p-3 m-2">
            <div class="p-2">
              <h4 class="text-uppercase text-muted"><i class="fas fa-music"></i> Playlist</h4>
              <div class="container" style="height:385pt;width:100%;overflow-x:auto">
                <div class="p-2 p-lg-3" style="overflow:auto;">

               <div class="container p-1 m-1 bg-faded" div align="left" style="width:80%">

               <div class="container p-0" div align="left" style="height:90pt; width:70%; overflow:auto">
                     <div class="square" div align="left;center" style="height: 60px; width: 60px;
                      background: url(https://media.discordapp.net/attachments/985924144854093874/988153843395203122/IMG_5584.png) left no-repeat;
                        background-size: cover;">
                       </div>
               <div align="right;center">{CRYSTAL CASTLES}-Affection<br><audio controls=""><source  src="https://docs.google.com/uc?export=open&id=1JrKLW2VcGiRW_Qr5quHJro5bnUeQIJln"></audio>

               </div>
                </div>
                </div>

               <div class="container p-4 m-1 bg-faded" div align="left" style="width:80%">

               <div class="container" div align="left" style="height:90pt; width:80%; overflow:auto">
                     <div class="square" div align="left-center;" style="height: 60px; width: 60px;
                      background: url(https://images.unsplash.com/photo-1526047932273-341f2a7631f9?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=800&q=80) left no-repeat;
                        background-size: cover;">
                       </div>
              <div align="center">TEXT HERE<br><audio controls=""><source  src="MP3LINK"></audio>

                </div>
                </div>
                </div>
                </div>
                </div>