I Built a Spotify Desktop Pet as My First Godot Project, BelPet! Here's how I did it.

Описание и применение

BelPet – это прозрачный, всегда‑на‑верху десктопный питомец, управляемый в Godot 4, который одновременно служит контроллером Spotify: воспроизведение, пауза, переход, изменение громкости и отображение обложки. Проект использует WebView для интеграции Spotify Web Playback SDK и Web API для синхронизации, но требует Premium‑аккаунт и собственный Client ID.

Задача

Create a lightweight desktop pet that also serves as a Spotify controller without constantly opening Spotify.

Результат

BelPet provides a convenient desktop Spotify controller with drag‑and‑drop pet animation, synchronized playback, and album art display, all built in Godot 4 with C# and a WebView.

Рабочий процесс

• 1. Set up Godot 4 project with C#.
• 2. Create transparent, borderless, always‑on‑top window and mouse‑passthrough regions.
• 3. Add simple gravity to let the pet fall to the taskbar area.
• 4. Integrate Spotify Web Playback SDK via a WebView using godot_wry.
• 5. Use Spotify Web API to poll playback state when another device is active.
• 6. Implement UI controls: play/pause, next/prev, seek, volume via hover, album art display.
• 7. Package the application for desktop distribution.
• 8. Test functionality with Spotify Premium account and active device.
• 9. Publish source on GitHub under MIT license.

Доказательства

BelPet uses both the Spotify Web API and Spotify Web Playback SDK, but they serve slightly different purposes.

Источник

I ended up using godot_wry to embed a WebView inside the application.

Источник

BelPet works normally when BelPet itself is selected as the active Spotify playback device.

Источник