Create custom audio playlists for your Yoto Player. Features random playlist generation, AI-powered icon selection, and direct syncing to your Yoto library.
🌐 https://yoto-playlist-creator-web.jimmeh.workers.dev
User information
Yoto Playlist Creator is a powerful tool for building custom audio playlists for your Yoto Player. You can create playlists from your existing tracks, and even generate random playlists for a bit of variety. The app also includes robust searching and sorting features to help you manage your playlists.
One of the standout features is the ability to use AI to automatically select icons for your tracks, saving you the time and effort of manually choosing them for large playlists. And don't worry, there's a help page with all the information you need to get started using AI to pick icons for your playlists!
Everything you create syncs directly to your Yoto library, so your new playlists are ready to use on your Yoto Player right away.
Technical information
The best feature (in my opinion!) is using AI to pick icons for your tracks. Because it's a pain to have to do that for 20+ tracks each time!
To do this we:
1. Generate embeddings of all available icons available to you (public + custom), using the icon's title + tags
2. Pick the closest 100 matching icons to the track's title
3. Send this data to an OpenAI compatible completions endpoint, asking the LLM to pick the most appropriate match
This is all handled in a background/job queue, so you can continue using the app in the mean time, including queueing up more playlists for icon picking 🙂
Data storage
We use your Yoto authentication token to fetch:
1. Your playlist information
2. Your custom icons
We store this in your browser's local storage for various things, such as the AI icon picking process.
If you want to use the above, you must provide an OpenAI compatible endpoint config (including token, model choice, etc.). Again, this never leaves your browser.
The app is a statically rendered SPA - there's no "server" to it, other than a Cloudflare Worker script for fetching the asset and adding response headers for security.
Your information never leaves the site, other than track information + icon information being posted to the AI if you enable it.
You can view the full source code at the GitHub repository if you wish to verify this, or even self-host it yourself:
https://github.com/imjimmeh/yoto-playlist-creator-web