# Code to make an automatic music playlist **URL:** \ **Category:** Ask for Help\ **Created:** [March 8, 2022, 11:05pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400 "2022-03-08T23:05:28Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![pipispeos](https://avatars.discourse-cdn.com/v4/letter/p/9dc877/32.png) [@pipispeos](https://community.glideapps.com/u/pipispeos)\ **Post date:** [March 8, 2022, 11:05pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/1 "2022-03-08T23:05:28Z")
Hello fam, i have an app that let people put songs in the list for my party, i was thinking that, it would be great to code a program to take the information i have in the columns (link of the song for example) and put the song in a playlist so i don’t have to do it manually, of course this is external and i don’t have a clue how to connect it with glide, so… can anyone help? Thanks ![Screenshot 2022-03-09 at 01-03-41 Copy of Music playlist for 12 03 party · Glide](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/9/89e8a7492f663f9940ab27bcfbb946b9c46cc37f.png) ---
**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\ **Post date:** [March 9, 2022, 3:21am UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/2 "2022-03-09T03:21:55Z")
Good challenge!! I have around 3 hours thinking about a solution for it 🤣 I still don’t give up! Saludos. ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [March 9, 2022, 2:00pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/3 "2022-03-09T14:00:12Z")
Hopefully I can have something for you tomorrow my time. A sneak peek. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9dbed4a021cf0062349fcfa019b2f616b6ab99f3.jpeg) ---
**Author:** ![pipispeos](https://avatars.discourse-cdn.com/v4/letter/p/9dc877/32.png) [@pipispeos](https://community.glideapps.com/u/pipispeos)\ **Post date:** [March 9, 2022, 2:29pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/4 "2022-03-09T14:29:27Z")
omg…🤣 ---
**Author:** ![pipispeos](https://avatars.discourse-cdn.com/v4/letter/p/9dc877/32.png) [@pipispeos](https://community.glideapps.com/u/pipispeos)\ **Post date:** [March 9, 2022, 2:30pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/5 "2022-03-09T14:30:08Z")
i’ll check that later, thank you ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [March 10, 2022, 1:25pm UTC](https://community.glideapps.com/t/code-to-make-an-automatic-music-playlist/39400/6 "2022-03-10T13:25:23Z")
I will send you a private link to join the team where this app is stored, since it’s Experimental Code, I can’t allow copying. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/2/e26e88d4c796ab18a5d160f651d81807cf0120a3.png) The idea is we have a table with the video’s link (in the format I use so the video ID can be extracted), and the video title. Each video will then have its own “HTML Temp” generated to be used in the custom component. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/4/a40b65ca236973f0a2f0a025c5725aa9c74f10b5.png) In my users table, I joined those together using a joined list column. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/4/c4930ac3b411b12da038488b80561efff492cd85.png) The code I adapted from Codepen also have a “feature ID” parameter, which will render the first video on the left side of the component. Here, I’m using the 1st ID from the list by default. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/9/b923443a46a7ca5e3c0603e03daff40d035bb332.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/a/fa28d4c6be7031782d5248641407611420c523d9.png) Finally, I plugged those into the experimental code column that I constructed. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/5/5568da5c19f436f626e5d832f93774ae5dd81240.jpeg) It looks better on desktop view, I feel like there’s not enough space for this to work well on small mobiles, and also this does not allow opening full screen. You have to get a Pro license to use the webview component to display the result.