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

我正在尝试使用Tone.js用javascript制作音乐。每当我尝试使其工作时，我都会收到错误消息“tonetutorial.html:26 Uncaught TypeError:Tone.Player不是构造函数”。

我在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下载到我的桌面上吗？

最佳答案

您正在使用的Tone.js版本似乎太新了，并且仍在开发中。 The official Tone.js documentation for player 在URL中显示r13，最后一次提交the GitHub repo上的master分支是在1月10日，这与最新版本的January 9th release on GitHub相吻合。此外，搜索链接到的代码似乎在任何地方都不包含Player，并且link to download on the GitHub repo下载版本13.4.9，其中确实包含Player。

相反，请考虑使用:

<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.4.9/Tone.min.js"></script>