如何仅通过一个媒体源使用多个videogular2播放器

Vir*_*111 6 videogular angular

我有一个videogular2用于运行音频文件的angular 6应用程序。包含vg-player(父组件)的组件是ngSwitch语句的一部分,因此是?可以销毁的组件。

当视图更改时,我需要在后台运行音频。但是,当视图改变时,播放器的所有者将被破坏。

我无法更改这种复杂的开关逻辑,也无法隐藏组件。

我看到的唯一选项是在视图中显示播放器的控件(播放,暂停,音量和进度条),但播放器的源将放置在当前父项持有者组件之外。这样,当视图被破坏时,音频将保留在背景中。


因此,出现了一个确切的问题:我可以创建与媒体源同步的“模拟”控件吗?有一个单例服务为玩家提供整个沟通,但我想的主要问题是进度条。

  • 1-我可以只显示没有视频标签的播放器控件吗
<video id="singleVideo"
  [muted]="isMuted"
  preload="auto"
  [vgMedia]="media"
  playsinline>
  <source [src]="videoSrc" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)
  • 2-如果可能,控件是否可以通过服务与源同步

总结:
-是否可以将多个不同的视图(仅保留播放器的控件)链接到一个源?
-将源放置在视图之外?
-要同步进度条吗?
-如果一个视图被破坏,剩下的视图将保留下来,并且从每个视图可以命令媒体播放器使用?
-在某些命令上要同步所有控件?

先感谢您!我认为这是非常合法的用例,值得观察。