使用javascript（客户端）将来自两个不同视频的两个剪辑组合成一个视频？

Posted 2023-03-13

【中文标题】使用javascript（客户端）将来自两个不同视频的两个剪辑组合成一个视频？

【英文标题】：Combine two clips from two different videos into one video with javascript (client side)?

【发布时间】：2017-10-19 01:24:33

【问题描述】：

有人知道这是否可行吗？

我找到的最接近我正在寻找的东西是：http://bgrins.github.io/videoconverter.js/

但“文档”非常少。

【问题讨论】：

“合并”是什么意思？

分屏，或者像拼贴一样

【参考方案1】：

您可以在一个视频元素中添加 2 个视频

var myvid = document.getElementById('myvideo');
var myvids = [
  "http://www.w3schools.com/html/mov_bbb.mp4", 
  "http://www.w3schools.com/html/movie.mp4"
  ];
var activeVideo = 0;

myvid.addEventListener('ended', function(e) 
  // update the new active video index
  activeVideo = (++activeVideo) % myvids.length;

  // update the video source and play
  myvid.src = myvids[activeVideo];
  myvid.play();
);

<video src="http://www.w3schools.com/html/mov_bbb.mp4" id="myvideo"   controls style="background:black">
</video>

【讨论】：

我觉得这个回复虽然有据可查，但没有抓住重点。上面所做的只是改变了视频的'src'属性，但来源本身仍然是两个独立的视频，而不是一个组合的视频。