pitch shifter using web-audio-api?(使用网络音频API的音调变送器?)
问题描述
使用Node js的音调转换器
您好,我是Web开发的初学者! 我正在尝试建立一个在线音频播放器,为此我需要一个音调变送器。
我试着学习Web音频API,这对我来说不是很容易理解...
有没有人能用节点js帮助建立一个"音调移位器"……或建议学习Web音频API的资源...
为什么此代码在节点js中不起作用?
var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
推荐答案
遗憾的是,网络音频API在Node.js上不可用。Js只是一个JavaScript运行时,Web Audio API不是JavaScript本身的一部分。它是由浏览器添加的API。Node.js中甚至没有window
。
URL
就是一个例子。在这一年,JSConf.eu张祖儿给了a talk explaining the strategy behind bringing more browser APIs to Node.js。但是,Web Audio API不在列表中。
在Node.js中提供Web Audio API是否有意义还有待商榷,但这当然是可能的。至少在一定程度上,如web-audio-api和web-audio-engine项目所示。
如果要在浏览器中实现PitchShifter,可以使用Tone.js附带的PitchShift Effect。下面是一个最小的例子:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<button id="start-stop">start</button>
<button id="up">up</button>
<button id="down">down</button>
<script src="https://unpkg.com/tone@13.8.25/build/Tone.js"></script>
<script>
const $startStopButton = document.getElementById('start-stop');
const $upButton = document.getElementById('up');
const $downButton = document.getElementById('down');
const oscillator = new Tone.Oscillator();
const pitchShift = new Tone.PitchShift();
oscillator.connect(pitchShift);
pitchShift.toMaster();
$startStopButton.onclick = () => {
if ($startStopButton.textContent === 'start') {
$startStopButton.textContent = 'stop';
oscillator.start();
} else {
$startStopButton.textContent = 'start';
oscillator.stop();
}
};
$upButton.onclick = () => pitchShift.pitch += 1;
$downButton.onclick = () => pitchShift.pitch -= 1;
</script>
</body>
</html>
这篇关于使用网络音频API的音调变送器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:使用网络音频API的音调变送器?
基础教程推荐
- 直接将值设置为滑块 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01