Touch Audio Toggles (Media)

TouchAudio Toggles are the foundation of our audio apps. They have an elegant simplicity that allows us to spend time on the look & architecture of our applications, which is where we can best impress our clients.

  • Cross Browser, Cross Device
  • Autoplay
  • Global Sound Manager
  • HTML5 + Flash Fallback
  • Restart or Resume
  • Customize with CSS

TouchAudio toggles include two magic bullets; the “toggle button”, and the “toggle element”.

Default Toggle Button
A Touch Element with Hover

The toggle button is dead-simple, and powerful. It plays & stops audio anywhere on the page. If one starts, it automatically stops the other. Super clean, super basic, and it gets the job done wonderfully.

A Touch Button List

The toggle element, is what allows us to make virtually any layout into an audio interface. We can turn <img> <div> <span> <p> and more into an audio library.

A Touch Element Grid

Both toggles are super-clean when it comes to writing natural html, and styling with css, especially when using a framework like ember, angular, or backbone.

Toggle Buttons Styled

Verified compatibility

  • Android Browser 4.1.1
  • Firefox 14.0.1
  • Google Chrome 21.0.1180.89
  • iOS Safari 5.1.1
  • Internet Explorer 9.0.8112.16421
  • Safari 6.0 (8536.25)
  • Keep building!

    Download Touch Audio Toggles (Media)

    Leave a Reply

    Your email address will not be published. Required fields are marked *