Home / Premium Pro Plugins / Touch Audio Toggles +HUD

Touch Audio Toggles +HUD

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


The Audio Toggles +HUD play-system expands upon our foundational audio toolset with a heads-up show (HUD) that includes an unparalleled stage of modularity for designing your audio playlists.

“That is fabulous! I examined this on mac/win/iphone/ios, all labored nice. You might be magical.”

We took numerous time creating easy step-by-step working-examples which can be included within the buy. Right here’s a preview on YouTube: http://youtube.com/watch?v=MXOQuhAHgV8

This product contains TouchAudio Toggles, and our heads-up show. With the HUD you may implement play-next, play-previous, pause, resume, scrub-reverse, or scrub-forward, in addition to show the observe identify, time, and length. To display how simple, and modular this method is, we present you tips on how to simply wire up 7 distinctive audio interfaces.

We’ve inbuilt a system for managing a number of HUD on a single web page, with both international, or localized management functionality. So you may embed a world HUD, whereas concurrently having smaller collections sprinkled all through the web page with their very own controlbar.

We put numerous time, and work into constructing a versatile, modular system that goes far past the common mp3 playlist. This enables you the artistic freedom to design your individual playlist, with out having to program the performance. And styling is totally unchained utilizing conventional CSS.

We present you ways your audio can share a world HUD, whereas concurrently having a localized HUD, or be fully encapsulated from the worldwide HUD. HUDs may be simply styled to fulfill your design necessities with CSS.

Our instance documentation contains an instance the place a localized HUD deliberately navigates by way of a choose assortment of audio, as an alternative of your entire web page.

Evolution / Changelog:

  • Need the subsequent audio to start play because the earlier ends? We added play-through Help!
  • Need the HUD to reset when audio ends, or is stopped? See the included documentation for examples on these new choices.
  • Improved encapsulation

This buy contains the “toggle button”, and the “toggle component”.

Default Toggle Button
A Touch Element with Hover

The toggle button is dead-simple, and highly effective. It performs & stops audio wherever on the web page. If one begins, it routinely stops the opposite. Tremendous clear, tremendous fundamental, and it will get the job executed splendidly.

A Touch Button List

The toggle component, is what permits us to make nearly any format into an audio interface. We will flip <img> <div> <span> <p> and extra into an audio library.

A Touch Element Grid

Each toggles are super-clean in terms of writing pure html, and styling with css, particularly when utilizing a framework like ember, angular, or spine.

Toggle Buttons Styled

Verified compatibility

  • Android Browser four.1.1
  • Firefox 14.zero.1
  • Google Chrome 21.zero.1180.89
  • iOS Safari 5.1.1
  • Web Explorer 9.zero.8112.16421
  • Web Explorer eight requirements
  • Safari 6.zero (8536.25)
  • Hold constructing!


    Check Also


    Love Calculator

    DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...


    Instadraw – Android Drawing App Template

    DOWNLOAD Instadraw – Android Drawing App Template This app has fantastically crafted easy & minimalist ...