Angular 和麦克风录音机到 mp3 : Lame is not defined

Question

我想将 mic-recorder-to-mp3 库添加到 Angular 应用程序以从浏览器录制 mp3。

我通过以下方式添加了库:

npm 安装 mic-recorder-to-mp3

然后我在 app.component.ts 的顶部添加了导入。

从“mic-recorder-to-mp3”导入 * 作为 Mic；

当我启动应用程序时:服务

我在浏览器控制台中收到以下错误:

index.js:15500 Uncaught ReferenceError: Lame is not defined
    at index.js:15500
    at index.js:2
    at Object../node_modules/mic-recorder-to-mp3/dist/index.js (index.js:5)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.component.ts (main.js:351)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.module.ts (app.component.ts:11)
    at __webpack_require__ (bootstrap:79)
    at Module../src/main.ts (environment.ts:16)
    at __webpack_require__ (bootstrap:79)

我正在使用:Angular CLI:8.3.29，节点:12.18.3，package.json screen

你能帮我如何添加这个做一个 Angular 项目吗？

Answer 1

尝试将以下内容添加到您的 polyfills.ts 中:

window.Lame = require("lamejs/src/js/Lame");
window.Presets = require("lamejs/src/js/Presets");
window.GainAnalysis = require("lamejs/src/js/GainAnalysis");
window.QuantizePVT = require("lamejs/src/js/QuantizePVT");
window.Quantize = require("lamejs/src/js/Quantize");
window.Reservoir = require("lamejs/src/js/Reservoir");
window.Takehiro = require("lamejs/src/js/Takehiro");
window.MPEGMode = require("lamejs/src/js/MPEGMode");
window.BitStream = require("lamejs/src/js/BitStream");