我正在尝试将文件上传服务Filepicker.io集成到我已经制作的processing.js草图中。它在本地功能齐全,您可以在其中从计算机中选择音频源,并使用此音频做一些神奇的事情。现在我想让用户在本地选择一个文件(不上传)并在线处理相同的文件,但我无法让它工作来读取文件(我可以获得文件的 api-key)
我的index.html
<!DOCTYPE html>
<html>
<head>
<script src="processing-1.4.1.min.js"></script>
<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script>
</head>
<body>
<input type="filepicker" data-fp-apikey="*******"
data-fp-mimetypes="audio/wav, audio/mpeg" data-fp-container="modal"
data-fp-services="BOX,COMPUTER,DROPBOX"
onchange="alert(event.fpfile.url)">
<canvas data-processing-sources="minimFFT_test.pde Freqdot.pde Spec.pde"></canvas>
</body>
</html>
我的minimFFT_test.pde
,请注意下面的minim.loadFile()
(javadoc)方法:
import ddf.minim.analysis.*;
import ddf.minim.*;
Minim minim;
AudioPlayer song;
void setup() {
size(960, 1000);
minim = new Minim(this);
//***it should read here the path to the selected file***
song = minim.loadFile(PATHTOFILE);
song.loop();
}