如何从组件里控制audio标签

Question

<player-full></player-full> 全屏播放器
<player-mini></player-mini> 迷你播放器
<audio ref="audioRef"></audio>
我想把全屏播放器和迷你播放器，都封装成组件，共同控制Audio标签。
就是上面的结构那样，求老师指导这样做可不可行？
我搞了半天不知道怎么从组件里拿到Audio，总是会出现问题。

Answer 1

ustbhuangyi 2022-02-16 15:28:11

player 组件内部包括了 audio 标签，是一个单例。而 player 组件内部包括 player-mini 组件，它包含结构 dom 和其它 props，而不需要了解 audio 标签。
我感觉不需要多个 audio 标签。