반응형
반응형

Howler.js is an audio library for the modern web. It makes working with audio in JavaScript easy and reliable across all platforms.

howler.js

 

Description

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

Additional information, live demos and a user showcase are available at howlerjs.com.

Features

  • Single API for all audio needs
  • Defaults to Web Audio API and falls back to HTML5 Audio
  • Handles edge cases and bugs across environments
  • Supports all codecs for full cross-browser support
  • Automatic caching for improved performance
  • Control sounds individually, in groups or globally
  • Playback of multiple sounds at once
  • Easy sound sprite definition and playback
  • Full control for fading, rate, seek, volume, etc.
  • Easily add 3D spatial sound or stereo panning
  • Modular - use what you want and easy to extend
  • No outside dependencies, just pure JavaScript
  • As light as 7kb gzipped

Browser Compatibility

Tested in the following browsers/versions:

  • Google Chrome 7.0+
  • Internet Explorer 9.0+
  • Firefox 4.0+
  • Safari 5.1.4+
  • Mobile Safari 6.0+ (after user input)
  • Opera 12.0+
  • Microsoft Edge

Live Demos

 

 

 

 

.

반응형
반응형

Multiple.js is an experiment for sharing backgrounds across multiple elements using CSS.

multiple.js

 

반응형
반응형

DerbyJS: A full-stack framework for modern web apps

 

DerbyJS is a full-stack framework built for creating modern web applications. It’s composed of several standard node.js modules so you can mix and match your own code, community modules, and DerbyJS functions.

derbyjs

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형
반응형

Glio.js: Easily trigger callbacks

 

 

Glio.js lets you easily tigger callbacks when it detects that your visitor’s mouse has left the browser viewport. It can help increase your conversion rates by giving visitors a reason to stick around.

glio.js

 

 

 

반응형
반응형

SamsaraJS: Layout animation library

SamsaraJS is an animation library for your layouts. It gives you a language for positioning, orienting, and sizing DOM elements and coordinating the animation of these properties.

samsarajs

Reactive layout for user interfaces 

 

 

 

Roadmap

  •  Node removal and recycling (surface.remove(), node.remove(), view.remove())
  •  More Tests
  •  Backbone.js, React.js, Vue.js integrations
  •  Improved Scrollview
  •  3D Camera
  •  Migrate to es6
  •  More layouts

 

 

 

 

 

 

 

 

 

 

반응형
반응형

Turntable.js: Responsive jQuery slider

 

 

Turntable.js is a responsive jQuery slider. It lets you flip through a series of images as your mouse/finger moves across a container.

turntable.js

 

 

 

 

 

반응형

+ Recent posts