javascript - 如何在本地javascript文件中使用CDN

标签 javascript html local cdn tone.js

我正在尝试使用 Tone.js 通过 javascript 制作音乐。每当我尝试让它工作时，我都会收到错误消息“tonetutorial.html:26 Uncaught TypeError: Tone.Player is not a constructor”。

我在我的 HTML 文件的顶部。我目前正在使用 Brackets 编写和预览我的代码。

这是我的javascript函数

function sequencer() {
const kick= new Tone.Player("Cartoon_Boing.mp3").toMaster();

const kickInputs = document.querySelectorAll(".kick");
}
sequencer();

这是HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.0.2/Tone.min.js"></script>
<script src=tonetutorial.js></script>
<body>
    <h1>Music Maker</h1>
    <div class="drums">
        <div class="kick">
            <input type="Checkbox">
        </div>
    </div>
</body>

当我尝试运行它时，我被告知“Tone.Player”不是构造函数。在这种情况下我可以不使用网络 cdn 吗？我必须将 .min 下载到我的 table 面吗？

最佳答案

https://cdnjs.cloudflare.com/ajax/libs/tone/14.0.2/Tone.min.js不包括 Player .

releases page对于库显示最新发布的版本是 13.4.9。

14.0.2 可能有问题。

使用 <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.4.9/Tone.min.js"></script>解决了这个问题。

关于javascript - 如何在本地javascript文件中使用CDN，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57047017/