视频叠加-实现画中画的效果

[jeremyjia]

需求：升级剧本的协议实现基本的画中画效果

• [x] 批处理方式提供用例 (黄老师已提供有关ffmpeg的用例）
• [x] 将调试好的命令集成到后端
• [x] 实现方式有很多，这里采用后端Spring boot程序调用python插件来完成
• [x] 目前只实现了叠加一个视频, pull request https://github.com/jeremyjia/Games/pull/1060
• [x] 测试剧本及用例：https://jeremyjia.github.io/Games/Spring/script/video25.json http://localhost:8080/image/json2video?script=video25.json

[jeremyjia]

黄老师提供的命令作为参考

ffmpeg -i v1.mp4 -i v2.mp4 -filter_complex "[1:v]trim=start=0:end=5,setpts=PTS-STARTPTS[v1]; [1:v]trim=start =5:end=10,setpts=PTS-STARTPTS-5[v2]; [0:v][v1]concat=n=2:v=1:a=0[bg]; [bg][v2]overlay=W-w-10:H-h-10:enable='between(t,5,10)'" -c:v libx264 -preset veryfast -crf 23 output.mp4

[jeremyjia]

剧本协议设计

插件名称，叠加的小视频，叠加的起止时间，叠加的位置坐标，坐标如果为-1则叠加到右下角

    "overlay":{
      "script": "overlayVideo.py",
      "video": "https://littleflute.github.io/blog/mp4/%E6%BC%82%E6%B3%8A%E8%80%85%E4%B9%90%E5%9B%AD_20180321_131927.mp4",
      "left": "100",
      "top": "200",
      "start": "1",
      "end": "15"
    }

[jeremyjia]

https://github.com/jeremyjia/Games/assets/17973348/8c6b96f5-6bed-4c10-bff6-18c5e172d87e

[jeremyjia]

顺带实现了LRC歌词满天飞效果并修复了一些LRC歌词解析的问题，以光阴的故事为例子： #1061

[jeremyjia]