lamejs 不適用於 angular 8 -- 未捕獲的 ReferenceError：Lame 未定義

Question

我在 package.json 中添加了 "lamejs": "^1.2.0"，然后在 app.component.ts 中添加了以下幾行：

var lamejs = require("lamejs");
    let channels = 1; //1 for mono or 2 for stereo
    let sampleRate = 44100; //44.1khz (normal mp3 samplerate)
    let kbps = 128; //encode 128kbps mp3
    let mp3encoder = new lamejs.Mp3Encoder(channels, sampleRate, kbps);
    var mp3Data = [];

    let samples = new Int16Array(44100); //one second of silence (get your data from the source you have)
    let sampleBlockSize = 1152; //can be anything but make it a multiple of 576 to make encoders life easier

    var mp3Data = [];
    let sampleChunk;
    for (var i = 0; i < samples.length; i += sampleBlockSize) {
        sampleChunk = samples.subarray(i, i + sampleBlockSize);
        var mp3buf = mp3encoder.encodeBuffer(sampleChunk);
        if (mp3buf.length > 0) {
            mp3Data.push(mp3buf);
        }
    }
    var mp3buf = mp3encoder.flush();   //finish writing mp3

    if (mp3buf.length > 0) {
        mp3Data.push(new `Int8Array(mp3buf));`
    }

    var blob = new Blob(mp3Data, { type: 'audio/mp3' });
    var url = window.URL.createObjectURL(blob);
    console.log('MP3 URl: ', url);

我在控制台中收到此錯誤，index.js:17 Uncaught ReferenceError: Lame is not defined at Object../node_modules/lamejs/src/js/index.js

當我在該行打開這個 index.js 時，我看到 Lame = require('./Lame.js');

Lame 變量在沒有聲明的情況下被使用，我該如何進行，我一直在修復這些聲明問題的錯誤，但這個列表一直在繼續。

Answer 1

從https://github.com/zhuker/lamejs下載lame.all.js和lame.min.js文件並將它們放入您的資產文件夾中。

src/assets/lamejs/lame.all.js
src/assets/lamejs/lame.min.js

將腳本標記添加到您的index.html文件

<script src='assets/lamejs/lame.all.js'></script>

在 component.ts 或 service.ts 中所有導入后聲明 lamejs 的變量，然后您就可以使用它了。

declare var lamejs;