javascript - React/NextJS - 音频播放器

Question

我需要使用mp3 端点 url流式传输音频。

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

这是我尝试过的：

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，对象不可扩展

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

标签： javascriptreactjsreact-redux

Answer 1

您需要访问currentref 上的属性。

从文档：

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

所以它会player.current.src。