我尝试在react-js上播放声音，但无法启动。在获取InitialState之前，我已在我的reactClass中初始化了声音变量：

var App = React.createClass({
audio: new Audio('files/audio.mp3'),getInitialState: function () {
return {
  playSound: false,........
 }
}

这是我用于启动和停止的功能：

   playSound: function() {
if(!this.state.playSound){
    this.setState({
        playSound: true,},function(){
      console.log("play sound 1");
      this.audio.play();
      console.log("play sound 2");
    });
}
},stopSound: function() {
if(this.state.playSound){
    this.setState({
        playSound: false,function(){
        console.log("stop sound 1");
        this.audio.pause();
        console.log("stop sound 2");
    });
}
},

但是我得到了这个答案：

react-app.js:346 Uncaught (in promise) DOMException: The element has no supported sources.

我已经尝试过同时使用.mp3和.wav文件。但它不会开始。我究竟做错了什么？

!!!! 编辑：还尝试添加HTML项：

  <audio id="beep" loop>
         <source src="files/ring.wav" type="audio/wav" />
      </audio>

并使用以下开始/停止：

  playSound: function() {
if(!this.state.playSound){
    this.setState({
        playSound: true,function(){
      console.log("play sound 1");
      var audioElement = document.getElementById('beep');
      audioElement.setAttribute("preload","auto");
      audioElement.autobuffer = true;
      audioElement.load();
      audioElement.play();
      console.log("play sound 2");
    });
}
},function(){
        console.log("stop sound 1");
        var audioElement = document.getElementById('beep');
        audioElement.pause();
        console.log("stop sound 2");
    });
}
},

然后我在启动时没有错误，但是没有启动。当我按下暂停时，我得到：

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause().

!!!! 编辑2：

我还注意到，如果设置按钮，则可以播放声音。如果我打开文件管理器，请转到index.html并将其打开，即可正常运行。如果我从webpack-
server尝试页面：localhost：8000 / app /
index.html，它将无法正常工作。得到相同的DOMException。为什么是这样？

setonCompletionListener(MediaPlayer.OnCompletionListener listener)

setonErrorListener(MediaPlayer.OnErrorListener listener)

setonPreparedListener(MediaPlayer.OnPreparedListener listener)

private SoundPool soundPool;
soundPool= newSoundPool(10,AudioManager.STREAM_SYstem,5);
soundPool.load(this,R.raw.collide,1);
soundPool.play(1,1,1);

Soundplayer x = new Soundplayer();
x.soundLocation = "WindowsBalloon.wav";
//x.Play();
x.PlaySync();

解决方法

<embed height="100" width="100" src="horse.mp3" />

<object height="100" width="100" data="horse.mp3"></object>

<audio controls="controls" height="100" width="100">
  <source src="horse.mp3" type="audio/mp3" />
  <source src="horse.ogg" type="audio/ogg" />
  <embed height="100" width="100" src="horse.mp3" />
</audio>

解决方法

<audio src="/music/good_enough.mp3">
<p>If you are reading this,it is because your browser does not support the audio element.     </p>
</audio>

<audio src="/music/good_enough.mp3" controls>
<p>If you are reading this,it is because your browser does not support the audio element.</p>
</audio>

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" />

#import <AVFoundation/AVFoundation.h>

[self runAction:[SKAction playSoundFileNamed:@"fire.m4a" waitForCompletion:NO]];

Terminating app due to uncaught exception 'Missing Resource',reason: 'Resource fire.m4a cannont be found in the main bundle'

解决方法

copy items into destination group...