Make your audio player a cassette

This is what I did with it. Chiptune loop radio on cassette tape for retro music fans! 😂

sick!

Love this! I’ve built similar too using your component. Thanks🥰

Loooks really good man ! 💪🏽

Thanks a lot Man🥰

Very cool. Maybe I can use this for my retro radio station:

ofc do it !

looks clean🫡

nostalgia - cool concept 🤌

tuff 🔥

so i used this to make a retro version for my online radio station. still gotta work out some kinks but a good start.

So smooth man!

Super cool.

I want a Mac widget out of this so bad, and just put The Power of Love and chilling. 🤩

Cassette players really do make everything feel more fun.

Congrats on shipping this. Loved the reel spin speed change when tape moves from one side to the other, like a real cassette. That last 1% of physical accuracy is a terrific touch. 10/10 📼 🌟

Fireee bro

does the reel actually spin off the audio element's timeupdate or is it animation

its hard to make it smooth with just the timeupdate so its an animation based on the currentTime of the audio

As a kid who rewound tapes with a pencil, I’ve gotta nitpick: the spools should spin at different speeds! 😉

ooh wait lemme look into this, how come ?

Because the angular velocity is different, since there is less tape on one spool and more on the other (meaning its radius is larger)

Baller work!

Looks clean af

The memories this brings 😊

Nice work

Don’t think it is a UI that would make big difference as internet is mostly used by 21st century school users.

Spotify should take notes 👀

Awesome. Love that tape actually rolls back and forth as slider goes. That's a cool detail.

love this!

I absolutely love this kind of physical interaction. Such a brilliant idea! Can’t wait to see what you make next so I can feature it on my personal site haha.

Nice music component

Retro all the way!

Just with codex? or you build some mockups before?And for animation, it's easy?

Yupp just codex. but a lot of back and forth ofc. Most time is just spent by me thinking and looking at inspo etc Animation is easy when you have good judgement, again its mostly just thinking, the doing is trivial :)

I test a lot with Gsap to build some animation, good inspiration, Thanks!

THAT'S TOO COOOOL. I WILL DEFINITELY USE IT

sick! I toyed with the idea but went with the iPod 😬

谢谢，我将参考它来制作我喜欢的专辑

dope!

Looks amazing! How did you create this?

just me and my codex 😌

I haven’t seen this in a long time. Nostalgic