Hur man genererar brus med kanfas

Inte för länge sedan noterade jag på Twitter att det skulle vara fantastiskt om CSS3 en dag gav stöd för att lägga till ljud till element (inte ljud, men textur). Efter lite experiment och Googling kom jag över en lösning som använder JavaScript och kanfas för att dynamiskt skapa ljud.


Screencast


Slutlig källa

     Ljud     

Slutsats

Den stora frågan: Är det praktiskt att använda en sådan lösning? Ehh - tekniskt, säkert. Webbläsare som inte stöder duk kommer helt enkelt visa en solid bakgrundsfärg. Med detta sagt, fungerar en liten 24-bitars PNG fortfarande perfekt, och det är det jag troligtvis fortsätter att använda tills en mer bekväm lösning blir tillgänglig.

Vad tror du? Eller bättre än, vet du om en bättre lösning? För det mesta är syftet med denna handledning för det mesta att arbeta med duk lite och leksak runt med saker! Tack för att du tittat och tackar Dennis Hotson för konceptet.