JavaScript插件,用于在用户操作和页面事件上播放声音。
- 版本:3.0.7
- 项目页面和演示
- 下载zip
- 支持GitHub赞助商上的插件
描述
- ion.sound – JavaScript-Plugin,用于根据Web Audio API播放声音。
- 插件正在开发最受欢迎的台式机和移动浏览器,并且可以到处使用,从常见的网站到浏览器游戏。
- 因为不是那么现代的浏览器插件会返回到HTML5音频。
- 包括音频支持。
- ion.sound根据MIT许可条款自由分发。
- 包括25种免费声音
今天的网站到处都是事件(新邮件,新聊天消息,内容更新等)。通常,仅在视觉上表明这一事件是不够的,以引起用户的关注。您需要声音!这个用于播放小声音的库将为您完成此任务。此外,新版本的ion.sound能够处理浏览器游戏音频。它完全控制了加载,播放和删除音频文件。当然是音频支持的支持。
支持的浏览器
桌面窗口,OS X,Linux:
- Google Chrome
- Mozilla Firefox
- 微软Internet Explorer 9.0+
- 歌剧12.16+
- Safari 5.1+(Windows上的Safari需要快速播放声音)
移动的:
- iOS野生动物园和其他人(有些限制)
- Android Google Chrome等人(也有一些限制)
- WP8 Internet Explorer
我可以使用Web音频API和HTML5音频吗?
演示
- 基本演示
- 高级演示
依赖性
- 没有任何
用法
导入此库:
- ion.sound .min.js
准备声音文件(包括25个声音),然后将它们放入一些文件夹中(例如“ Sounds”):
- my_cool_sound.mp3
- my_cool_sound.ogg
- my_cool_sound.aac
仅拥有MP3文件还不够,您也应该制作OGG和AAC文件,因为并非所有浏览器都支持MP3。
您可以在Media.io或CloudConvert.org上轻松将MP3-S转换为OGG-S和AAC-S。
添加了AAC支持以改善iOS 8.X设备(iPhone,iPad)的交叉浏览器支持
使用NPM安装
使用NPM下载最新版本的插件,然后将其直接安装到您的项目中。
- NPM安装离子声
使用纱线安装
使用纱线下载最新版本的插件,然后将其直接安装到您的项目中。
- 纱线添加离子声
初始化
初始插件调用此方法:
ion.sound({
sounds: [
{
name: \”my_cool_sound\”
},
{
name: \”notify_sound\”,
volume: 0.2
},
{
name: \”alert_sound\”,
volume: 0.3,
preload: false
}
],
volume: 0.5,
path: \”sounds/\”,
preload: true
});\”>
ion . sound ( { sounds : [ { name : \"my_cool_sound\" } , { name : \"notify_sound\" , volume : 0.2 } , { name : \"alert_sound\" , volume : 0.3 , preload : false } ] , volume : 0.5 , path : \"sounds/\" , preload : true } ) ;
并播放声音!
// Simple
ion . sound . play ( \"my_cool_sound\" ) ;
一般设置
| 选项 | 默认值 | 类型 | 描述 |
|---|---|---|---|
sounds |
-
|
array
|
收集声音对象。每个对象都包含有关声音文件和(可选)单个设置的信息 |
path |
-
|
string
|
文件路径 |
preload |
false
|
boolean
|
预加载声音 |
multiplay |
false
|
boolean
|
声音多游戏。如果设置,将允许一次播放多个声音的实例 |
loop |
false
|
boolean/number
|
如果设置为true,将启用无限循环。或粘贴一个数字以设置循环限制 |
volume |
1.0
|
number
|
播放卷从0到1 |
scope
|
null
|
object
|
该对象的范围将在该对象的范围中调用回调 |
ready_callback |
null
|
function
|
在声音文件后完全上传(或准备为HTML5音频播放) |
ended_callback
|
null
|
功能` | 每次调用,然后声音文件将达到目的 |
声音对象
| 选项 | 默认值 | 类型 | 描述 |
|---|---|---|---|
name |
-
|
string
|
文件名。插件将自动选择文件扩展名(.mp3,.ogg,.aac,.mp4等) |
alias
|
-
|
string
|
可选的声音的别名。通常用于缩短ion.sound调用 |
sprite |
-
|
object
|
标记声音是音频传播的。这是一个对象。示例: {\"part_name_1\": [0, 2], \"part_name_2\": [2, 2]}part_name是精灵作品的名称(用于播放声音而不是名称)。和带有时间标记的数组:[启动,持续时间]几秒钟。 |
还有个人:路径,预紧,多人次,循环,音量,范围和回调
插件可以在jQuery名称空间中启动
- 使用别名调用任何插件方法: ion.sound (); – > $ .ionsound();
- ion.sound .play(“ sound_name”); – > $ .ionsound.play(“ sound_name”);
- ETC。
更新历史记录
支持离子系列插件开发:
-
支持GitHub赞助商上的插件
-
直接捐赠给我的贝宝帐户:https://www.paypal.me/ionden
