如何在我的 react 网站聊天中添加通知声音

问：

我在我的 react 项目中使用 getstream 进行聊天，如果我在不同的选项卡上并且有人在我的网站上向我发送消息，我想收到通知声音，我该怎么做？

    channel?.on('message.new', () => {
      playSound();
    })

我尝试使用我在他们的文档中找到的这段代码来做到这一点，但每当我第一次登录时，这都会给我一个声音;但我只希望在那一刻有人给我发消息并且我打开了网站时播放声音