search

boidushya / better-lyrics

Better Lyrics for Youtube Music - Enhance YouTube Music with beautiful time-synced lyrics, multilingual support, real-time translations and more ✨
https://better-lyrics.boidu.dev
GNU General Public License v3.0
71 stars 6 forks source link

🐛 [BUG] - Song Media Window get's shifted in middle #31

Closed VinayChaurasiyaA closed 2 months ago

VinayChaurasiyaA commented 2 months ago

Pre-checks

Description

As soon as I make the song smaller the media window gets shifted in the middle

Reproduction steps

1. Go to https://music.youtube.com/search?q=all+of+the+lights
2. Click on paper-player-icon
3. Toggle it
4. See error

Logs

[BetterLyrics] Song has been switched All Of The Lights
index.min.js:1 [BetterLyrics] (Safe to ignore) Lyrics tab is hidden, skipping lyrics fetch
index.min.js:1 [BetterLyrics] Album art added to the layout
/generate_204?47Hndw:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/ptracking?html5=1&video_id=w2Yh9sxfTd8&cpn=bnl4V98uZyFc3m5s&ei=NjuCZrf6EuuD9fwPpJugoAo&ptk=youtube_single&oid=ghgcd_xPPR_URSW5U_cwtQ&ptchn=RY5dYsbIN5TylSbd7gVnZg&pltype=content:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/api/stats/qoe?fmt=0&afmt=251&cpn=bnl4V98uZyFc3m5s&el=detailpage&ns=yt&fexp=v1%2C23853952%2C150692%2C204121%2C230596%2C127326%2C26443548%2C7111%2C24166%2C12177%2C9954%2C1192%2C26496%2C6966%2C2%2C2870%2C3819%2C1158%2C849%2C9072%2C29152%2C2196%2C8583%2C1413%2C1103%2C4081%2C2872%2C101%2C4186%2C6757%2C2471%2C5084%2C2428%2C34%2C713%2C2585%2C8134%2C1233%2C1375%2C3761%2C3158%2C4655%2C1590&cl=646697860&seq=3&docid=w2Yh9sxfTd8&ei=NjuCZrf6EuuD9fwPpJugoAo&event=streamingstats&plid=AAYcKKwCpihSZtbE&referrer=https%3A%2F%2Fmusic.youtube.com%2Fsearch%3Fq%3Dall%2Bof%2Bthe%2Blights&qclc=ChBibmw0Vjk4dVp5RmMzbTVzEAM&cbr=Chrome&cbrver=126.0.0.0&c=WEB_REMIX&cver=1.20240624.01.00&cplayer=UNIPLAYER&cos=Windows&cosver=10.0&cplatform=DESKTOP&afs=0.245:251::i&user_intent=0&bh=1.199:19.241,2.543:18.084,10.008:30.884&cmt=1.199:0.011,2.273:1.055,2.543:1.325,10.008:8.791&vps=1.199:PL,10.008:PL&bwm=2.543:312731:0.510,10.008:320037:0.100&bwe=2.543:701071,10.008:851064&bat=2.543:1:1,10.008:1:1&vis=2.543:1:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/api/stats/qoe?fmt=0&afmt=251&cpn=bnl4V98uZyFc3m5s&el=detailpage&ns=yt&fexp=v1%2C23853952%2C150692%2C204121%2C230596%2C127326%2C26443548%2C7111%2C24166%2C12177%2C9954%2C1192%2C26496%2C6966%2C2%2C2870%2C3819%2C1158%2C849%2C9072%2C29152%2C2196%2C8583%2C1413%2C1103%2C4081%2C2872%2C101%2C4186%2C6757%2C2471%2C5084%2C2428%2C34%2C713%2C2585%2C8134%2C1233%2C1375%2C3761%2C3158%2C4655%2C1590&cl=646697860&seq=4&docid=w2Yh9sxfTd8&ei=NjuCZrf6EuuD9fwPpJugoAo&event=streamingstats&plid=AAYcKKwCpihSZtbE&referrer=https%3A%2F%2Fmusic.youtube.com%2Fsearch%3Fq%3Dall%2Bof%2Bthe%2Blights&qclc=ChBibmw0Vjk4dVp5RmMzbTVzEAQ&cbr=Chrome&cbrver=126.0.0.0&c=WEB_REMIX&cver=1.20240624.01.00&cplayer=UNIPLAYER&cos=Windows&cosver=10.0&cplatform=DESKTOP&cmt=21.187:19.969,30.000:19.970&vps=21.187:PA&bwm=30.000:476399:0.300&bwe=30.000:1009349&bat=30.000:1:1&bh=30.000:50.031:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/api/stats/qoe?fmt=0&afmt=251&cpn=bnl4V98uZyFc3m5s&el=detailpage&ns=yt&fexp=v1%2C23853952%2C150692%2C204121%2C230596%2C127326%2C26443548%2C7111%2C24166%2C12177%2C9954%2C1192%2C26496%2C6966%2C2%2C2870%2C3819%2C1158%2C849%2C9072%2C29152%2C2196%2C8583%2C1413%2C1103%2C4081%2C2872%2C101%2C4186%2C6757%2C2471%2C5084%2C2428%2C34%2C713%2C2585%2C8134%2C1233%2C1375%2C3761%2C3158%2C4655%2C1590&cl=646697860&seq=5&docid=w2Yh9sxfTd8&ei=NjuCZrf6EuuD9fwPpJugoAo&event=streamingstats&plid=AAYcKKwCpihSZtbE&referrer=https%3A%2F%2Fmusic.youtube.com%2Fsearch%3Fq%3Dall%2Bof%2Bthe%2Blights&qclc=ChBibmw0Vjk4dVp5RmMzbTVzEAU&cbr=Chrome&cbrver=126.0.0.0&c=WEB_REMIX&cver=1.20240624.01.00&cplayer=UNIPLAYER&cos=Windows&cosver=10.0&cplatform=DESKTOP&bwe=38.434:1009349,40.003:1009349&bat=38.434:1:1,40.003:1:1&vis=38.434:10&cmt=38.434:19.970,40.003:19.970&bh=38.434:50.031,40.003:50.031:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/api/stats/qoe?fmt=0&afmt=251&cpn=bnl4V98uZyFc3m5s&el=detailpage&ns=yt&fexp=v1%2C23853952%2C150692%2C204121%2C230596%2C127326%2C26443548%2C7111%2C24166%2C12177%2C9954%2C1192%2C26496%2C6966%2C2%2C2870%2C3819%2C1158%2C849%2C9072%2C29152%2C2196%2C8583%2C1413%2C1103%2C4081%2C2872%2C101%2C4186%2C6757%2C2471%2C5084%2C2428%2C34%2C713%2C2585%2C8134%2C1233%2C1375%2C3761%2C3158%2C4655%2C1590&cl=646697860&seq=6&docid=w2Yh9sxfTd8&ei=NjuCZrf6EuuD9fwPpJugoAo&event=streamingstats&plid=AAYcKKwCpihSZtbE&referrer=https%3A%2F%2Fmusic.youtube.com%2Fsearch%3Fq%3Dall%2Bof%2Bthe%2Blights&qclc=ChBibmw0Vjk4dVp5RmMzbTVzEAY&cbr=Chrome&cbrver=126.0.0.0&c=WEB_REMIX&cver=1.20240624.01.00&cplayer=UNIPLAYER&cos=Windows&cosver=10.0&cplatform=DESKTOP&bwm=41.079:462010:0.120&bwe=41.079:1587997,41.768:1587997,42.518:1587997,43.310:1587997,47.310:1587997,50.000:1587997&bat=41.079:1:1,41.768:1:1,42.518:1:1,43.310:1:1,47.310:1:1,50.000:1:1&vis=41.079:1,41.768:10,42.518:1,43.310:10,47.310:1&cmt=41.079:19.970,41.768:19.970,42.518:19.970,43.310:19.970,47.310:19.970,50.000:19.970&bh=41.079:80.031,41.768:80.031,42.518:80.031,43.310:80.031,47.310:80.031,50.000:80.031:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
play.google.com/log?format=json&hasfast=true&authuser=0:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30:1 

       Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
[Violation] Forced reflow while executing JavaScript took 32ms
base.js:8323 

       POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
g.k.send @ base.js:8323
Wfa @ base.js:837
Ko.send @ base.js:8336
g.k.flush @ base.js:8309
(anonymous) @ base.js:792
Tm.tick @ base.js:8298
(anonymous) @ base.js:8296
base.js:8323 

       POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
g.k.send @ base.js:8323
Wfa @ base.js:837
Ko.send @ base.js:8336
g.k.flush @ base.js:8309
sn.flush @ base.js:8317
g.k.hn @ base.js:8205
Gd @ base.js:314
g.k.dispatchEvent @ base.js:8158
g.k.Nea @ base.js:8200
music_polymer_inlined_html.js:1910 

       POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
(anonymous) @ music_polymer_inlined_html.js:1910
Kna @ music_polymer_inlined_html.js:1904
(anonymous) @ music_polymer_inlined_html.js:1935
(anonymous) @ music_polymer_inlined_html.js:1880
(anonymous) @ music_polymer_inlined_html.js:1899
(anonymous) @ music_polymer_inlined_html.js:1800
Eg @ music_polymer_inlined_html.js:689
(anonymous) @ music_polymer_inlined_html.js:683
(anonymous) @ music_polymer_inlined_html.js:1792
base.js:2018 

       POST https://music.youtube.com/api/stats/qoe?fmt=0&afmt=251&cpn=bnl4V98uZyFc3m5s&el=detailpage&ns=yt&fexp=v1%2C23853952%2C150692%2C204121%2C230596%2C127326%2C26443548%2C7111%2C24166%2C12177%2C9954%2C1192%2C26496%2C6966%2C2%2C2870%2C3819%2C1158%2C849%2C9072%2C29152%2C2196%2C8583%2C1413%2C1103%2C4081%2C2872%2C101%2C4186%2C6757%2C2471%2C5084%2C2428%2C34%2C713%2C2585%2C8134%2C1233%2C1375%2C3761%2C3158%2C4655%2C1590&cl=646697860&seq=7&docid=w2Yh9sxfTd8&ei=NjuCZrf6EuuD9fwPpJugoAo&event=streamingstats&plid=AAYcKKwCpihSZtbE&referrer=https%3A%2F%2Fmusic.youtube.com%2Fsearch%3Fq%3Dall%2Bof%2Bthe%2Blights&qclc=ChBibmw0Vjk4dVp5RmMzbTVzEAc&cbr=Chrome&cbrver=126.0.0.0&c=WEB_REMIX&cver=1.20240624.01.00&cplayer=UNIPLAYER&cos=Windows&cosver=10.0&cplatform=DESKTOP&bwm=110.250:684092:8.762&bwe=110.250:26894,110.951:26894&bat=110.250:1:1,110.951:1:1&cmt=110.250:19.970,110.951:19.970&bh=110.250:120.011,110.951:120.011 net::ERR_BLOCKED_BY_CLIENT
gra @ base.js:2018
g.yA @ base.js:2025
reb @ base.js:6981
(anonymous) @ base.js:7004
CA.then @ base.js:8981
zeb @ base.js:7003
g.k.reportStats @ base.js:12956
(anonymous) @ base.js:7008
(anonymous) @ base.js:1982
music_polymer_inlined_html.js:1910 

       POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
(anonymous) @ music_polymer_inlined_html.js:1910
Kna @ music_polymer_inlined_html.js:1904
(anonymous) @ music_polymer_inlined_html.js:1935
(anonymous) @ music_polymer_inlined_html.js:1880
(anonymous) @ music_polymer_inlined_html.js:1869
(anonymous) @ music_polymer_inlined_html.js:1846
(anonymous) @ music_polymer_inlined_html.js:1844
base.js:8323 

       POST https://play.google.com/log?format=json&hasfast=true&authuser=0 net::ERR_BLOCKED_BY_CLIENT
g.k.send @ base.js:8323
Wfa @ base.js:837
Ko.send @ base.js:8336
g.k.flush @ base.js:8309
(anonymous) @ base.js:792
Tm.tick @ base.js:8298
(anonymous) @ base.js:8296
setTimeout (async)
Tm.start @ base.js:8296
l @ base.js:8308
(anonymous) @ base.js:8336
Gd @ base.js:314
g.k.dispatchEvent @ base.js:8158
Xfa @ base.js:839
Zfa @ base.js:840
g.k.Rba @ base.js:8329
g.k.j0 @ base.js:8328
XMLHttpRequest.send (async)
g.k.send @ base.js:8323
Wfa @ base.js:837
Ko.send @ base.js:8336
g.k.flush @ base.js:8309
(anonymous) @ base.js:792
Tm.tick @ base.js:8298
(anonymous) @ base.js:8296
music_polymer_inlined_html.js:1097 

       POST https://music.youtube.com/youtubei/v1/log_event?alt=json&key=AIzaSyC9XL3ZjWddXya6X74dJoCTL-WEYFDNX30 net::ERR_BLOCKED_BY_CLIENT

Browsers

Chrome

Browser Version

Brave: 1.67.123

Anything else?

Before applying extension: image

After applying extension: image