- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Touch Audio Toggles &HUD 3404687
HTML5 Code \ Media
HTML5 Code - Touch Audio Toggles &HUD 3404687 by coderebelbase @ CodeCanyon
HTML5 Code \ Media
The Audio Toggles +HUD play-system expands upon our foundational audio toolset with a heads-up display (HUD) featuring an unparalleled level of modularity for designing your audio playlists.
“This is fabulous! I tested this on mac/win/iphone/ios, all worked great. How is it working across all browsers? You are magical.”
We took a lot of time creating simple step by step working-examples that are included in the purchase. Here’s a preview on YouTube: http://youtube.com/watch?v=MXOQuhAHgV8
This product includes TouchAudio Toggles, and our heads-up display. With the HUD you can implement play-next, play-previous, pause, resume, scrub-reverse, or scrub-forward, as well as display the track name, time, and duration. To demonstrate how easy, and modular this system is, we show you how to easily wire up 7 unique audio interfaces.
We’ve built in a system for managing multiple HUD on a single page, with either global, or localized control capability. So you can embed a global HUD , while simultaneously having smaller collections sprinkled throughout the page with their own controlbar.
We put a lot of time, and work into building a flexible, modular system that goes far beyond the average mp3 playlist. This allows you the creative freedom to design your own playlist, without having to program the functionality. And styling is completely unchained using traditional CSS .
We show you how your audio can share a global HUD , while simultaneously having a localized HUD , or be entirely encapsulated from the global HUD . HUDs can be easily styled to meet your design requirements with CSS .
Our example documentation includes an example where a localized HUD intentionally navigates through a select collection of audio, instead of the entire page.
This purchase includes the “toggle button” , and the “toggle element” .
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.
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.
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.
- 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)
Touch Audio Toggles; Universal HTML5 Audio Player.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest CoWork Open Office & Creative Space PSD Template 18401389
- ThemeForest Episode Responsive Multi-Purpose Portfolio Template 18078332
- ThemeForest Barrington Creative Agency HTML5 Template 18351230
- ThemeForest Riva Multipurpose Booking for Small Businesses 18179941
- ThemeForest Applan App Landing Page 18342101
- ThemeForest Carmen Car Dealership WordPress Theme 16266673
- ThemeForest Grayson A Stylish and Versatile Shop Theme 17794719
- ThemeForest Myna A Masonry WordPress Blog Theme 17345471
- ThemeForest Chronicle News and Magazine WordPress Theme 17299719
- ThemeForest Evont Event & Conference WordPress Theme 17497249