So erzeugen Sie Geräusche mit Canvas

Vor nicht allzu langer Zeit habe ich auf Twitter festgestellt, dass es fantastisch wäre, wenn CSS3 eines Tages Unterstützung für das Hinzufügen von Rauschen zu Elementen (nicht für Audio, sondern für Textur) bereitstellt. Nach ein wenig Experimentieren und Googeln stieß ich auf eine Lösung, die JavaScript und Canvas verwendet, um Geräusche dynamisch zu erzeugen.

Der Screencast

Letzte Quelle

Fazit

Die große Frage: Ist es sinnvoll, eine solche Lösung zu verwenden? Ähh - technisch sicher. Browser, die nicht unterstützt werden Segeltuch zeigt einfach eine durchgehende Hintergrundfarbe an. Allerdings funktioniert ein kleines 24-Bit-PNG-System immer noch einwandfrei. Ich werde es wahrscheinlich weiterhin verwenden, bis eine praktischere Lösung verfügbar ist.

Was denkst du? Oder noch besser, wissen Sie eine bessere Lösung? Meist dient dieses Tutorial zumeist dazu, mit zu arbeiten Segeltuch ein bisschen und spiel mit Dingen herum! Vielen Dank fürs Zuschauen und danke an Dennis Hotson für das Konzept.