Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

Touch Audio Toggles

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Touch Audio Toggles - Item for Sale


Ad: Bluehost hosting

The Audio Toggles play-system is the foundation of our audio-based 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.

For navigation controls, and more get the extended version “Audio Toggles +HUD”

“This is fabulous! I tested this on mac/win/iphone/ios, all worked great. How is it working across all browsers? You are magical.”
- KevTone

Looking to add playback controls? Checkout“Toggles +HUD”.

  • 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.

Cloudless Days Freeform Sticks Chains Synch This

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
  • Internet Explorer 8 standards
  • Safari 6.0 (8536.25)
  • Keep building!

    Other components in this categoryAll components of this author
    CommentsFrequently asked questions and answers


    4 September 12

    Last Update:
    17 November 12

    Compatible Browsers:
    IE8, IE9, Firefox, Safari, Chrome

    Software Version:
    HTML5, jQuery

    Files Included:


    circular audio, flash fallback music button, html5 audio, html5 mp3 player, html5 music, javascript audio, music player, protect audio