Raphael Salaja

the web has been quiet for a while. for the past few months i've been building something to fix that. declarative audio for the web. describe a sound as plain data, play it with one call. → audio.raphaelsalaja.com

wrote an article on some advanced animate presence techniques to add to your locker userinterface.wiki/mastering-anim…

the web has been quiet for a while. for the past few months i've been building something to fix that. declarative audio for the web. describe a sound as plain data, play it with one call. → audio.raphaelsalaja.com

@JaceThings the tiny details that make everything feel right

A fun thing @raphaelsalaja taught me: you can set macOS's Now Playing state to anything you'd like while playing audio, directly on the web.

@MaximeHeckel can't wait

✍️ Ready to share with you my learnings on Atmospheric Scattering this coming Tuesday Expect many beautiful real-time renders of the sky, sunsets, and planets

@jvrsanch @benjitaylor @raunofreiberg remove the font weight variation in favour for a lighter color for inactive states. on hover it changes color + adds the background color, i’d also speed up the background color change as well.

Do not animate hover states for list items, feels clunky 🙏 pls fix it @benjitaylor @raunofreiberg accurately replied 'noooo'

@batukrskl thanks 🫡

I am using Raphael's library on my portfolio website. Appreciate Raphael!

@uxkosta nice work man!

s/o to @raphaelsalaja and his audio library

adding sounds to animations makes them just a tad bit more tactile and memorable.

@heystefan_ coming this week

@raphaelsalaja great work! one suggestion, something you'll find in game uis: if a sound is repeating a lot (eg. the slider component) it should have small pitch variability to make it more interesting.

@solidoxx will add these.

@raphaelsalaja It would be great to have a little play button for the multiple examples throughout the documentation.

@moeamaya thanks moe 🫡

@raphaelsalaja Incredible Raphael! The docs and example sounds are dialed.

@marcofyi thanks marco, appreciate it. let me know if there’s anything you’d like to see or add, i hope to turn this into the most complete library for sound generation on the web!

sound in software is one of the most overlooked yet delightful details when used right as someone who’s spent days adding custom sounds to marco.fyi i’m excited to try this

web-kits/audio is entirely open source, end to end. if you want to dig in or contribute, the door's open. github.com/raphaelsalaja/…

@Neesh774 🫡

@raphaelsalaja Sooo sick

@radcraftor thanks rad!

@raphaelsalaja amazing work as always

@eliteplayzXD thanks!

@raphaelsalaja This is so cleannnn

@AdamMocarski thanks for the find, will update

@raphaelsalaja there's a bug on mobile, at some point everything is being triggered

@luxonauta @JoshWComeau thanks for the kind words. i see where you are coming from, however this package is using more of the web audio api so it's usage is mostly different from use-sound.

@raphaelsalaja Hey Rapha, really cool stuff! 😊 I built a use-vibration hook for the same reason - I think software could be much richer with more feedback. 🤏🏻 💭 One thought: have you considered contributing this to @JoshWComeau's use-sound instead of keeping it standalone?

@KMkota0 thanks xavier!

@raphaelsalaja fun!

@reubence @AlexisBouchezEN remotion + claude

@raphaelsalaja @AlexisBouchezEN how’d you make the video