- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个 Electron 应用程序,它通过将 block 存储到一个数组中,然后将记录的 block 发送到主进程以写入一个 wav 文件,使用音频工作集节点记录音频。该工作集还计算计量并检查值是否被剪裁,但是这些计算发生在异步函数中,而进程函数没有等待它解决以防止缓冲区欠载。此外,为了直接监控,输入流连接到媒体流目的地节点。整个设置在大多数情况下都运行良好,但对于少量录制的音频文件,文件的随机部分会出现明显的点击噪音。奇怪的是,您在直接监听输出端听不到这些咔哒声。在查看文件的波形时,似乎有些样本只是缺少频谱图中也显示的内容:
waveform
spectrogram
我测量了处理方法每次运行所花费的时间,并记录了花费超过 2.9 毫秒(128 个样本/44100 kHz 单声道 => ~2.9 毫秒)的部分,有时花费的时间比这更长,但咔哒声不会出现在那些部位。是否有可能出现缓冲区欠载的 Web 音频 api,或者是否有一些内部缓冲区,并且发生这种情况时延迟会变得更糟?我只是无法弄清楚点击来自哪里。以下是代码的相关部分。
工作台代码:
const statsWindowSize = 1024 * 8; // ~5 stats per second for 44kHz
const clipThreshold = 0.98;
/* eslint-disable */
class RecordingWorkletProcessor extends AudioWorkletProcessor {
constructor() {
super();
this.isRecording = false;
this.clipping = false;
this.sampleIndex = 0;
this.sum = 0;
this.recordedBuffers = [];
this.writeIndex = 0;
this.port.onmessage = ({ data }) => {
if (data.type === 'startRecording') {
this.writeIndex = 0;
this.recordedBuffers = [];
this.isRecording = true;
} else if (data.type === 'stopRecording') {
this.port.postMessage({
type: 'recording',
buffers: this.recordedBuffers,
});
this.isRecording = false;
}
};
}
async computeStats(buffer) {
// ...removed to shorten the code snipped
}
process(inputs, outpus, parameters) {
const t0 = Date.now();
const writeIndex = this.writeIndex;
this.writeIndex += 1;
// Select the first input's first channel
const buffer0 = inputs[0][0];
// const { windowSize, clipThreshold, isRecording } = parameters;
if (this.isRecording) {
// Clone the data into a new Float32Array
const f32Buffer = new Float32Array(buffer0.length);
f32Buffer.set(buffer0);
this.recordedBuffers.splice(writeIndex, 0, f32Buffer);
}
// Detach the stats computation to prevent underruns
this.computeStats(buffer0);
// this.lastRunFinished = true;
if (this.isRecording) {
const t1 = Date.now();
const elapsedTime = t1 - t0;
if (elapsedTime > (128 / 44100) * 1000) {
const atPosition = (writeIndex * 128) / 44100;
this.port.postMessage({ type: 'underrun', elapsedTime, atPosition });
}
}
// Keep processor alive
return true;
}
}
/* eslint-enable */
registerProcessor('recording-worklet-processor', RecordingWorkletProcessor);
// before these parts recordedBuffers will be send from the worklet via postMessage
// Merge all buffers from channel 1 into a single Float32Array
const totalByteLength = recordedBuffers.reduce(
(total, buf) => total + buf.byteLength,
0,
);
const header = Header({
sampleRate: ctx.sampleRate,
channels: 1,
bitsPerSample: 32,
audioFormat: IEEE_FLOAT,
byteLength: totalByteLength,
});
const wstream = createWriteStream(audioFilePath);
wstream.write(header);
// RealBuffer is just an alias for the node Buffer type
const chunks = RealBuffer.allocUnsafe(totalByteLength);
let offset = 0;
for (let i = 0; i < recordedBuffers.length; i++) {
const typedArray = recordedBuffers[i];
for (let j = 0; j < typedArray.length; j++) {
chunks.writeFloatLE(typedArray[j], offset);
offset += typedArray.BYTES_PER_ELEMENT;
}
}
wstream.write(chunks);
wstream.end();
import { RealBuffer } from 'utils/io'; // An alias for the node Buffer type
export const PCM = 1;
export const IEEE_FLOAT = 3;
export const Header = ({
sampleRate,
channels,
bitsPerSample,
byteLength,
audioFormat,
}) => {
let offset = 0;
const buffer = RealBuffer.allocUnsafe(44);
const writeString = (str) => {
for (let i = 0; i < str.length; i += 1) {
buffer.writeUInt8(str.charCodeAt(i), offset + i);
}
offset += str.length;
};
const writeUint32 = (value) => {
buffer.writeUInt32LE(value, offset);
offset += 4;
};
const writeUint16 = (value) => {
buffer.writeUInt16LE(value, offset);
offset += 2;
};
const blockAlign = channels * (bitsPerSample / 8);
const byteRate = sampleRate * blockAlign;
const chunkSize = (byteLength / 8) - 8;
writeString('RIFF'); // ChunkID
writeUint32(chunkSize); // ChunkSize
writeString('WAVE'); // Format
writeString('fmt '); // Subchunk1ID
writeUint32(16); // Subchunk1Size
writeUint16(audioFormat); // AudioFormat (PCM=1,IEEE Float=3,...)
writeUint16(channels); // Channels
writeUint32(sampleRate); // SampleRate
writeUint32(byteRate); // ByteRate
writeUint16(blockAlign); // BlockAlign
writeUint16(bitsPerSample); // BitsPerSample
writeString('data'); // Subchunk2ID
writeUint32(byteLength); // Subchunk2Size
return buffer;
};
export default Header;
最佳答案
在 process
函数你总是在 f32buffer
中创建一个新数组每次调用该函数时。这最终需要收集,所以我猜测故障是由 GC 收集您创建的所有垃圾引起的。
您可以使用 chrome://tracing 获取更多详细信息以获取有关此信息。按记录,然后编辑类别并选择 blink_gc 和 webaudio,也许还有音频。然后记录跟踪并检查图表以查看发生了什么。
关于javascript - 使用 Web 音频工作集录制音频时出现咔嗒声,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53590945/
我一直在为实时流和静态文件(HTTP 上的 MP3)构建网络广播播放器。我选了Howler.js作为规范化 quirks 的后端的 HTML5 Audio (思考:自动播放、淡入/淡出、进度事件)。
vue移动端input上传视频、音频,供大家参考,具体内容如下 html部分 ?
关闭。这个问题需要更多 focused .它目前不接受答案。 想改进这个问题?更新问题,使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
我想在我的程序中访问音频和视频。 MAC里面可以吗? 我们的程序在 Windows 上运行,我使用 directshow 进行音频/视频编程。但我想在 MAC 中开发相同的东西。 有没有像direct
我的应用程序(使用 Flutter 制作,但这应该无关紧要)具有类似于计时器的功能,可以定期(10 秒到 3 分钟)发出滴答声。我在我的 Info.plist 中激活了背景模式 Audio、AirPl
我是 ionic 2 的初学者 我使用了音频文件。 import { Component } from '@angular/core'; import {NavController, Alert
我有一个包含ListView和图片的数据库,我想在每个语音数据中包含它们。我已经尝试过,但是有很多错误。以下是我的java和xml。 数据库.java package com.example.data
我在zend framework 2上建立了一个音乐社交网络。您可以想象它与SoundCloud相同,用户上传歌曲,其他用户播放它们,这些是网站上的基本操作。 我知道将要托管该页面的服务器将需要大量带
我正在尝试在android应用中播放音频,但是在代码中AssetFileDescriptor asset1及其下一行存在错误。这是代码: MediaPlayer mp; @Override prote
我对 WordPress Audio Shortcode有问题。我这样使用它: 但是在前面,在HTML代码中我得到了: document.createElement('audio');
我正在做一项关于降低噪音的滤波技术的实验。我在数据集中的样本是音频文件(.wav),因此,我有:原始录制的音频文件,我将它们与噪声混合,因此变得混合(噪声信号),我将这些噪声信号通过滤波算法传递,输出
一个人会使用哪种类型的神经网络架构将声音映射到其他声音?神经网络擅长学习从序列到其他序列,因此声音增强/生成似乎是它们的一种非常流行的应用(但不幸的是,事实并非如此-我只能找到一个(相当古老的)洋红色
这个让我抓狂: 在专用于此声音播放/录制应用程序的 Vista+ 计算机上,我需要我的应用程序确保(默认)麦克风电平被推到最大。我该怎么做? 我找到了 Core Audio lib ,找到了如何将 I
{ "manifest_version": 2, "name": "Kitten Radio Extension", "description": "Listen while browsi
class Main { WaveFileReader reader; short[] sample; Complex[] tmpComplexArray; publi
我正在使用电话录音软件(android),该软件可以记录2个人在电话中的通话。每个电话的输出是一个音频文件,其中包含来自 call 者和被 call 者的声音。 但是,大多数情况下,运行此软件的电话发
我正在构建一个需要语音激活命令的Web应用程序。我正在使用getUserMedia作为音频输入。 对于语音激活命令,该过程是用户将需要通过记录其语音来“校准”命令。例如,对于“停止”命令,用户将说出“
我正在开发一个Cordova应用程序,并将PouchDB用作数据库,当连接可用时,它将所有信息复制到CouchDB。 我成功存储了简单的文本和图像。 我一直在尝试存储视频和音频,但是没有运气。 我存储
我正在开发web application,我必须在其中使用.MP3的地方使用播放声音,但是会发生问题。 声音为play good in chrome, Firefox,但为safari its not
如何减少音频文件的位深?是否忽略了MSB或LSB?两者混合吗? (旁问:这叫什么?) 最佳答案 TL / DR:将音频曲线高度变量右移至较低位深度 可以将音频视为幅度(Y轴)随时间(X轴)的模拟曲线。
我是一名优秀的程序员,十分优秀!