I keep getting an error saying loadSound is not defined here is my code if anyone can help me out.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Server</title>
<scirpt src="./p5/addons/p5.sound.js"></scirpt>
<script src="./p5/p5.js"></script>
<scirpt src="./p5/addons/p5.dom.min.js"></scirpt>
<script src="./sketch.js"></script>
<style>
body {
overflow: hidden;
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
</body>
</html>
the js code
var song, analyzer, fft, peakDetect, peaks;
var timestamp = new Date().getTime();
var canvas;
function preload() {
song = loadSound("song.mp3");
song.play();
}
function draw() {
background(51);
}
function setup() {
canvas = createCanvas(windowWidth, windowHeight);
}
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
}
any idea why i keep getting this error all libraries are up to date