Anidle

     

Try it out here

---

A Heardle clone but for anime opening built with Svelte

Videos from Animethemes.moe

Processed videos are mirrored and stored on Supabase

Adding songs

Open an issue or open a Pull Request with an edit to songs.json

Setup

Install dependencies with

npm install

Set the following environment variables

# To fetch metadata for select openings
VITE_SPOTIFY_CLIENT=<Spotify Api Client Id>
VITE_SPOTIFY_SECRET=<Spotify Api Client Id>

# To access mirrored songs
VITE_SUPABASE_KEY=<Supabase Anon Key>
VITE_SUPABASE_URL=<Supabase API link>
# Must be a public bucket
VITE_BUCKET_NAME=<storage bucket name>
# Credential for a Supabase User than can read the bucket's info
VITE_USERNAME=<Username/email>
VITE_PASSWORD=<Password>

Run for development

npm run dev

Using Supabase to serve optimized media

The processing script is currently only for UNIX systems

Install dependencies

cd videoProcessing
npm install

Install ffmpeg from Here

Set environment variables

# To create the Supabase client
SUPABASE_KEY=<Supabase Anon Key>
SUPABASE_URL=<Supabase API link>

# Only needed to create a user with createUser.js
SUPABASE_SERVICE_KEY=<Supabase Service key>

# Crendentials to user with permission to modify the bucket
EMAIL=<email>
PASSWORD=<password>

# Must be a public bucket
BUCKET_NAME=<storage bucket name>

Run scripts

chmod +x ./getKeyframes.sh
node downloader.js ../songs.json
node process.js

Check this workflow for the github action automating the processing.