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

时间:2019-06-17 12:43:58

标签: angular videogular

我有一个使用videogular2的angular 6应用程序,用于运行音频文件。持有vg-player的组件(父组件)是ngSwitch语句的一部分,因此是一个可以销毁的组件。 最近的要求是,当视图改变时,音频必须在后台模式下运行。但是,当视图改变时,播放器的所有者将被破坏。由于逻辑是非常复杂的行为的一部分,因此无法更改逻辑。该组件无法保持隐藏状态。 我看到的唯一选项是在视图中显示播放器的控件(播放,暂停,音量和进度条),但播放器的源将放置在当前父容器组件的外部。这样,当视图被破坏时,音频将保留在背景中。


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

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

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

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

0 个答案:

没有答案