作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试了解 p5 并一直在学习教程 (https://p5js.org/reference/#/p5.SoundFile)。
function preload() {
soundFormats('mp3', 'ogg');
mySound = loadSound('assets/cam.mp3');
}
function setup() {
mySound.setVolume(0.1);
mySound.play();
}
除了切换到我自己的测试歌曲之外,我已经逐字遵循了文档。当我在我的 repl.it 上运行它时 https://repl.it/@JacksonEnnis/Coloquial我收到一条错误消息,指出 “ReferenceError: soundFormats is not defined”
。但是,我知道此功能已定义,因为它来自文档。我用谷歌搜索了这个问题,但这似乎不是一个常见的问题。
如果有人明白为什么会这样,请向我解释一下,以便我学习。
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript" type="text/javascript" src="path/to/p5.sound.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>
<script src="script.js"></script>
</body>
</html>
最佳答案
只是总结评论。这是有效的解决方案:
<!doctype HTML>
<html>
<head>
<html><head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/addons/p5.sound.js"></script>
</head>
<body>
<script>
function preload() {
soundFormats('ogg', 'mp3');
mySound = loadSound('https://ia802508.us.archive.org/5/items/testmp3testfile/mpthreetest.mp3');
}
function setup() {
mySound.setVolume(1);
// mySound.play();
mySound.loop();
}
</script>
</body>
</html>
如您所见:还必须包含 p5.sound.js 文件。它必须是有效路径,并且必须在 p5.js 之后加载。
soundFormats 是 p5.sound.js 中定义的函数。如果此 javascript 文件未正确加载,则会出现错误消息“soundFormats is not defined”。
关于javascript - 引用错误 : soundFormats is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57064681/
我正在尝试了解 p5 并一直在学习教程 (https://p5js.org/reference/#/p5.SoundFile)。 function preload() { soundFormats
我是一名优秀的程序员,十分优秀!