반응형
반응형

Slow.js: Slow down your CSS transition durations

slow.js

 

반응형
반응형

10 JavaScript Audio Libraries for Developers

 

1. Howler.js

howlerjs
Howler.js is a JavaScript library that works with Web Audio API by default and falls back to HTML5 Audio when not supported. It accepts multiple file formats for cross-browser compatibility, has caching and can play many sounds at the same time (it is also mute/un-mute them one-by-one or globally). The sounds can be looped, a fadeIn/fadeOut effect exists and standard media controls are just a part of the library. It is lightweight (5kb), has support for chaining methods and doesn’t require any JS frameworks.

Source

2. Annyang.js

annyang
Annyang is a tiny javascript library that lets your visitors control your site with voice commands. Annyang has no dependencies, weighs less than 1kb, and is free to use and modify. It plays nicely with all browsers, progressively enhancing browsers that support SpeechRecognition, while leaving users with older browsers unaffected. It is licensed under MIT License.

Source

3. Voix.js

Voix-JS-Component
Voix.JS is handy, lightweight JavaScript library for adding voice commands to your site, games and apps. It has functions to start and stop listening through the microphone and we can set events to be fired when a given keyword is detected.

Source

4. Audio.js

audio.js
Audio.js is a drop-in javascript library that allows HTML5′s audio tag to be used anywhere. It uses native audio where available and an invisible flash player to emulate audio for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Audio.js focuses on playing mp3s. It doesn’t currently support the ogg format. As mp3 is the current defacto music transfer format, ogg support is lower on our list of priorities. It has been tested on Mobile Safari (iOS 3+), Android (2.2+, w/Flash), Safari (4+), Chrome (7+), Firefox (3+, w/ Flash), Opera (10+, w/ Flash), IE (6, 7, 8, w/ Flash).

Source

5. Buzz

Buzz
Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades properly on non-modern browsers. It is written by Jay Salvat and licensed under the MIT License.

Source

6. SoundManager 2

SoundManager 2
SoundManager 2 is an attempt at providing the sound API which Javascript has been missing. It’s a Javascript library which wraps and extends Flash’s sound capabilities, bringing cross-platform audio functionality to Javascript. SoundManager 2 was written to meet a desire to have Javascript-driven sound for interactive web-based projects. It is free for use in both personal and commercial projects. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional Flash-based fallback where needed. Ideally when using SoundManager 2, audio “just works.”

Source

7. Sound.js

soundjs
SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, including using a target plugin model to provide an easy way to provide additional audio plugins like Web Audio, and a Flash fallback. A mechanism has been provided for easily tying in audio preloading to PreloadJS.

http://www.createjs.com/#!/SoundJS

8. Audiolet

Audiolet
Audiolet is a JavaScript library for real-time audio synthesis and composition from within the browser. It uses graph-based routing and pattern-based scheduling to make complex audio simple to program, and easy to understand.

Source

9. ION.Sound

ionsounds
Ion.Sound is a jQuery plugin for playing sounds on events. It has been tested on Google Chrome, Mozilla Firefox, Opera, Safari, IE(9.0+) and mobile browsers. Ion.Sound freely distributed under terms of MIT license.

Source

10. Audio5js

Audio5js
Audio5js is a Javascript library that provides a seamless compatibility layer to the HTML5 Audio playback API, with multiple codec support and a Flash-based MP3 playback fallback for older or unsupported browsers.
The motivation for creating Audio5js is to provide a light-weight, library-agnostic, Javascript-only
interface for audio playback in the browser.

Source

반응형
반응형

form 전송시 오류발생할때, input type="file" 을 onclick 했을경우.

 

"엑세스가 거부되었습니다." 라고 폼전송할때 오류가 발생한다면.

 

<input type="file" > 을  다른 오브젝트에서 onclick="이벤트" 를 지정했을때 IE7에서 오류가 발생할 수 있다.

 

그런데, UI상 별도로 클릭이벤트가 필요하다면 <input type="file" >을 해당 위치에 두고

투명도를 0으로 변경해서 클릭하게 변경해보자.

 

 

style="filter:alpha(opacity=0);"

 

 

style="filter:alpha(opacity=0);"

 

반응형
반응형
Sparks.js

Simple 3D Javascript Particles Engine

Sparks.js is a library to help create 3D particles in Javascript.

Its simple, fast and fun to play with.

This is an ongoing project, so check out issue tracker, the wiki, the code and examples inside github.

Sparks.js welcomes feature and pull requests, so don't be shy to fork away!

It uses three.js for Vector classes and rendering and uses ease functions from tween.js.

Demos Online

Examples Online

Articles

Upcoming features

  • Text Particles
  • ShotCounter

 

Spark.js: Lightweight 3D particle engine in JavaScript

spark.js

 

반응형
반응형

Validatious 2.0: Unobtrusive JavaScript form validation

validatious

반응형
반응형

Cheet.js: Easter eggs made easy

cheet.js

 

 

easy easter eggs (konami code, etc) for your website.

반응형

+ Recent posts