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

Cha*_*kes 6 html javascript cdn local tone.js

我正在尝试使用 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();
Run Code Online (Sandbox Code Playgroud)

这是 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>
Run Code Online (Sandbox Code Playgroud)

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

Mic*_*ber 1

您使用的 Tone.js 版本似乎太新,并且仍在开发中。URL 中显示了Tone.js 的官方文档, playerGitHub 存储库上对该分支的最后一次提交是在 1 月 10 日,这与GitHub 上的 1 月 9 日版本一致,这是最新版本。此外,搜索您链接到的代码似乎不包含任何地方,并且GitHub 存储库上的下载链接下载版本,其中确实包含.r13masterPlayer13.4.9Player

相反,请考虑使用:

<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/13.4.9/Tone.min.js"></script>
Run Code Online (Sandbox Code Playgroud)