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