Get new jQuery plugins just once a week

×

EasyAudioEffects

FavoriteLoadingAdd to favorites

July 8, 2015

EasyAudioEffects-js | jQuery plugin to create simple sound effects

EasyAudioEffects-js is a jQuery plugin for easy sound effects for any of the elements on your website.

Created by rm

Download

Example

EasyAudioEffects-js plugin

sound effects

jquery.easyaudioeffects.js

Demo

Demo is here.

About

easyAudioEffects.js easyAudioEffects.js is jquery plug-in. This can be given a very easy sound effects for any of the elements on your WEB site.

Usage

Basic Usage

Include necessary JS files

<script src="jquery.js"></script> //v1.7.0〜
<script src="jquery.easyAudioEffects.js"></script>

Set audio files (Both *.ogg and *.mp3 are required)

$('.selector').easyAudioEffects({
   ogg : "/path/to/sound.ogg",
   mp3 : "/path/to/sound.mp3"
});

Available Options

Parameter Type Default value Description
ogg string none Specify the file path Required
mp3 string none Specify the file path Required
eventType string "hover" Could be "hover" or "click"
playType string "oneShotPolyphonic" Could be "oneShotPolyphonic" , "oneShotMonophonic" , "gate" or "loop"

Examples

eventType :

$('.selector').easyAudioEffects({
   ogg : "./path/to/sound.ogg",
   mp3 : "./path/to/sound.mp3",
   eventType : "hover" // or "click"
});

playType :

playType : "oneShotPolyphonic"

$('.selector').easyAudioEffects({
   ogg : "./path/to/sound.ogg",
   mp3 : "./path/to/sound.mp3",
   eventType : "hover", // or "click"
   playType : "oneShotPolyphonic"
});

playType : "oneShotMonophonic"

$('.selector').easyAudioEffects({
   ogg : "./path/to/sound.ogg",
   mp3 : "./path/to/sound.mp3",
   eventType : "hover", // or "click"
   playType : "oneShotMonophonic"
});

playType : "gate"

$('.selector').easyAudioEffects({
   ogg : "./path/to/sound.ogg",
   mp3 : "./path/to/sound.mp3",
   eventType : "hover", // or "click"
   playType : "gate"
});

playType : "loop"

$('.selector').easyAudioEffects({
   ogg : "./path/to/sound.ogg",
   mp3 : "./path/to/sound.mp3",
   eventType : "hover", // or "click"
   playType : "loop"
});
EasyAudioEffects

Related posts:

VideoBG
Video Lightning
video-extend
EasyAudioEffects-js plugin

http://jquer.in/wp-content/uploads/2015/07/EasyAudioEffects-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever