ion.sound

2025-12-11 0 242

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

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 建站资源 ion.sound https://www.zuozi.net/35383.html

spi memory
下一篇: spi memory
常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务