首页
看点啥
插画图片
首页 科技看点 webaudiofont:实践指南

webaudiofont:实践指南

2026-09-14 0

实际评估webaudiofont时,我先确认它解决的具体问题:使用全套 GM 乐器来演奏 MIDI 和单个声音或效果,支持混响和均衡器,没有插件,没有Flash,纯 HTML5 实现与桌面和移动浏览器兼容,查看实例。实际做网页与浏览器自动化时,经常会碰到登录状态、页面变化和失败恢复往往不稳定,所以功能列表并不能代替验证。试跑可以从选择一个权限清楚的网页流程做端到端短测开始,并把会话保持、元素定位、错误恢复和工件留存写进验收记录。如果团队属于需要可观测网页自动化流程的开发者,它有继续测试的理由;否则先看替代方案会更省时间。

surikov/webaudiofont 项目截图 1

WebAudioFont

WebAudioFont 是一组资源和相关技术,使用基于样本的合成在浏览器中演奏乐器。 您可以从数千种仪器中进行选择,请参阅 目录。

帮助

如果您需要高级帮助,请雇用我 ([email protected]) - https://www.linkedin.com/in/sergeysurikov/

文档

API 维基

错误报告

问题

代码示例

应用示例

钢琴卷帘编辑器

推出网页版

安装Android版本

和弦指板

发布

自动伴奏

https://github.com/surikov/rockdice

3D 音乐音序器

发布

BandLab 儿童克隆

使用案例

内容

如何使用

添加 WebAudioFontPlayer.js 和仪器文件的链接。调用queueWaveTable。

你好,世界

最小HTML页面


	
		
		
		
	
	
		

Hello, world!

	

请参阅 实例。

使用 queueWaveTable 弹奏单音符。使用 queueChord、queueSnap、queueStrumDown、queueStrumUp 演奏和弦。请参阅 弹奏 的现场示例。

使用笔记的时间来定义顺序。请参阅定序器 的 [现场示例。

动态加载

使用 startLoad 和 waitLoad 函数。

var instr=null;
var AudioContextFunc = window.AudioContext || window.webkitAudioContext;
var audioContext = new AudioContextFunc();
var player=new WebAudioFontPlayer();
function changeInstrument(path,name){
	player.loader.startLoad(audioContext, path, name);
	player.loader.waitLoad(function () {
		instr=window[name];
	});
}
changeInstrument('https://surikov.github.io/webaudiofontdata/sound/0290_Aspirin_sf2_file.js','_tone_0290_Aspirin_sf2_file');

所有加载的仪器都缓存在内存中。

参见 实例

效果和混音器

使用 WebAudioFontChannel 创建 10 频段均衡器链。 使用 WebAudioFontReverberator 添加回显。

参见 实例

定制样品

参见教程

安装

WebAudioFont不需要安装。它在 GitHub 页面 托管所有代码和工具。

最小 NPM 代码(如果您需要这个)

JavaScript

var webaudiofont = require('webaudiofont');
var player = new WebAudioFontPlayer();

package.json

...
"devDependencies": {
	"webaudiofont":"^2.5.0"
...

WebAudioFont 的零件

WebAudioFont 使用 Web Audio API 来演奏乐器。 合成器使用 波表 来播放声音。 乐器来自免费的声音字体:

如何使用声音目录:

实时使用drumInfo和instrumentInfo。请参阅 实例。

玩家

WebAudioFontPlayer 具有功能 queueWaveTable(audioContext、目标、预设、时间、音高、持续时间、音量、幻灯片)

参数:

函数 queueWaveTable 返回一个信封对象。您可以使用此对象取消声音或访问 AudioBufferSourceNode。

弹奏

使用 queueChord、queueStrumUp、queueStrumDown、queueSnap 作为和弦。请参阅 实例。

如何获得帮助

请随时在 项目问题 中寻求任何类型的帮助。

ReactJS

请参见 ReactJS 实现。

仪器目录

该目录由全套MIDI标准组成。每种乐器都有 5-10 种来自不同音体的声音变化。

喜欢(0)

上一篇

FlyoutMenus:实践指南

FlyoutMenus:实践指南

下一篇

androidScreenShare:实践指南

androidScreenShare:实践指南
猜你喜欢