I am trying to use Tone.js to make music with javascript. I get the error message "tonetutorial.html:26 Uncaught TypeError: Tone.Player is not a constructor" whenever I try to make it work.
I have at the top of my HTML file. I am currently using Brackets to write and preview my code.
This is my javascript function
function sequencer() {
const kick= new Tone.Player("Cartoon_Boing.mp3").toMaster();
const kickInputs = document.querySelectorAll(".kick");
}
sequencer();
this is the HTML
<script src=".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>
When I try to run this, I am being told that "Tone.Player" is not a constructor. can I not use the web cdn in this case? do I have to download the .min to my desktop?
I am trying to use Tone.js to make music with javascript. I get the error message "tonetutorial.html:26 Uncaught TypeError: Tone.Player is not a constructor" whenever I try to make it work.
I have at the top of my HTML file. I am currently using Brackets to write and preview my code.
This is my javascript function
function sequencer() {
const kick= new Tone.Player("Cartoon_Boing.mp3").toMaster();
const kickInputs = document.querySelectorAll(".kick");
}
sequencer();
this is the HTML
<script src="https://cdnjs.cloudflare./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>
When I try to run this, I am being told that "Tone.Player" is not a constructor. can I not use the web cdn in this case? do I have to download the .min to my desktop?
Share Improve this question edited Jul 15, 2019 at 20:53 CharlieBakes asked Jul 15, 2019 at 20:49 CharlieBakesCharlieBakes 831 gold badge1 silver badge7 bronze badges 8- 3 Can you please provide the HTML you're using to include these scripts? It may be possible you've either loaded your code before the Tone library, or your Tone CDN URL is incorrect. – IceMetalPunk Commented Jul 15, 2019 at 20:51
- 1 You can download to your local filesystem too, but including it's cdn, if you have internet access should work. Can you post a fiddle? And please, read this stackoverflow./help/minimal-reproducible-example – Marco Commented Jul 15, 2019 at 20:51
- 1 Try it: cdnjs./libraries/tone – SScotti Commented Jul 15, 2019 at 20:52
- You should put your js code into the load function of document. – Marco Commented Jul 15, 2019 at 20:56
-
1
sounds like it should not have
newwith that error message. – epascarello Commented Jul 15, 2019 at 20:59
2 Answers
Reset to default 4https://cdnjs.cloudflare./ajax/libs/tone/14.0.2/Tone.min.js does not include Player.
The releases page for the library shows that the latest released version is 13.4.9.
Possibly, 14.0.2 is buggy.
Using <script src="https://cdnjs.cloudflare./ajax/libs/tone/13.4.9/Tone.min.js"></script> resolves the issue.
It seems the version of Tone.js you are using is too new, and is still in development. The official Tone.js documentation for player shows r13 in the URL, and the last mit to the master branch on the GitHub repo was on January 10th, which coincides with the January 9th release on GitHub, which is the latest release. Furthermore, searching through the code you linked to does not seem to contain Player anywhere, and the link to download on the GitHub repo downloads version 13.4.9, which does contain Player.
Instead, consider using:
<script src="https://cdnjs.cloudflare./ajax/libs/tone/13.4.9/Tone.min.js"></script>