如何在浏览器中编辑(修剪)视频?

时间:2016-08-06 16:46:40

标签: javascript html5 dom browser html5-video

我正在尝试从开头或结尾修剪浏览器中的视频长度。我现在拥有的MediaStream正在使用MediaRecorder API进行录制,我用它在录制结束时生成一个Blob,类型设置为' video / mp4'。这很好用,我能够播放视频,但是我想在开始或结束时修剪视频。

在对MediaStream API进行进一步调查后,我遇到了SourceBuffer对象,您可以从MediaStreamTrack获取该对象并使用它来删除时间片,这正是我想要的。但是我不确定如何从视频(blob)获取MediaStreamTrack,因为video.srcObject属性返回null。

1 个答案:

答案 0 :(得分:3)

  

我正试图在浏览器中修剪视频的长度   无论是开始还是结束。

您可以使用Array.prototype.slice()删除一秒钟{1}数据块或其他时间范围内的blob块,这些数据块包含blob推送到1000ms {的数组的数组末尾{1}}事件。使用参数MediaRecorder调用dataavailable .start()的位置,设置记录数据的每个记录MediaRecorder1000

方法使用https://github.com/samdutton/simpl/tree/gh-pages/mediarecorder的修改版本。添加了Blob个元素,可以使用1000ms

从录制的视频中删除<input type="number">的块,以便进行播放和下载

html

1s

的javascript

.slice()

plnkr https://plnkr.co/edit/LxuV5jMX0RZtDxOxT1qa?p=preview