反应设置音频端监听器

Question

正如我在这里研究了一些答案一样，在React应用中添加音频的一种好方法是：

import music from '~assets'

class Audio extends Component {
  state = {...}
  audio = new Audio(music)
  ...
  this.audio.play()
  this.audio.pause()
  ...
}

实现后，我意识到除非暂停，否则无法将其设置为自动重播。 是否可以使用当前设置来执行此操作，而无需切换到显式创建<audio />标签？

PS。正如我所看到的，主要问题是我找不到连接onended侦听器的方法或找不到检查this.audio.ended的正确位置的方法。

Answer 1

该解决方案比我预期的容易得多。

在用于调用this.audio.play()的函数中，我向音频添加了{​​{1}}属性

loop