wAudio.js

2025-12-11 0 230

wAudio.js

wAudio.js是HTML5音频对象的替换,该对象使用了幕后的Web音频。

它复制了HTML5音频API,但透明地使用Web音频API实现功能,从而允许使用更简单的音频API使用Web音频。这使得易于迁移使用音频到Web音频的HTML5项目,以便在移动设备上使用。

特征

  • 使用音频对象API进行Web音频
  • 通过检查Waudio对象的存在来检测Web音频支持
  • 自动缓存要求提高性能
  • 使用playMutedSound()方法或mobileAutoEnable属性轻松在Safari上播放音频播放
  • 没有外部依赖性,只有纯JavaScript
  • 极小-4KB缩小!!

浏览器兼容性

在以下浏览器/版本中测试:

  • Google Chrome 7.0+
  • Internet Explorer 9.0+
  • Firefox 4.0+
  • Safari 5.1.4+
  • 移动Safari 6.0+(在用户输入后,使用playMutedSound()mobileAutoEnable
  • 歌剧12.0+
  • Microsoft Edge

文档

内容

  • 快速开始
  • 例子
  • 支持的API
    • 选项
    • 方法
    • 事件处理
    • 全局选项
    • 全局方法
  • 移动播放
  • 执照

快速开始

  • 克隆回购: git clone https://gith*u*b.*com/adityaravishankar/wAudio\\.js.git

在浏览器中:

wAudio.js\”></script>
<script>
var sound = new wAudio(\”sound.mp3\”);

var sound2 = new wAudio();
sound2.src = \”sound2.mp3\”;

</script>\”>

 < script src =\" /path/to/ wAudio.js \" > </ script >
< script >
    var sound = new wAudio ( \"sound.mp3\" ) ;

    var sound2 = new wAudio ( ) ;
    sound2 . src = \"sound2.mp3\" ;

</ script >

例子

最基本的,播放mp3:
 var sound = new wAudio ( \"sound.mp3\" ) ;

sound . play ( ) ; 
更多播放选项:
 var sound = new wAudio ( ) ;
sound . src = \"sound.mp3\" ;
sound . volume = 0.6 ;
sound . autoplay = true ; 
听事件:
 var sound = new wAudio ( \"sound.ogg\" ) ;
sound . addEventListener ( \"canplaythrough\" , function ( ) {
    console . log ( \"Sound loaded. Playing ...\" ) ;
    sound . play ( ) ;
} ) ; 

支持的API

选项

SRC String

指定要播放的音频文件的URL。

CurrentRC String readonly

返回所选媒体资源的绝对URL。

当前时间Number

在几秒钟内指示当前的播放时间。设置此值可以将媒体带入新的时间。

Number 1.0

播放音量在0.0 (静音)至1.0 (最响亮)的范围内。

自动播放Boolean false

加载声音时,设置为true以自动启动播放。

柔和的Boolean false

设置为true以加载音频静音。

暂停的Boolean false readonly

指示媒体元素是否暂停。

方法

玩()

开始播放音频。

暂停()

暂停音频的播放。

停止()

停止音频的播放,将currentTime重置为0

事件处理

事件处理代码模拟DOM事件,但不使用实际的DOM事件对象。目前仅支持三个事件: canplaycanplaythroughended

  • canplaycanplaythrough :一旦加载了音频数据并可以开始播放音频数据。
  • 结束:一旦音频播放到最后。将loop设置为true时不会发射。

AddEventListener(类型,侦听器)

注册事件类型的指定侦听器

  • 类型:要收听的事件的String名称( canplaycanplaythroughended )。
  • 侦听器:触发事件时要调用Function函数。

Remove EventListener(类型,侦听器)

删除以前用addEventListener进行恢复的事件侦听器。

  • 类型:正在聆听的事件的String名称( canplaycanplaythroughended )。
  • 侦听器:触发事件时调用的Function函数。

dispatchevent(类型)

派遣事件,以适当的顺序调用受影响的聆听。

  • 类型:要开火的事件的String名称( canplaycanplaythroughended )。

全局选项

MobileAutoenable Boolean false

自动尝试在移动设备上启用音频。

全局方法

PlaymutedSound()

播放一小段音频,没有音量。对于激活移动设备上的音频播放很有用。

移动播放

默认情况下,iOS上的音频被锁定,直到在用户交互中播放声音为止,然后正常播放页面会话的其余部分(Apple Documentation)。

您可以在触摸事件中调用playMutedSound()方法以解锁音频播放。

 // Activate sound inside a touch event
wAudio . playMutedSound ( ) ;

另外,您可以将mobileAutoEnable Flag设置为true ,因此Waudio试图通过在第一个touchend事件中播放柔和的声音自动解锁移动音频。

 // Automatically activate sound on the first touch/tap event
wAudio . mobileAutoEnable = true ;

执照

版权(C)2017 Aditya Ravi Shankar

根据MIT许可发布。

下载源码

通过命令行克隆项目:

git clone https://github.com/adityaravishankar/wAudio.js.git

收藏 (0) 打赏

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

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

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

左子网 建站资源 wAudio.js https://www.zuozi.net/34967.html

YYM music
上一篇: YYM music
aurora 2k14
下一篇: aurora 2k14
常见问题
  • 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小时在线 专业服务