Meta Ray-Ban Display apps

v0.5DeviceMotion, Spotify Web API, LRCLIB, Trafilatura, AcousticBrainz, Flask (Python)

These are five small web apps made for the 600 × 600 pixel screen in Meta Ray-Ban Display glasses. They run as web pages. Lyrics and Read only need a screen. Pip, Cadence DJ and Motion Cues use a motion sensor, and Pip and Cadence DJ share a step counter written for glasses, where the sensor is on your head.

Lyrics and Cadence DJ are hooked up to my Spotify account, so they show whatever I happen to be listening to. A small server supplies the data: the current song, lyrics timed to it, the article text for Read, and the tempos of 172 of my liked songs.

In the screenshots, Lyrics and Cadence DJ are playing a test track, and the walking and motion are simulated.

Lyrics

v0.6

Shows what's playing on my Spotify, with the line before, the current line and the line after, in time with the song.

Spotify Web API, LRCLIB, Flask (Python)

Read

v0.5

A speed reader that flashes an article one word at a time, with one letter in red to focus on, at 150 to 900 words a minute. It pauses a little longer at commas and the ends of sentences.

Trafilatura, Flask (Python)

Pip

v0.6

Pip counts your steps and walks along with you, runs when you speed up, and falls asleep if you stand still for a minute. Butterflies, bees, snails and birds cross the screen while you walk, and there's a short poem at 1,000 steps.

DeviceMotion, CSS animations, localStorage

Cadence DJ

v0.4

Measures how fast you're walking and queues a song from my Spotify liked songs with a matching beat. Change your pace for a while and it picks a new one.

DeviceMotion, Spotify Web API, MusicBrainz, AcousticBrainz, Flask (Python)

Motion Cues

v0.3

Dots along the edges of the screen move when the car speeds up, slows down or turns. It's meant to ease motion sickness for passengers.

DeviceMotion, Canvas 2D