当前位置：首页 > news >正文

js -音频变音（听不出说话的人是谁）

news 来源：原创 2025/5/13 9:18:56

学习参考来源：
https://zhuanlan.zhihu.com/p/634848804
https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API

实际效果：
http://www.qingkong.zone/laboratory?type=audio-confusion

前言

本文内容可结合上面学习参考来源，结合学习。
之前我遇到的需求主要是对人声进行变音处理，以确保无法通过声音识别出是谁说的这个话，保护隐私。通过Web Audio API即可实现该变声效果。

1. 获取Audio上下文

const audioCtx = new (window.AudioContext || window.webkitAudioContext)();

2. 用 audioCtx 与音频源做关联

各个音频源关联方法：

（1）与audio，vidio标签或 Audio实例

const audio = new Audio()
const sourceNode = audioCtx.createMediaElementSource(audio)

（2）获取麦克风

const stream = await navigator.mediaDevices.getUserMedia({ audio: true}).catch(function (error) {console.log(error);});
const sourceNode = audioCtx.createMediaStreamSource(stream)

（3）使用缓冲器

const loadAudioBuffer = async (url) => {const response = await fetch(url);const arrayBuffer = await response.arrayBuffer();return await audioCtx.decodeAudioData(arrayBuffer);
}
// 获取 audioBuffer
loadAudioBuffer(props.url).then((audioBuffer) => {audioCtx.audioBuffer = audioBuffer;
}).catch((error) => {console.error("Failed to load audio buffer:", error);
});// 创建缓冲区
const bufferNode = audioCtx.createBufferSource()

需要注意：缓冲区只能播放一次，所以创建缓冲区逻辑要与播放逻辑放在一起

3. 使用缓冲区后，改写原有音频播放、暂停

声音流添加处理效果就像穿项链一样，一个接一个（引自学习参考来源1）

// 创建多个不同作用功能的node节点
var analyser = audioCtx.createAnalyser();
var distortion = audioCtx.createWaveShaper();
var gainNode = audioCtx.createGain();
var biquadFilter = audioCtx.createBiquadFilter();
var convolver = audioCtx.createConvolver();// 将所有节点连接在一起source = audioCtx.createMediaStreamSource(stream);
source.connect(analyser);
analyser.connect(distortion);
distortion.connect(biquadFilter);
biquadFilter.connect(convolver);
convolver.connect(gainNode);
gainNode.connect(audioCtx.destination);

上述代码是帮助你理解 AudioContext 的处理节点如何添加，不是实现代码。
audioCtx.destination 是 AudioContext 的输出源

播放

  if (flag) {// 创建缓冲区bufferNode = audioCtx.createBufferSource()bufferNode.buffer = audioCtx.audioBuffer;bufferNode.playbackRate.value = umlautValue;// 用于修改音量gainNode = audioCtx.createGain();bufferNode.connect(gainNode);gainNode.connect(audioCtx.destination);gainNode.gain.value = audioData.volume / 100;bufferNode.startTime = audioCtx.currentTime - audioData.currentTime;bufferNode.start(0, audioData.currentTime);bufferNode.onended = () => {audioData.status = "play";cancelAnimationFrame(animationFrameId);};} else {audio.play()}

暂停

  if (flag) {bufferNode.stop();audioData.currentTime = audioCtx.currentTime - bufferNode.startTime;cancelAnimationFrame(animationFrameId);} else {audio.pause()}

4. 使用 requestAnimationFrame 代替 timeupdate 获取实时信息

const updateCurrentTime = () => {if (bufferNode && bufferNode.playbackState === bufferNode.PLAYING_STATE) {audioData.currentTime = audioCtx.currentTime - bufferNode.startTime;audioData.currentValue = audioData.currentTime / audioData.duration * 100 * umlautValue;audioData.currentFormat = `${moment.utc(audioData.currentTime * 1000 * umlautValue).format("mm:ss")} / ${moment.utc(audioData.duration * 1000).format("mm:ss")}`;}animationFrameId = requestAnimationFrame(updateCurrentTime);
}

在需要关闭的地方

cancelAnimationFrame(animationFrameId);

5. 音频变音核心逻辑

本文走的是变速变调的路子，改变声音播放速率情况下，音调音色也会随着改变，例如玩过磁带的都知道，按快进功能会使声音变尖提高音调，慢放功能使声音变粗，降低音调。

为了让音频进度条与加速或减速的速率保持一致，需创建个变量做统一管理

const umlautValue = 1.5

6. 结尾

在销毁前记得销毁这些节点

  if (bufferNode) {bufferNode.stop();}if (gainNode) {gainNode.disconnect();}cancelAnimationFrame(animationFrameId);

喜欢的话不妨点个小小的赞与关注，您的赞与关注将是我源源不断的前进动力。

js -音频变音（听不出说话的人是谁）

学习参考来源： https://zhuanlan.zhihu.com/p/634848804 https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Audio_API 实际效果： http://www.qingkong.zone/laboratory?typeaudio-confusion 前言本文内容可结合上面学习参考来源，结合…...

编程日记 2025/5/13 9:18:56

3D Object Detection和6D Pose Estimation有什么异同？

知乎讨论： (99 封私信 / 95 条消息) 3D Object Detection和6D Pose Estimation有什么异同？ - 知乎 GPT回答： 3D Object Detection 和 6D Pose Estimation 都是计算机视觉领域的重要任务，广泛应用于机器人、自动驾驶和增强现实…...

编程日记 2025/5/6 12:29:02

NRF24L01模块STM32通信-通信初始化

目录前言一、IO口初始化二、模拟SPI的基础代码 1.一些代码的宏定义 2.起始信号 3.CS,SCK,MOSI操作 4.MISO,IRQ操作三.中间层代码 1.字节的输入和读取 2.写操作 3.读操作四.应用层代码 1.24L01的检测 2.在main函数进行简单验证 3.24L01宏定义的代码总结前…...

编程日记 2025/5/11 21:34:01

vue Element Ui Upload 上传点击一个按钮，选择多个文件后直接上传，使用防抖解决多次上传的问题。

问题： 在使用Element Ui Upload 上传文件时，选择多个文件上传时，on-change事件会一个一个返回上传的文件，导致前端不知道什么时候可以拿到全部上传的文件，再一起调后台接口。解决方法： 上传文件后&…...

编程日记 2025/5/12 17:46:16

算法题（26）：最后一个单词的长度

审题： 需要我们返回最后一个单词的长度，并且字符串内只有空格来分割单词思路： 找到最后一个单词的方法就是从后开始遍历找到第一个非空格的元素，称为pos（第一个出现单词的位置） 然后再从pos位置开始反向寻…...

编程日记 2025/5/9 15:43:17

Ungoogled Chromium127 编译指南 MacOS 篇（二）- 项目要求

1. 引言在开始编译 Ungoogled Chromium 之前，我们需要确保系统满足所有必要的硬件和软件要求。由于浏览器编译是一个资源密集型的任务，合适的硬件配置和完整的软件环境至关重要。本文将详细介绍编译 Ungoogled Chromium 所需的各项要求。 2. 硬件要求…...

编程日记 2025/5/12 6:30:14

nginx配置-其他配置

nginx配置-其他配置 server_tokens server_tokens server_token on/off 是 Nginx 配置文件中的一个指令，用于控制 Nginx 服务器在响应 HTTP 请求时是否显示服务器的版本信息。默认情况下，Nginx 会在响应头中包含服务器的版本号，例如 Serve…...

编程日记 2025/5/14 1:11:58

Springboot使用RabbitMQ实现关闭超时订单的一个简单示例

1.maven中引入rabbitmq的依赖： <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-amqp</artifactId></dependency> 2.application.yml中进行rabbitmq相关配置： # rabbit…...

编程日记 2025/5/11 4:21:11

QT-------------对话框和多窗口程序设计

一、标准对话框 1. QFileDialog 对话框功能：提供文件选择对话框，方便用户选择文件或目录。 #include <QApplication> #include <QFileDialog> #include <QMessageBox>int main(int argc, char *argv[]) {QApplication app(argc, a…...

编程日记 2025/5/6 12:57:50

信息科技伦理与道德2：研究方法

1 问题描述 1.1 讨论？ 请挑一项信息技术，谈一谈为什么认为他是道德的/不道德的，或者根据使用场景才能判断是否道德。判断的依据是什么（自身的道德准则）？为什么你觉得你的道德准则是合理的，其他…...

编程日记 2025/5/12 13:24:40

Linux(Centos 7.6)命令详解：ls

1.命令作用列出目录内容(list directory contents) 2.命令语法 Usage: ls [OPTION]... [FILE]... 3.参数详解 OPTION: -l，long list 使用长列表格式-a，all 不忽略.开头的条目（打印所有条目，包括.开头的隐藏条目&#xff09…...

编程日记 2025/5/4 22:17:56

深入理解 WebSocket：实时通信的基础

随着互联网技术的不断发展，实时通信逐渐成为现代应用程序中不可或缺的一部分。无论是即时通讯应用、在线游戏、社交平台还是股票交易系统，都需要能够在客户端与服务器之间快速、高效地传输数据。传统的 HTTP 协议虽然简单且广泛应用，但它并不…...

编程日记 2025/5/1 0:19:24

【网络协议】开放式最短路径优先协议OSPF详解（一）

OSPF 是为取代 RIP 而开发的一种无类别的链路状态路由协议，它通过使用区域划分以实现更好的可扩展性。文章目录链路状态路由协议OSPF 的工作原理OSPF 数据包类型Dijkstra算法、管理距离与度量值OSPF的管理距离OSPF的度量值链路状态路由协议的优势拓扑结构路由器O…...

编程日记 2025/5/12 17:51:55

2000-2020年各省地区生产总值数据/各省gdp数据

2000-2020年各省地区生产总值数据/各省gdp数据 1、时间：2000-2020年 2、来源：国家统计局 3、指标：行政区划代码、地区、年份、地区生产总值 4、范围：31省指标解释：地区生产总值（Regional GDP&#xf…...

编程日记 2025/5/11 5:12:52

消息转换器在SpringMVC执行流程

消息转换器的工作机制内部工作流程读取（Read）操作当接收到一个包含实体内容的HTTP请求时，Spring MVC会根据请求头中的Content-Type属性来确定应该使用哪个HttpMessageConverter来解析请求体。DispatcherServlet会遍历已注册的HttpMessage…...

编程日记 2025/5/11 14:03:16

7. C语言运算符详解

本章目录: 前言C语言运算符的分类1. 算术运算符2. 关系运算符3. 逻辑运算符4. 位运算符5. 赋值运算符6. 杂项运算符运算符优先级前言在C语言中，运算符是程序中执行各种操作的核心工具，涉及算术运算、逻辑判断、位操作等多个方面。掌握C语言中的各种运…...

编程日记 2025/5/11 5:10:27

一、准备工作（2）：部署TensorFlow和Keras

目录一、确保已安装 Python 和 pip 二、打开命令行界面并执行安装命令 Windows macOS 和 Linux 三、安装过程中的注意事项创建虚拟环境激活虚拟环境在虚拟环境中安装包四、验证安装五、常见问题排查六、下一步 pip install tensorflow keras 是一个用于在计算…...

编程日记 2025/5/7 12:32:44

Rabbitmq Fanout如何保证不重复消费及应用场景

rabbitmq fanout业务场景，一个交换机对应多个队列，不会重复消费吗在 RabbitMQ 中，使用 Fanout 类型的交换机时，确实可以将一个交换机绑定到多个队列。每当有消息发布到这个交换机时，交换机会把消息广播到所有绑定的队…...

编程日记 2025/5/9 21:31:14

【Linux系列】使用 `nohup` 命令运行 Python 脚本并保存输出日志的详细解析

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kwan 的首页,持续学…...

编程日记 2025/5/10 3:47:46

基于Python的考研学习系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：…...

编程日记 2025/5/7 5:39:35

多模态大模型文生图和图生文的主要技术

1 图生文 CLIP 该模型架构由图像编码器和文本编码器组成。图像编码器将图像转换为嵌入（数字列表），文本编码器将文本转换为嵌入。这两个编码器在成批的图像-文本对上进行训练，其中文本描述图像。编码器的训练方式如下&#xff1…...

编程日记 2025/5/12 17:39:07

云架构：考量与框架

云架构：考量与框架引言在当今的数字化环境中，云计算已成为现代商业运营的基石。一个设计良好的云架构框架为可扩展、安全和弹性的系统奠定了基础。本文将深入探讨云架构的核心要素，讨论重要的考量因素、设计指南，以及最佳实践…...

编程日记 2025/5/11 7:34:25

用uniapp写一个播放视频首页页面代码

效果如下图所示首页有导航栏，搜索框，和视频列表， 导航栏如下图搜索框如下图视频列表如下图文件目录视频首页页面代码如下 <template> <view class"video-home">  <view class…...

编程日记 2025/5/11 8:16:52

开发培训-慧集通（iPaaS）集成平台脚本开发Groovy基础培训视频

‌Groovy‌是一种基于Java虚拟机（JVM）的敏捷开发语言，结合了Python、Ruby和Smalltalk的许多强大特性。它旨在提高开发者的生产力，通过简洁、熟悉且易于学习的语法，Groovy能够与Java代码无缝集成，并提供强大…...

编程日记 2025/5/12 17:45:41

供需平台信息发布付费查看小程序系统开发方案

供需平台信息发布付费查看小程序系统主要是为了满足个人及企业用户的供需信息发布与匹配需求。一、目标用户群体个人用户：寻找兼职工作、二手物品交换、本地服务（如家政、维修）等。小微企业：推广产品和服务，寻找合…...

编程日记 2025/5/10 6:30:17

【Qt】如何保证线程安全（以日志写入为例）

前言在近日学习中发现，如果开发一个单例模式的日志系统，难免会出现多个线程记录日志的情况，这个时候线程可能导致竞争，或者始料未及的情况发生。通过学习，如果要保证线程安全，要使用互斥锁QMutex&#xf…...

编程日记 2025/5/12 22:56:35

k8s基础(3)—Kubernetes-Deployment

一、 Deployment概述 ‌ Kubernetes Deployment‌是Kubernetes中的一个核心概念，它是一种高级别的控制器，用于管理Pod和ReplicaSet，确保应用程序的高可用性和稳定性。Deployment通过声明式配置来创建和更新Pod和ReplicaSet，从而…...

编程日记 2025/5/10 7:28:01

信息系统管理师试题-人力资源

下列（ ）不属于人力资源管理的主要工作内容。 A根据各工作岗位任务的特点和工作要求，预测组织的人力需求 B根据工作需要，选拔出符合组织需要的员工 C对新员工进行工作指导和培训 D为项目团队争取和募集更多资金答案D 解析&#xf…...

编程日记 2025/5/10 7:14:50

【情感】程序人生之情感关系中的平等意识（如何经营一段长期稳定的关系沸羊羊舔狗自查表）

【情感】程序人生之情感关系中的平等意识（如何经营一段长期稳定的关系 & 沸羊羊舔狗自查表） 文章目录 1、情感关系中的平等意识2、如何经营一段长期稳定的关系（避免左倾 | 敬畏与担当）3、沸羊羊/舔狗自查表（避免右…...

编程日记 2025/5/10 22:06:04

pyspark执行group by操作

前情提要在处理亿级别数据时，常常输入是hive表，因此需要在pypark流程中引入一些场景sql操作，其中group by就是比较常见的操作。基础步骤创建SparkSession：通过enableHiveSupport()方法启用Hive支持，确保能够访问…...

编程日记 2025/5/10 1:25:16

小寒时处在二三九，天寒地冻北风吼

今（1月5日上午10时33分）天迎来了小寒节气，本“人民体验官”推广人民日报官方微博文化产品《小寒来了！最冷的时候如何养生防病》，同时科普小寒相关知识。截图：来源本“人民体验官”推广平台人民微博告诉我…...

编程日记 2025/5/11 6:22:53

微信小程序校园自助点餐系统实战：从设计到实现

随着移动互联网的发展，越来越多的校园场景开始智能化、自助化。微信小程序凭借其轻量化、便捷性和强大的生态支持，成为了各类校园应用的首选工具之一。今天，我们将通过实际开发一个微信小程序“校园自助点餐系统”来展示如何设计和实现这样一…...

编程日记 2025/5/10 13:42:26

java基础之代理

代理模式（Proxy Pattern） 简介是一种结构型设计模式，主要用于为某对象提供一个代理对象，以控制对该对象的访问。通过引入一个代理对象来控制对原对象的访问。代理对象在客户端和目标对象之间充当中介，负责将客户端的…...

编程日记 2025/5/10 19:55:20

uniapp - 基于uniapp+vue3实现自定义增强版table表格组件体验「兼容H5+小程序+App端」

本文提供增强版table表格组件体验,打造跨端表格的新标杆. uv3-table：一款基于uniappvue3跨端自定义手机端增强版表格组件。支持固定表头/列、边框、斑马纹、单选/多选，自定义表头/表体插槽、左右固定列阴影高亮显示。支持编译兼容H5小程序端App端。提供…...

编程日记 2025/5/9 5:30:36

【Obsidian插件开发】新建窗口时出现多余的空白窗口

问题描述在打开Edit Task的Modal的时候，有一个多余的空白modal同时也被打开了，并且点右上角的叉号可以把Edit Task窗口也关上。最开始没有这个问题，我给edit task窗口加了css，移动位置之后问题就出现了。解决方法我最开始看到…...

编程日记 2025/5/12 10:07:18

springmvc--请求参数的绑定

目录一、创建项目，pom文件二、web.xml 三、spring-mvc.xml 四、index.jsp 五、实体类 Address类 User类六、UserController类七、请求参数解决中文乱码八、配置tomcat,然后启动tomcat 1. 2. 3. 4. 九、接收Map类型 1.直接接收Map类型 &#x…...

编程日记 2025/5/13 8:15:07

前缀和与差分专题

领地选择 （二维前缀和） 作为在虚拟世界里统帅千军万马的领袖，小 Z 认为天时、地利、人和三者是缺一不可的，所以，谨慎地选择首都的位置对于小 Z 来说是非常重要的。首都被认为是一个占地 CC 的正方形。小 Z 希望你寻…...

编程日记 2025/5/13 9:18:03

Go Ebiten小球弹性碰撞代码示例

Go Ebiten小球弹性碰撞代码示例我们来编写一个简单的示例程序，在其中实现一个小球在窗口中弹性碰撞的效果。具体来说，当小球碰到窗口的边缘时，它会反弹回来，改变运动方向。我们将使用Ebiten的图形和物理模拟功能来实现这个效果。…...

编程日记 2025/5/5 20:02:30

C++中map和set的封装

一、关于封装过程中传入的模板参数的问题通过源码中的封装方式进行理解： 1.1map和set中成员变量 set中： template <class Key, class Compare less<Key>, class Alloc alloc> class set { public:typedef Key key_type;typedef Key v…...

编程日记 2025/5/11 8:04:27

dsa introduction 3

空间复杂度一般不会超过时间复杂度。空间复杂度就是申请的空间的数量级别。减治和分治都是算法策略。都可以用递归和迭代的手段去实现。递归就是函数自己调用自己。一直到递归基之后再返回。递归算法的空间复杂度是递归深度。分治是分别求解子问题，然后由子问题的…...

编程日记 2025/5/12 15:18:47

C++ 日志库 spdlog 使用教程

Spdlog是一个快速、异步、线程安全的C日志库，他可以方便地记录应用程序的运行状态，并提供多种输出格式。官网：https://github.com/gabime/spdlog 安装教程可以参考：https://blog.csdn.net/Harrytsz/article/details/144887297 S…...

编程日记 2025/5/7 17:20:13

Pytorch机器学习——1 深度学习介绍

outline 人工智能、机器学习与深度学习深度学习工具介绍 1. 人工智能、机器学习与深度学习 AI：研究如何能让计算机模拟人类的智能，来实现特定的依赖人类智能才能实现的任务（例如学习、语言、识别） AI历史： 1818&#x…...

编程日记 2025/5/9 8:30:45

软件工程期末大复习（六）面向对象分析

6.1 软件分析概述软件分析是软件开发生命周期中的一个关键阶段，它紧随需求收集之后。在这个阶段，分析者的目标是理解用户的需求，并确定系统应该做什么。需求分析：分析用户的需求，确定系统必须实现的功能。概念性设计…...

编程日记 2025/5/10 9:36:14

科研绘图系列：R语言科研绘图之标记热图（heatmap）

禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者! 文章目录介绍加载R包数据下载导入数据数据预处理画图系统信息参考介绍科研绘图系列：R语言科研绘图之标记热图（heatmap）加载R包 library(tidyverse) library(ggplot2) library(reshape)…...

编程日记 2025/5/13 11:56:52

数据挖掘——朴素贝叶斯分类

数据挖掘——朴素贝叶斯分类朴素贝叶斯分类极大后验假设独立性假设贝叶斯分类器总结朴素贝叶斯分类什么是分类？ 找出描述和区分数据类或概念的模型，以便能够使用模型预测未知的对象的类标号概念区分分类与回归分类是预测分类（离散、…...

编程日记 2025/5/11 20:48:41

Redis数据库笔记—— Hash（哈希）的扩容机制(rehash)

大家好，这里是Good Note，关注公主号：Goodnote，专栏文章私信限时Free。详细介绍Hash（哈希）的扩容机制(rehash)、源码、以及扩容和缩容过程。文章目录 Redis 字典（dict）结构源码哈希…...

编程日记 2025/5/12 5:11:01

【Web】软件系统安全赛CachedVisitor——记一次二开工具的经历

明天开始考试周，百无聊赖开了一把CTF，还顺带体验了下二开工具，让无聊的Z3很开心🙂 CachedVisitor这题大概描述一下：从main.lua加载一段visit.script中被##LUA_START##(.-)##LUA_END##包裹的lua代码 main.lua loca…...

编程日记 2025/5/12 9:19:28

面向对象分析与设计Python版建模工具UML

文章目录一、建模与模型二、统一建模语言一、建模与模型建模与模型建模 modeling： 把不太理解的东西和一些已经较为理解、且十分类似的东西做比较，可以对这些不太理解的东西产生更深刻的理解，叫做建模重要的研发成果常常产自类比模型 …...

编程日记 2025/5/5 23:13:11

Flink系列知识讲解之：深入了解 Flink 的网络协议栈

Flink系列知识之：深入了解 Flink 的网络协议栈 Flink 的网络协议栈是组成 flink-runtime 模块的核心组件之一，也是每个 Flink 任务的核心。它连接着来自所有任务管理器的各个工作单元（子任务）。这是流数据流过的地方，…...

编程日记 2025/5/10 6:35:44

动态库dll与静态库lib编程4：MFC规则DLL讲解

文章目录前言一、说明二、具体实现2.1新建项目2.2 模块切换的演示总结前言动态库dll与静态库lib编程4：MFC规则DLL讲解。一、说明 1.前面介绍的均为Win32DLL，即不使用MFC的DLL。 2.MFC规则DLL的特点：DLL内部可以使用MFC类库、可以被其他…...

编程日记 2025/5/11 9:44:05

前言