HTML5检测声音强度,HTML5之Audio(五)—— 声音过滤

本文介绍了如何使用HTML5的Audio API进行声音处理,包括创建Audio上下文,通过媒体元素源创建媒体节点,使用 GainNode 控制左右声道音量,通过 BiquadFilterNode 实现音频过滤,以及动态调整过滤频率和音量的方法。
摘要由CSDN通过智能技术生成
Audio

VOL:

LR

filter:

var AudioContext = AudioContext || webkitAudioContext || mozAudioContext || msAudioContext, // 兼容性

context = new AudioContext, // 创建Audio上下文

audio = new Audio( '茜拉 - 想你的夜.mp3' ),

media = context.createMediaElementSource( audio ), // 从元素创建媒体节点

lGain = context.createGain(), // 左声道

rGain = context.createGain(), // 右声道

splitter = context.createChannelSplitter(2), // 分离器

merger = context.createChannelMerger(2), // 合成器

filter = context.createBiquadFilter(), // 过滤器

vol = 100, // 音量

lVol = 100, // 左声道

rVol = 100 // 右声道

;

/*

→ lGain

media → splitter → merger → filter → destination

→ rGain

*/

lGain.gain.value = 1;

rGain.gain.value = 1;

filter.type = filter.LOWPASS; //

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值