DTayl.me

Hi! I like to create solutions that leverage the latest advancements in web browsers, third-party APIs and AI coding tools.

Projects

Projects

Some of the larger personal web applications I've built

Project 1

GigPrep

A web application that allows you to create a Spotify playlist based on an artist's recent setlists or from the top songs of every performer at a festival.

I created this tool as I found knowing the songs in advance of a concert made it much more enjoyable for me. By taking the last 5 or so gigs an artist has played you can get a solid idea of the tracks that'll likely come up in a gig coming up shortly.

I developed the original version of this application back in 2023 and Spotify have since updated their API usage terms meaning it'll unlikely ever be useable for anyone outside of my short developer Spotify user white-list. But if you're interested in giving it a go drop me an email at daniel@dtayl.me and if there's space I can add your Spotify account.

View

LiveIn5

Over the last few years I've been using one particular idea to evaluate the state of AI tools. This was a web-based video recorder application and I've had varying levels of success with implementations over the years. I was recently excited to discover that Twitch supported WHIP ingesting of video streams via WebRTC and so, with that in mind, I pivoted to a comboination of a video recorder and live streaming tool. All available in the browser on a static web site with 0 server code on my side.

A user can create a combination of webcam, screen share, local video, local audio and text feeds and use them to create a PIP-enabled output that can be recorded for demos or YouTube videos or streamed directly to Twitch via their stream key. Nothing is sent to my servers and the user has the option to store details locally.

This project taught me a great deal about the best ways to get results out of AI LLMs, particularly Claude 4. I wrote up my learnings in a brief sumamry which you can read by clicking the AI Lessons Learned button below.

View AI Lessons Learned
Project 2

Tools and Experiments

Tiny tools, games and experiments I've created using other people's awesome libraries and also various AI tools. The aim of creating these tools was mainly to evaluate the capabilities of the AI tools and to learn how to use them effectively.

Video Converter

ffmpeg.wasm based in-browser conversion of videos. It'll be slower than running ffmpeg directly on your machine - but it's more convenient!

(Untested outside Windows Chrome.)

Open

Screen Recorder

Screen recording with audio options for a combination of mic and system audio. ffmpeg.wasm based in-browser combination and conversion. Mainly made because my Chrome extension doesn't convert to MP4 without the paid version.

(Untested outside Windows Chrome. It definitely won't work on mobile devices but maybe OK on other OS and Chromium browsers.)

Open

JSON To C# Class Converter

Convert complex JSON into C# classes with tons of configuration options.

(Untested outside Windows Chrome.)

Open

Flappy Mouth

Wanted to test Claude 4 out, so the obvious thing to do was have it build a Flappy Bird clone where your camera is the playable character and your microphone controls the movement. Took around 30 minutes with me feeding back any changes needed. I'm a little bit impressed.

(Untested outside Windows Chrome.)

Open

Mix Recorder

More Claude 4 tests. Over the course of a few hours I had it build a video record that can include your own webcam, local screen sharing and local video and images. Feeds can appear as the main feed or as a picture-in-picture window and the canvas result can be recorded using the browser's MediaRecorder. A pre-cursor to the LiveIn5 project mentioned above.

(Untested outside Windows Chrome.)

Open

A Puzzle for Masochists

Yet more Claude 4 tests. Video puzzle with PixiJS. Use the sample video, your own local video or your own webcam.

(Untested outside Windows Chrome.)

Open

Vanity Logo Editor

Claude 4 test once more. Create an animated vanity logo with text or an image and record or download it. This one needs some refinement, but I'm liking the concept and what's there so far. I may come back to it at some point.

(Untested outside Windows Chrome.)

Open

Breathing Timer

After recent issues requiring breathing exercises prescribed by a physio, I wanted a simple breathing timer that I could run in a browser tab that both visually and audibly guided me through timed breathing exercises. It's simple, but I love it.

Open