如何在js中播放.ogg文件

Question

每个人， 在React项目中使用waveurfer.js时遇到麻烦。 错误为：（未捕获（承诺）DOMException：无法解码音频数据） 这是我的代码：

import React, { Component } from 'react';
import WaveSurfer from 'wavesurfer.js';
import TimelinePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.timeline.min';
import MinimapPlugin from 'wavesurfer.js/dist/plugin/wavesurfer.minimap.min';

class WaveSurferWrapper extends Component {
  constructor(props) {
    super(props);
    props.init(this);
  }

  componentDidMount() {
    this.wavesurfer = WaveSurfer.create({
      container: '#waveform',
      waveColor: 'violet',
      plugins: [
        TimelinePlugin.create({
          container: '#wave-timeline',
        }),
        MinimapPlugin.create(),
      ],
    });
    this.load(this.props.url);
  }

  load(url) {
    // this.wavesurfer.loadBlob(url);
    this.wavesurfer.load('./test.ogg');
  }

  render() {
    return (
      <div id="waveform" className="wave-wrapper">
        <div id="wave-timeline" className="wave-timeline" />
      </div>
    );
  }
}
export default WaveSurferWrapper;

我不知道这是什么问题。 所以我尝试使用http另一个URL。 它发生了另一个错误： （音频：1无法加载http://xxxx/tool/query.wav?queryAudioUrl=http://xxx/speechRecord/20180825/23/test.ogg：所请求的资源上没有'Access-Control-Allow-Origin'标头。因此，不允许访问源'http://xxx.xxx.net:7001'。） 看来我的CDN服务器不支持跨源请求。 有人可以帮我吗？谢谢。