开发者问题收集

React/NextJS - 音频播放器

2020-08-06
3527

我需要使用 mp3 端点网址 来流式传输音频。

我是音频流式传输的新手,所以我真的需要一些帮助。提前致谢。

这是我尝试过的:

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>
    )
};

Error : TypeError: Cannot add property src, object is not extensible

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

1个回答

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

来自 文档

a reference to the node becomes accessible at the current attribute of the ref.

因此它将是 player.current.src

Brian Thompson
2020-08-06