JavaScript中的波形
我正在尝试使用wavesurfer.js： 我看到的不是波形，而是一条垂直线：JavaScript中的波形,javascript,html,web-audio-api,waveform,Javascript,Html,Web Audio Api,Waveform,我正在尝试使用wavesurfer.js： 我看到的不是波形，而是一条垂直线： 声音文件sound.mp3包含12秒的人类语音。是否有错误？除了加载资源失败之外，波形似乎没有附加到DOMNo错误：在此服务器上找不到请求的URL。对于file:///build/wavesurfer-js-map.json.Are 你是从硬盘上打开的吗？因为XMLHttpRequest无法加载file:///sound.mp3. 仅HTTP支持跨源请求。你应该把它从server@Cheery谢谢你的回复。是的，这是
声音文件sound.mp3包含12秒的人类语音。是否有错误？除了加载资源失败之外，波形似乎没有附加到DOMNo错误：在此服务器上找不到请求的URL。对于file:///build/wavesurfer-js-map.json.Are 你是从硬盘上打开的吗？因为XMLHttpRequest无法加载file:///sound.mp3. 仅HTTP支持跨源请求。你应该把它从server@Cheery谢谢你的回复。是的，这是本地文件。你从哪里得到那个错误消息的？@再次谢谢你！
<!DOCTYPE html>
<html>
<body>
<div id="waveform" style="width: 500px; height: 200px;"></div>
<script src="wavesurfer.min.js"></script>
<script>
var wavesurfer = Object.create(WaveSurfer);
document.addEventListener('DOMContentLoaded', function () {
wavesurfer.init({
container: document.querySelector('#waveform'),
waveColor: 'violet',
progressColor: 'purple',
normalize: true
});
wavesurfer.load('sound.mp3');
})
</script>
</body>
</html>