React/NextJS - 音频播放器

Question

我需要使用mp3 端点 url来 stream 音频。

我是音频流的新手，所以我真的可以使用一些帮助。 提前致谢。

这是我尝试过的：

const SongRow = ({ track }) => {
    const player = useRef();
    const playSong = () => {
        player.src = track.preview_url;
        player.play();
    }
    return (
        <div className="songRow" onClick={() => playSong()}>
            <audio ref={player} />
            <div className="songRow__info">
                <h1>{track.name}</h1>
            </div>
        </div>
    )
};

错误：TypeError：无法添加属性 src，object 不可扩展

我不确定我应该如何进行。 也找不到与此和功能组件相关的任何相关文档。

Answer 1

您需要访问 ref 上的current属性。

从 文档：

在 ref 的current属性处可以访问对节点的引用。

所以它将是player.current.src 。