hopollo / obs-youtube-player

Designed for OBS Browser source to display/play a song/playlist fully automatically with customs params.

OBS-Youtube-Player

Designed for OBS Browser source to display/play a song/playlist fully automaticly with customs fixed params.

Usage : add ? at the end of the link and copy Youtube link from "watch?v=XXXXX" or "watch?v=XXXXX&list=XXXXX")

exemple : https://hopollo.github.io/OBS-Youtube-Player/?watch?v=lSqnqSSXTUI&list=RDlSqnqSSXTUI&volume=10&random=true&loop=true

Tutorial (video with subtitles instructions): https://youtu.be/y8VerA88A6U

Features :

volume : Volume of the video player : &volume=VALUE (0 to 100, default is 45)
w : Width of the video player : &w=VALUE (default is 535)
h : Height of the video player : &h=VALUE (default is 300)
hide : Hide the video player : &hide=true|false (default is false)
hideWhenStopped : Hide all when video stops : &hideWhenStopped=true|false (default is false)
quality : Video quality of the player : &quality=small|medium|large|hd720|hd1080|highres|default (default is default)
forcequality : Enforce choosen video quality : &forcequality=true|false (default is false)
speed : Video speed of the player : &speed=0.2|0.5|1|1.25|1.5|2|any number (default is 1)
t : Start the video at desired time in seconds : &t=15 (default is 0)
index : On playlist, choose the first song by index : $index=2 (default is 0)
loop : Loop video/playlist when finished : &loop=true|false (default is true)
random : Randomize next song on playlist : &random=true|false (default is true)
fade : Enable the volume fade on song start & end : &fade=true|false (default is false)
title : Show the current song (name + author) : &title=true|false (default is false)
controls : Toggle video controls (progress, sound, play button, etc...) : &controls=true|false (default is false)
debug : Enable debug mode & show info on console : &debug=true|false (default is false)

Song title/author's display is fully customizable with CSS rules from OBS directly with #songTitle and #songAuthor

Built-in features by default :

autoplay = enabled,
Video controls (play, next, etc..) = hidden,
Fullscreen button = hidden,
Video info = hidden,
Loop mode = enabled,
Fade = disabled,
Randomize = enabled,
Video annotation = disabled,
and more....

obs-youtube-player's Issues

Several bugs

Hello I have detected three bugs, I have tried to fix them but I have no knowledge about JS.

1. When using a list as a video source it always starts with video number 2 there seems to be a bug when it enters the first time because when going through the function "shuffleSongs" it skips the first song.
   _{function onStateChange(event) {
   switch (event.data) {
   case -1: // Not started
   shuffleSongs();}

2. When using a playlist and activating the loop=true at the end it only repeats the last song, I understand that it should repeat the whole playlist.

3. Third, is there any way to hide the final recommendations of the videos ?

Would it be possible to fix these bugs? thanks in advance.

Height/Width values remain at default when changed

As the title states even when I update the height/Width it stays to the defaults.

Videos not playing with random=true

For a couple days now, the url I've been using has broken completely.
https://hopollo.github.io/OBS-Youtube-Player/?list=PLldRh1lAHU2Zgv0iIP-uXmuc2x-8ScbE-&w=1920&h=1080&quality=hd1080&forcequality=true&random=true
It appears to rapidly cycle through all the videos unless I remove random=true

loop=false does not work

The loop function is always set to true, even if you forcibly disable &loop=false the video still loops

Playlist not playing at random

Hi, I have the random param applied, but after the first video, it always plays the same second video, have I gone wrong somewhere?

Here's the URL I'm using:

https://hopollo.github.io/OBS-Youtube-Player/?watch?v=NJMW2app0VI&list=PLFpyodDlHKurc0wLyYx69UebsXd8hkCuR&volume=10&random=true&loop=true&w=1280&h=720&quality=hd720&title=true

First video is a blank 5 second video for easier viewing of issue.

Apparently the autoplay functions stopped working

As the title itself says, last night (in my time zone [gmt -3]) any YouTube link that my sammi automation sends the url or to index.html, always gets stuck on the player screen and doesn't execute anything unless I have to manually go to OBS and interact with its source browser.

Help

I want to show the controls but adding controls=1 or controls=true does not work. What have I missed to add?
Thanks

https://hopollo.github.io/OBS-Youtube-Player/?watch?v=Z2qOwI3c09c&controls=true&volume=100&loop=true&quality=hd720&forcequality=true&hideWhenStopped=true

Quality inconsistency between OBS Browser Source and Normal browser

I seem to be having problems forcing quality issues (could be user error)
However one thing I have noticed is for the majority of videos I use the quality is different in the OBS browser source compared to using the URL in a normal browser.
In the majority of cases the obs browser source has a lower resolution. In a few rare cases (usually when the original video has a high resolution such as 2560x1440) it works correctly on the browser source but shows a different resolution on a normal browser.

This is the current URL im using : https://hopollo.github.io/OBS-Youtube-Player/?watch?&list=PLuPZph0hObJkUkXb7sllO0knm1oRDwhLJ&volume=10&random=true&loop=true&w=1920&h=1080&title=true&forcequality=true&quality=highres
A few examples below
https://imgur.com/a/7qmiY78