墨衍会员
·
AI 创作全网分发
墨衍智能分发
本文由作者通过墨衍一键同步至各平台
1分发平台
400+累计阅读
431平均单平台
已同步平台
优快云
微信公众号
微博
知乎
掘金
百家号
博客园
抖音
小红书
你的文章也可以这样分发
墨衍会员 ¥399起/年，写一次发全网
我也要
Vue.js 是一种流行的前端 JavaScript 框架，它提供了一种简单而灵活的方式来构建交互式的用户界面。在本文中，我们将介绍如何使用 Vue.js 实现一个变音效果，即在用户与页面交互时改变页面元素的音调。
实现变音效果的关键是利用 Vue.js 的响应式特性，以及 Web Audio API。Web Audio API 是一种现代的 Web 标准，用于处理和合成音频。我们将结合这两个技术来实现变音效果。
首先，我们需要在 Vue.js 项目中引入 Web Audio API。你可以通过在 HTML 文件中添加以下代码来实现：
<script>
// 创建一个音频上下文对象
const audioContext = new (window离线可用的Python成语接龙工具：支持同音字匹配与逐条释义查看
一款纯本地运行的成语接龙小工具，用Python + Tkinter开发，无需联网即可使用。启动后自动加载内置SQLite成语库（idioms.db），支持两种接龙模式：严格按最后一个字匹配，或按拼音近似匹配（比如‘马’可接‘码’‘骂’等同音/近音字）。点击任意成语，立即显示标准释义、典籍出处和实用例句。核心逻辑封装在tool.py中，包括汉字转拼音、模糊音匹配算法和数据库查询；main.py为运行入口。所有资源打包即用，DB目录存放数据库文件，__pycache__和.pyc文件为Python运行缓存，不影
JSSoundRecorder 纯js 录音+处理
Record sounds / noises around you and turn them into music. It’s a work in progress, at the moment it enables you to record live audio straight from your browser, edit it and save these sounds as a WAV file. There's also a sequencer part where you can create small loops using these sounds with a drone synth overlaid on them. See it working: http://daaain.github.com/JSSoundRecorder Technology ---------- No servers involved, only Web Audio API with binary sound Blobs passed around! ### Web Audio API #### GetUserMedia audio for live recording Experimental API to record any system audio input (including USB soundcards, musical instruments, etc). ```javascript // shim and create AudioContext window.AudioContext = window.AudioContext || window.webkitAudioContext || window.mozAudioContext; var audio_context = new AudioContext(); // shim and start GetUserMedia audio stream navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; navigator.getUserMedia({audio: true}, startUserMedia, function(e) { console.log('No live audio input: ' + e); }); ``` #### Audio nodes for routing You can route audio stream around, with input nodes (microphone, synths, etc), filters (volume / gain, equaliser, low pass, etc) and outputs (speakers, binary streams, etc). ```javascript function startUserMedia(stream) { // create MediaStreamSource and GainNode var input = audio_context.createMediaStreamSource(stream); var volume = audio_context.createGain(); volume.gain.value = 0.7; // connect them and pipe output input.connect(volume); volume.connect(audio_context.destination); // connect recorder as well - see below var recorder = new Recorder(input); } ``` ### WebWorker Processing (interleaving) record buffer is done in the background to not block the main thread and the UI. Also WAV conversion for export is also quite heavy for longer recordings, so best left to run in the background. ```javascript this.context = input.context; this.node = this.context.createScriptProcessor(4096, 2, 2); this.node.onaudioprocess = function(e){ worker.postMessage({ command: 'record', buffer: [ e.inputBuffer.getChannelData(0), e.inputBuffer.getChannelData(1) ] }); } ``` ```javascript function record(inputBuffer){ var bufferL = inputBuffer[0]; var bufferR = inputBuffer[1]; var interleaved = interleave(bufferL, bufferR); recBuffers.push(interleaved); recLength += interleaved.length; } function interleave(inputL, inputR){ var length = inputL.length + inputR.length; var result = new Float32Array(length); var index = 0, inputIndex = 0; while (index < length){ result[index++] = inputL[inputIndex]; result[index++] = inputR[inputIndex]; inputIndex++; } return result; } ``` ```javascript function encodeWAV(samples){ var buffer = new ArrayBuffer(44 + samples.length * 2); var view = new DataView(buffer); /* RIFF identifier */ writeString(view, 0, 'RIFF'); /* file length */ view.setUint32(4, 32 + samples.length * 2, true); /* RIFF type */ writeString(view, 8, 'WAVE'); /* format chunk identifier */ writeString(view, 12, 'fmt '); /* format chunk length */ view.setUint32(16, 16, true); /* sample format (raw) */ view.setUint16(20, 1, true); /* channel count */ view.setUint16(22, 2, true); /* sample rate */ view.setUint32(24, sampleRate, true); /* byte rate (sample rate * block align) */ view.setUint32(28, sampleRate * 4, true); /* block align (channel count * bytes per sample) */ view.setUint16(32, 4, true); /* bits per sample */ view.setUint16(34, 16, true); /* data chunk identifier */ writeString(view, 36, 'data'); /* data chunk length */ view.setUint32(40, samples.length * 2, true); floatTo16BitPCM(view, 44, samples); return view; } ``` ### Binary Blob Instead of file drag and drop interface this binary blob is passed to editor. Note: BlobBuilder deprecated (but a lot of examples use it), you should use Blob constructor instead! ```javascript var f = new FileReader(); f. { audio_context.decodeAudioData(e.target.result, function(buffer) { $('#audioLayerControl')[0].handleAudio(buffer); }, function(e) { console.warn(e); }); }; f.readAsArrayBuffer(blob); ``` ```javascript function exportWAV(type){ var buffer = mergeBuffers(recBuffers, recLength); var dataview = encodeWAV(buffer); var audioBlob = new Blob([dataview], { type: type }); this.postMessage(audioBlob); } ``` ### Virtual File – URL.createObjectURL You can create file download link pointing to WAV blob, but also set it as the source of an Audio element. ```javascript var url = URL.createObjectURL(blob); var audioElement = document.createElement('audio'); var downloadAnchor = document.createElement('a'); audioElement.controls = true; audioElement.src = url; downloadAnchor.href = url; ``` TODO ---- * Sequencer top / status row should be radio buttons :) * Code cleanup / restructuring * Enable open / drag and drop files for editing * Visual feedback (levels) for live recording * Sequencer UI (and separation to a different module) Credits / license ----------------- Live recording code adapted from: http://www.phpied.com/files/webaudio/record.html Editor code adapted from: https://github.com/plucked/html5-audio-editor Copyright (c) 2012 Daniel Demmel MIT License
【完美解决】Anaconda3安装后缺失大量文件，没有scripts、Library等目录
Anaconda3是官网下载的：https://www.anaconda.com/distribution/#download-section 我选择的是64位python 3.7的版本。 问题出现及现象： 我自己选择了一个D盘的目录D:\Tools\Anaconda3进行安装，装完后发现conda list命令无法执行，首先都到的是配置环境变量，然后发现安装目录下缺失大量文件（如下图）...
【机械臂算法】机械臂动力学参数辨识仿真
本文以puma560m机械臂为例子进行动力学参数辨识的讲解，puma560m可以在robotic toolbox中找到，这里以它真实机械臂对他的动力学参数进行辨识。此外这里还有要说的是，机械臂参数辨识其实是一个系统工程，其中和系统的机械、电子、嵌入式都有着很深的联系，并不是仿真这么简单的。
【AAAI2025】【小目标检测】FBRT-YOLO：更快速、更优的实时航拍图像检测方法
FBRT-YOLO是一种新型实时航拍图像检测方法，针对小目标检测的精度与效率平衡问题提出创新解决方案。该方法通过两个轻量级模块显著提升性能：特征互补映射模块（FCM）将浅层空间位置信息深度整合至网络深层，缓解信息失衡；多核感知单元（MKP）采用多尺度卷积增强多目标感知能力。实验表明，在VisDrone、UAVDT和AI-TOD数据集上，FBRT-YOLO在检测精度和速度方面均优于现有实时检测器，特别适用于资源受限的飞行设备。该模型通过精简网络结构，在保持高性能的同时降低了计算负担，为航拍实时检测提供了高效解
【Godot】构建可维护的游戏工程 —— 项目代码组织结构
本文系统梳理了Godot引擎项目组织原则与架构模式，提出场景中心化、命名规范一致性和资源隔离三大核心原则。推荐按功能模块划分目录结构（如scenes/、entities/、systems/），采用snake_case命名避免跨平台问题，并通过.gdignore优化资源管理。文章详细解析了自包含场景设计、信号驱动解耦等架构技巧，以及团队协作中的版本控制策略，强调通过模块化设计平衡一致性与实用性。最终目标构建清晰可维护的项目结构，使资源定位和功能扩展更加高效。（148字）
论文超详细精读|万字：2s-AGCN
1. 提出了一种新的双流自适应图卷积网络(2S-AGCN)用于基于骨架的动作识别。**模型中的图的拓扑既可以统一地学习，也可以通过BP算法以端到端的方式单独学习。** 2. 提出了一种同时对**一阶和二阶信息（骨架的长度与方向）建模的双流框架**，在识别精度上有了显著的提高。 它将骨架数据的图结构参数化，并嵌入到网络中，与模型共同学习和更新。 3. 文章主要创新点有两个，一个是双流网络，另外一个是自适应。
AIGC实战——多模态模型DALL.E 2
DALL.E 2 是 OpenAI 提出的一个大规模文本生成图像模型，可以根据文本提示生成各种风格的逼真图像。它通过将预训练模型 CLIP 与 GLIDE 中的扩散模型架构相结合完成任务。它还具有其他应用，例如通过文本提示编辑图像和提供给定图像的变体。虽然它也有一些局限性，例如不一致的文本渲染和属性绑定，但 DALL.E 2 是仍然一个非常强大的AI模型，推动了生成模型的发展。
STM32实战开发（133）：基于STM32的智能GPS定位跟踪系统开发
本文详细介绍了如何基于STM32开发一个智能GPS定位跟踪系统。系统使用NEO-6M GPS模块获取实时定位数据，并通过SIM800L GPRS模块将定位信息上传到远程服务器。通过OLED屏幕实时显示位置数据，使用SD卡存储历史轨迹，并提供蜂鸣器报警功能。项目实现了GPS定位数据的获取、解析、存储和传输，为智能定位系统提供了完整的解决方案。
Allegro如何使用Cross Copy命令快速复制器件的位号和丝印外形其他层
在Allegro做PCB设计的时候，如果需要复制器件的位号到其它层是无法直接实现的，如果直接拷贝器件的位号的话，效果如下。但是Allegro的Cross Copy命令是支持复制任何属性的图形到其它层的，下面以复制器件位号和丝印外框为例说明。同样如果使用Z-copy命令，也是无法Z-copy text的，Finds下方texts是灰色的。如何使用Cross Copy命令快速复制器件的位号和丝印外形其他层。另外cap处可以选择线段的端点是圆形，八角形，或者方形的铜皮。拷贝C1013，出现的是C*
精雕软件(JDpaint) 5.5 绿色版
精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版
android 蓝牙通讯demo
android 下蓝牙通讯demo，实现了发现蓝牙，使能蓝牙，通过蓝牙发送消息。
假人有限元模型
假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用
老版QQ原生表情gif动态
这是老版的QQ表情，不过全是动态的的，Windows照片查看器是不会动的，可以右击用浏览器打开查看，再说一遍是老版的，只是分享给宁愿用老版也要动态的人。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
订阅专栏 解锁全文
262
扫一扫
