交互式多角形(缩放+平移)视频播放器

时间:2016-11-06 07:56:20

标签: html5 flash video

我正在为我的游泳青少年队寻找一个多角度视频播放器以进行分析。

我想用这样的视频制作:

http://dg5rg8rin78k3.cloudfront.net/AUDIx4/AUDIx4_1080p-4mbps-25is-high-v2.mp4

像这样的html5视频播放器:

https://www.current.fr/obs/plyr/unit/player/OmniPlayer.html?config_flash=https://www.current.fr/obs/plyr/unit/settings/audi/settings-flash.xml&config=https://www.current.fr/obs/plyr/unit/settings/audi/settings.xml

这个视频播放器可以安装在电脑上(网络并不重要),它可以播放上面的视频。

如果你能给我一些提示,那就太好了!

最好的问候

jerom

1 个答案:

答案 0 :(得分:0)

** 抱歉,只需重新阅读问题,然后查看链接的播放器。下面的示例将创建一个马赛克,但不是您正在寻找的交互性。可能有商业应用程序在PC上执行此操作,或者您可以在PC上本地运行Web应用程序并在本地计算机上显示内容。 **

如果您希望将四个视频同步,而不是使用播放器单独播放每个视频,您可能希望使用带有四个输入视频的马赛克创建单个输出视频。

您可以使用类似ffmpeg之类的内容,然后在任何支持所选视频格式的播放器(Windows Media Player,iTunes,VLC等)中播放结果

下面的示例将拍摄四个输入视频并将其排列在640x480画布上(根据您的来源的质量/尺寸,您可以适当地缩放它们。)

ffmpeg
    -i video1.mp3 -i video2.mp4 -i video3.mp3 -i video4.mp3
    -filter_complex "
      nullsrc=size=640x480 [base];
      [0:v] setpts=PTS-STARTPTS, scale=320x240 [upperleft];
      [1:v] setpts=PTS-STARTPTS, scale=320x240 [upperright];
      [2:v] setpts=PTS-STARTPTS, scale=320x240 [lowerleft];
      [3:v] setpts=PTS-STARTPTS, scale=320x240 [lowerright];
      [base][upperleft] overlay=shortest=1 [tmp1];
      [tmp1][upperright] overlay=shortest=1:x=320 [tmp2];
      [tmp2][lowerleft] overlay=shortest=1:y=240 [tmp3];
      [tmp3][lowerright] overlay=shortest=1:x=320:y=240
    "
    -c:v libx264 videoMosaic.mp4