reactjs - React，有没有办法在 useEffect 上播放声音？

Question

我安装了use-sound，

const [ play ] = useSound(sound, {interrupt: true})

然后我想在数据发生变化时播放声音

useEffect(() => {
    if (prevData.length < newData.length) {
      play()
    }
  }, [ prevData,newData ])

这很奇怪，因为有时它会起作用.. 在本地比在网上更常见..

实际上，即使窗口不在焦点上，我也想播放声音。在这种情况下，有时它再次起作用..

但我不明白为什么这不稳定，因为设置非常简单。

Answer 1

我认为如果你只为声音制作单独的组件会更好:sandbox .

import { useEffect } from "react";
import useSound from "use-sound";
import beep from "./beep-08b.mp3";

export default function Sound({ counter }) {
  const [play] = useSound(beep, { interrupt: true });

  useEffect(() => {
    play();
  }, [counter, play]);
  return null;
}