主页 / 问题 / 813777
Accepted
Eugen Eray
Asked:2020-04-13 19:46:03 +0000 UTC2020-04-13 19:46:03 +0000 UTC

控制音频标签的频率范围 [Javascript]

  • 772

所有的哈蒙！我还没有对此进行任何搜索，但它变得很有趣：是否可以在 JavaScript（纯粹的，没有库和狗屎框架）中更改音频文件的频率范围？有点像均衡器。设置从频率开始的范围的宽度（低通、高通、低架、高架和钟频率范围）和该范围的音量级别？

javascript

2 个回答

  1. Best Answer

    可以在没有库、框架甚至没有 Web Audio API 的情况下创建均衡器的频率滤波器。该算法可以基于Paul Kellett算法的示例。在这种情况下，在计算机上选择了音频文件。您可以设置选择的频率和共振程度。WebAudioAPI 在这里仅用于获取所选文件的源样本，没有这个就没有转义。

    这个例子的缺点是成功处理的主要是小文件，大文件需要长时间的样本解码，然后浏览器可能会卡住。处理不是实时完成的。到目前为止，该代码仅适用于立体声音频文件。

    var samples = [[], []]; // массив, в котором будут семплы обработанного аудио
var f = 0.15; // частота выделения (в пределах от 0 до 1) в данном случае около двух килогерц.
var q = 0.95; // степень резонанса (в пределах от 0 до 1)
var volume = 5000; // громкость. нужно подбирать, учитывая подъём выделенной частоты
var titlestring = decodeURIComponent(escape(window.atob("UklGRgAAAABXQVZFZm10IBAAAAABAAIARMKsAAAQwrECAAQAEABkYXRh")));
var title = [];
for(i = 0; i < titlestring.length; i++)title[i] = titlestring.charCodeAt(i);
var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var source = audioCtx.createBufferSource();
myfile.onchange = function(){
	var reader = new FileReader();
	reader.readAsArrayBuffer(this.files[0]);
	reader.onload = function(e){
		audioCtx.decodeAudioData(e.target.result, function(buffer){
			var data_L = buffer.getChannelData(0); // получаем исходные семплы
			var data_R = buffer.getChannelData(1); // аудиофайла с помощью Web Audio API
			var buf0 = buf1 = buf2 = buf3 = 0;
			for(i=0; i < data_L.length; i++){
				var fb = q + q / (1.0 - f);
				buf0 += f * (data_L[i] * volume - buf0 + fb * (buf0 - buf1));
				buf1 += f * (buf0 - buf1);
				buf2 += f * (data_R[i] * volume - buf2 + fb * (buf2 - buf3));
				buf3 += f * (buf2 - buf3);
				samples[0][i] = buf1; // получаем уже обработанные семплы
				samples[1][i] = buf3; // аудиофайла без Web Audio API
			}
			var outfile = new Int16Array(title.length / 2 + samples[0].length * 2);
			for(i=0; i < title.length; i += 2)outfile[i / 2] = title[i] + title[i + 1] * 256;
			for(i=0; i < samples[0].length * 2; i++){
				outfile[i * 2 + 44] = samples[0][i];
				outfile[i * 2 + 45] = samples[1][i];
			}
			audio.src = URL.createObjectURL(new Blob([outfile]));
			audio.play(); // играем и наслаждаемся
			audio.currentTime = 0;
		});
	}
}
    <audio id=audio controls></audio><br><br>
<input id=myfile type=file>

    • 7

  2. 现在关于如何使用 Web Audio API 来完成这些改变音频文件频率范围的效果：

    <html><body><center><br />
<audio
	id = audio
	src = "sound.mp3"
	crossorigin = "anonymous"
	onplaying = "if(firststart == true) myfilter()"
	controls>
</audio><br /><br />
Частота выделения: <input type=range onchange="filter.frequency.value = 50 + 70 * this.value" /><br /><br />
Степень резонанса: <input type=range onchange="filter.frequency.Q = this.value / 500" /><br /><br />
 Выберите эффект: 
 <select id=myselect onchange="if(firststart == false) filter.type = this.value">
	<option>lowpass</option> <!--Выделение частоты и отсечение верхней области остальных частот-->
	<option>highpass</option> <!--Выделение частоты и отсечение нижней области остальных частот-->
	<option>lowshelf</option>
	<option>highshelf</option>
	<option>bandpass</option> <!--Выделение частоты и отсечение верхней и нижней областей остальных частот-->
	<option>notch</option> <!--Эффект противоположный выделению частоты - наоборот, завал уровня определённой частоты-->
</select>
<script>
var firststart = true,
audio = document.getElementById('audio');
function myfilter() {
	firststart = false;
	var context = new AudioContext(),
	source = context.createMediaElementSource(audio); // 
	filter = context.createBiquadFilter();
	filter.type = document.getElementById("myselect").value;
	filter.frequency.value = 1000; // изначальная частота выделения
	filter.frequency.Q = 1; // степень резонанса
	source.connect(filter); // соединяем источник со входом фильтра
	filter.connect(context.destination); // соединяем выход фильтра с колоннками
}
</script>

    请注意，audio标签有crossorigin="anonymous"属性，不仅可以自由连接音频文件，还可以自由连接电台的音频流作为音频源（src）。

    • 2

相关问题