[BUG] Splash screen and mobile page doesn't load correctly when connect to PiKaraoke remotely on Tailscale

[pinpin890]

Describe the bug

Running pikaraoke with the --headless flag

When accessing it via the pi address (http://piaddress:5555/splash), it works as intended.

I recently set up a Tailscale funnel to access the Pikaraoke outside my network but it doesn't load correctly, styles are wrong, missing QR code and background on the splash screen, etc.

I don't know if I have set up the Funnel correctly, so some insight would be great. I just don't want to lug my Raspberry Pi when I want to do karaoke.

Also, not putting my tailscale address here for obvious reasons.

Expected behavior
When going to https://tailscaleaddress/splash, it should show the normal splash screen.

Screenshots
https://tailscaleaddress/splash:

https://tailscaleaddress/:

Platform (please complete the following information):
Platform: Raspberry Pi 4 Model B Rev 1.1
OS Version: #1 SMP PREEMPT Debian 1:6.12.47-1+rpt1~bookworm (2025-09-16)
Youtube-dl (yt-dlp) version: 2025.11.12
FFmpeg version: 5.1.7-0+deb12u1+rpt1
Pikaraoke version: 1.14.0
Browser: Chrome

[pinpin890]

I can confirm that using Tailscale VPN to access the PiKaraoke works. Just not the funnel

[vicwomg]

I'm not sure how tailscale works, but this sounds like a configuration issue on their part. Pikaraoke doesn't do anything out of the ordinary in terms of serving the page. All assets should and video are served on the specified port.

[cdytoby]

I'm not an expert, but it looks like an CORS issue.

https://en.wikipedia.org/wiki/Cross-origin_resource_sharing

Also throw my 2 cents here, I personally don't recommend exposing your local services to public Internet.