# Working Music Playlist!

**URL:** https://forum.makecode.com/t/working-music-playlist/22793
**Category:** Collaboration
**Tags:** music, art, demo
**Created:** [September 25, 2023, 5:20pm UTC](https://forum.makecode.com/t/working-music-playlist/22793 "2023-09-25T17:20:44Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [September 25, 2023, 5:20pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/1 "2023-09-25T17:20:44Z")

</div>

> **[Makecode Music!](https://arcade.makecode.com/S52258-20455-39396-95790)**
>
> Made with ❤️ in Microsoft MakeCode Arcade.

With music and art from @InvalidProject, @AbstractDesigner, @Kiwiphoenix364 and @danger_kitty  
Using @Sarge’s font  
Press A to start music  
Press B to stop music  
Use up and down to scroll through the playlist

There are definitely quite a few bugs as this is just a demo so just let me know if you find any!  
I’m also planning to add shuffle, pause/play, status bar showing length of time, skip and auto play in the future but I have no idea how to implement them so please help. 😅  
Despite how long I took finding these songs, I’ve definitely missed quite a lot and I want to include more. If you want me to add your song follow these steps:

> **Steps**
>
> 1. Send a javascript copy of the music (also say how long you want it to be)
> 2. Make and send a 100x100 cover art using template. Don’t put any white pixels in the purple area as it will clash with the “Makecode Beats” text  
> ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/5/5292f3254d5df769359e00ac40f41d4661f80ede.png)
> 
> > **Code**
> >
> > img`.....111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111..... ...11..........................................................................................11... ..1..............................................................................................1.. .1................................................................................................1. .1................................................................................................1. 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1..................................................................................................1 1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1 1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1 1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1 1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1 .1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1. .1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1. ..1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa1.. ...11aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa11... .....111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111.....`
> 
> 1. Make and send an 8x8 icon version of the cover art

and also don’t forget to name your song as well!

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [September 25, 2023, 6:15pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/2 "2023-09-25T18:15:13Z")

</div>

Hey, this is cool! Thanks for using my font (and crediting!) I love the art, especially the “album covers”!

---

<div class="post-metadata">

### Author: ![InvalidProject](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/invalidproject/32/32554_2.png) [@InvalidProject](https://forum.makecode.com/u/InvalidProject)
#### Post date: [September 25, 2023, 9:46pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/3 "2023-09-25T21:46:37Z")

</div>

I love this.

---

<div class="post-metadata">

### Author: ![TheGreenArtist](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/thegreenartist/32/11096_2.png) [@TheGreenArtist](https://forum.makecode.com/u/TheGreenArtist)
#### Post date: [September 25, 2023, 9:46pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/4 "2023-09-25T21:46:53Z")

</div>

Can i put this in makecode Infinity?

---

<div class="post-metadata">

### Author: ![goldtopaz](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/goldtopaz/32/28622_2.png) [@goldtopaz](https://forum.makecode.com/u/goldtopaz)
#### Post date: [September 25, 2023, 9:47pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/5 "2023-09-25T21:47:43Z")

</div>

can I get a song on the player by chance???

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [September 26, 2023, 4:26pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/6 "2023-09-26T16:26:56Z")

</div>

> [@Luke](#):
>
> If you want me to add your song follow these steps:

😑

---

<div class="post-metadata">

### Author: ![BoostedGames](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/boostedgames/32/29419_2.png) [@BoostedGames](https://forum.makecode.com/u/BoostedGames)
#### Post date: [September 26, 2023, 6:32pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/7 "2023-09-26T18:32:30Z")

</div>

Im confused on what “send javascript copy” means

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [September 26, 2023, 6:34pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/8 "2023-09-26T18:34:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/76f092857c86386fd860145862ed7e806fb189e2.png)  
😑

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [September 26, 2023, 6:39pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/9 "2023-09-26T18:39:55Z")

</div>

Basically just copy the javascript code of the music so I don’t have to manually do it

---

<div class="post-metadata">

### Author: ![Sonicblaston](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sonicblaston/32/19164_2.png) [@Sonicblaston](https://forum.makecode.com/u/Sonicblaston)
#### Post date: [September 26, 2023, 7:28pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/10 "2023-09-26T19:28:03Z")

</div>

You should add something that tells you how long the song is. And if possible a bar that shows you were in the song you are.

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [September 26, 2023, 7:39pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/11 "2023-09-26T19:39:48Z")

</div>

> [@Luke](#):
>
> status bar showing length of time

@InvalidProject and @AbstractDesigner how long do you want your songs to be? Currently the ones without an ending just go for 3 mins.

---

<div class="post-metadata">

### Author: ![InvalidProject](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/invalidproject/32/32554_2.png) [@InvalidProject](https://forum.makecode.com/u/InvalidProject)
#### Post date: [September 26, 2023, 9:45pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/12 "2023-09-26T21:45:23Z")

</div>

2 full repeats than cut off if you can.

---

<div class="post-metadata">

### Author: ![InvalidProject](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/invalidproject/32/32554_2.png) [@InvalidProject](https://forum.makecode.com/u/InvalidProject)
#### Post date: [September 26, 2023, 9:45pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/13 "2023-09-26T21:45:29Z")

</div>

And so you know, a BIG problem I used to have with notifacations is when you plkay more than one things, the old notifacation stays on screen forever

---

<div class="post-metadata">

### Author: ![Luke](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/luke/32/32519_2.png) [@Luke](https://forum.makecode.com/u/Luke)
#### Post date: [September 26, 2023, 10:25pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/14 "2023-09-26T22:25:36Z")

</div>

Yeah that’s either bug with the extension or my code @UnsignedArduino help??

---

<div class="post-metadata">

### Author: ![AbstractDesigner](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/abstractdesigner/32/22531_2.png) [@AbstractDesigner](https://forum.makecode.com/u/AbstractDesigner)
#### Post date: [September 27, 2023, 4:31pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/15 "2023-09-27T16:31:45Z")

</div>

Same!

---

<div class="post-metadata">

### Author: ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)
#### Post date: [September 27, 2023, 4:31pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/16 "2023-09-27T16:31:52Z")

</div>

Yea the notification extension sucks. It’s on my (humongous) back burner.

---

<div class="post-metadata">

### Author: ![InvalidProject](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/invalidproject/32/32554_2.png) [@InvalidProject](https://forum.makecode.com/u/InvalidProject)
#### Post date: [September 27, 2023, 4:36pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/17 "2023-09-27T16:36:36Z")

</div>

Not really a bug, bc I just put cancel notifacation right before each one to avoid

---

<div class="post-metadata">

### Author: ![BoostedGames](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/boostedgames/32/29419_2.png) [@BoostedGames](https://forum.makecode.com/u/BoostedGames)
#### Post date: [September 27, 2023, 5:14pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/18 "2023-09-27T17:14:33Z")

</div>

Makes sense.

---

<div class="post-metadata">

### Author: ![Sarge](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/sarge/32/19590_2.png) [@Sarge](https://forum.makecode.com/u/Sarge)
#### Post date: [September 27, 2023, 5:21pm UTC](https://forum.makecode.com/t/working-music-playlist/22793/19 "2023-09-27T17:21:19Z")

</div>

> [@UnsignedArduino](#):
>
> (humongous) back burner

I feel you bro. I really do
