easyaudioeffects.js easyaudioeffects.js是jQuery插件。这可以为您网站上的任何元素提供一个非常简单的声音效果.
使用
包括必要的JS文件
<script src="jquery.js"></script> //v1.7.0〜 <script src="jquery.easyAudioEffects.js"></script>
设置音频文件(*。OGG和MP3是必需的)
$('.selector').easyAudioEffects({ ogg : "/path/to/sound.ogg", mp3 : "/path/to/sound.mp3" });
配置参数
可用的选项
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" |
应用举例
事件类型
$('.selector').easyAudioEffects({ ogg : "./path/to/sound.ogg", mp3 : "./path/to/sound.mp3", eventType : "hover" // or "click" });
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" });