文件名称：wave-slicer:使用WavesurferJS，WebAudio和React构建的轻量级音频采样器
文件大小：592KB
文件格式：ZIP
更新时间：2024-05-27 08:32:48
typescript reactjs webaudio audio-recorder webaudio-api
切波器 Wave Slicer是用于切碎音频文件的Web应用程序。 首先，将音频文件拖到放置区。 要采样，请突出显示波形的某个区域，然后单击“记录”按钮。 样本将出现在波形下方，您可以在其中收听，重命名或删除它们。 使用屏幕右下方显示的按钮下载包含示例的zip文件。 这个项目是使用构建的。 用于显示波形并定义要采样的区域。 然后使用从音频文件中记录样本。 本地安装 克隆仓库： git clone https://github.com/jaqarrick/wave-slicer.git 导航到wave-slicer库并安装依赖项： cd wave-slicer && npm i 启动应用程序： npm run start 实施功能 添加一个实时记录器选项，可以从直接在浏览器中记录的音频中切出样本。 学分 感谢和使这个项目更容易实现。 由（ 和（ 建筑和设计。
【文件预览】：
wave-slicer-main
----.gitignore(320B)
----package.json(4KB)
----package-lock.json(574KB)
----src()
--------icons()
--------components()
--------react-app-env.d.ts(1KB)
--------utils()
--------setupTests.ts(255B)
--------App.css(99B)
--------index.css(636B)
--------index.tsx(286B)
--------App.test.tsx(280B)
--------types.ts(175B)
--------serviceWorker.ts(5KB)
--------App.tsx(12KB)
----public()
--------robots.txt(67B)
--------index.html(2KB)
--------manifest.json(492B)
--------index.css(636B)
----tsconfig.json(543B)
----screenshots()
--------screenshot.png(298KB)
----.prettierignore(9B)
----scripts()
--------build.js(7KB)
--------test.js(1KB)
--------start.js(5KB)
----README.md(1KB)
----config()
--------webpack.config.js(29KB)
--------jest()
--------getHttpsConfig.js(2KB)
--------modules.js(4KB)
--------pnpTs.js(620B)
--------webpackDevServer.config.js(7KB)
--------paths.js(2KB)
--------env.js(4KB)
----.prettierrc(2B)
----yarn.lock(484KB)