Skip to main content
CSS is fun and cool and I like it.

Articles Tagged audio

It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
3 Articles
{
,

}
Article

Playing Sounds with CSS

Avatar of Alvaro Montoro
Author
Alvaro Montoro

CSS is the domain of styling, layout, and presentation. It is full of colors, sizes, and animations. But did you know that it could also control when a sound plays on a web page?

This article is about a little trick to pull that off. It’s actually a strict implementation of the HTML and CSS, so it’s not really a hack. But… let’s be honest, it’s still kind of a hack. I wouldn’t recommend necessarily using it in production, where … Read article “Playing Sounds with CSS”

Link

Vocalizer

Avatar of Chris Coyier
Shared by
Chris Coyier

Cool little lib from Atif Azam that allows you to wrap a name in a span and it puts a little 🔊 button to hear the pronunciation. The audio comes from NameShouts. You can’t contribute your own pronunciations to NameShouts, best I can tell, but the lib allows you to provide an alternate source.

I made a demo based on the screenshot in the README:

See the Pen Demo of Vocalizer by Chris Coyier (@chriscoyier) on CodePen… Read article “Vocalizer”

Our Notes   /   Read at github.com
Link

Screamy Bird

Avatar of Robin Rendle
Shared by
Robin Rendle

During San Francisco’s Stupid Shit No One Needs and Terrible Ideas “Hackathon”, Glen Chiaccheri made a game where you have to literally scream your way through it.

Make sure to check it out in Firefox, as Chrome and Safari don’t support the getUserMedia API fully. This is the API that allows web developers to request access to the user’s microphone, which you can find more info about on HTML5Rocks.… Read article “Screamy Bird”

Our Notes   /   Read at glench.com