niumusicplayer - simple js youtube playlist player - ♺ ∙ Web Crafting Materials - MelonLand Forum

• niumusicplayer - simple js youtube playlist player
  Posted by drakonic on 02 Apr, 2023 16:03
• Hello everyone.
  
  A couple days ago I got a little frustrated that the youtube music player I've been using on my site is a bit annoying to update. It played from a collection of manually pasted titles and video ids. So I decided to try and make it use youtube playlists.
  My previous attempt at that, a couple months ago, didn't work out, but now I have made what I wanted! And I wanted to share it.
  
  Here's the link to the music player's repository. There you'll find the script and instructions.
  
  Feel free to share thoughts and feedback
• #1 Reply
  Posted by sig on 02 Apr, 2023 17:46
• Thank you so much, I've been looking for something exactly like this! 
• #2 Reply
  Posted by drakonic on 03 Apr, 2023 09:19
• Happy to to hear that! ^^
• #3 Reply
  Posted by tarraxahum on 07 Apr, 2023 22:04
• Hi! First of all, thanks a lot for sharing your player, it's very simple to install and is the first one that actually works for me
  
  However! I have a question.
  
  Scratch that, now I'm just confused 
  
  I was going to ask for help because the music would autoplay each time I opened the page (and I re-embedded it like three times, yet the problem persisted), but then I just as a second thought decided to make the playlist public instead of unlisted and... it stopped autoplaying?..
  
  ...I am very confused but WELL it works now, so just thank you 
• #4 Reply
  Posted by tarraxahum on 07 Apr, 2023 22:27
• ...okay, spoke too soon... 
  
  It's quiet when I open the page directly, but for some reason it still fires up if I go BACK to said page by using a nav link from other pages of the site... (or even simply click 'home' while being on it tbh)
  
  So, uh
  
    SOS 
  
  Should probably clarify that this is happening on Chromium-based Brave, while Firefox, of course, seems to be okay. Still wonder if there's a way to definitedly block autoplay - you never know which browser your visitors are using... Just out of sheer curiosity fired up Edge and yeah, same thing there. 
• #5 Reply
  Posted by drakonic on 08 Apr, 2023 00:20
• Firefox disables autoplay on every site by default. As for other browsers...
  
  The player autoplays by default. I'll add a html attribute toggle, like for shuffling, and turn it off by default. Later, though, 'cause its late over here rn :p
  
  As for now, a fix would be to be remove line 40 of the script, this one:
  

  Code

  event.target.playVideo();

  
  Lemme know if that works! And thank you for the kind words and feedback 
• #6 Reply
  Posted by tarraxahum on 08 Apr, 2023 00:29
• It does work! Thank you very much for answering so quickly despite it being late
• #7 Reply
  Posted by LIA on 01 May, 2023 16:16
• can we use youtube links or do we have to link a playlist or upload the mp3 files manually?s
• #8 Reply
  Posted by tarraxahum on 01 May, 2023 16:52
• Quote from: MARI on 01 May, 2023 16:16

  can we use youtube links or do we have to link a playlist or upload the mp3 files manually?s
  

  
  You create a playlist on YouTube out of all the songs you want, and then just embed the playlist ID in the code
  
  Here:
  
  
  
  This part:
  
  
• #9 Reply
  Posted by LIA on 01 May, 2023 16:56
• Quote from: tarraxahum on 01 May, 2023 16:52

  You create a playlist on YouTube out of all the songs you want, and then just embed the playlist ID in the code
  
  Here:
  
  
  
  This part:
  
  
  

  
  thank you so much ^^

Vaguely similar topics! (3)

	GUIDE: Melon's Simple X3D World Tutorial Started by MelooonBoard ♺ ∙ Web Crafting Materials	Replies: 5 Views: 4750	17 Feb, 2022 15:18 by demonologi
	Iconic Video Game Songs [Player's Choice Award] Started by NightdriftBoard © ∙ Music Room	Replies: 24 Views: 10195	21 Mar, 2024 00:38 by konamiesque
	Simple ways to create and upload a large art gallery? Started by morrysillusionBoard ☔︎ ∙ I need Help!	Replies: 7 Views: 2077	12 Jul, 2022 22:02 by morrysillusion