交互式多角度（缩放+平移）视频播放器答案

【问题标题】：interactiv multiangles (zoom+pan) video player交互式多角度（缩放+平移）视频播放器
【发布时间】：2017-03-19 17:36:25
【问题描述】：

我正在为我的青少年游泳队寻找一个多角度视频播放器，用于分析目的。

我想制作这样的视频：

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

这个视频播放器可以安装在电脑上（网络不重要），它可以播放像上面这样的视频。

如果您能给我一些建议，那就太好了！

最好的问候

杰罗姆

【问题讨论】：

标签： html flash video

【解决方案1】：

** 抱歉，刚刚重新阅读问题并查看了链接的播放器。下面的示例将创建一个马赛克，但不是您正在寻找的交互性。可能有商业应用程序可以在 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

【讨论】：