ion.sound

FLASH源码 2025-08-14

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

下载源码

通过命令行克隆项目:

git clone https://github.com/IonDen/ion.sound.git