[发明专利]一种基于浏览器的视频合成方法、系统、储存装置

说明书

本发明涉及一种基于浏览器的视频合成方法、系统、储存模块，包含以下步骤：在浏览器中创建画布元素，将待合成图像集导入所述画布元素中；在浏览器中创建音频元素，设置所述音频元素的音频源或者导入音频源到所述音频元素；从所述画布元素中捕获图像流，从所述音频元素中捕获音频流；将所述音频流和所述图像流合并，得到媒体流；调用浏览器的录制函数对所述媒体流进行录制，得到合成视频。本申请通过创建画布元素，并将待合成图像集导入画布元素中，可以在浏览器中将一张张图像拼接成一个视频，同时通过创建音频元素并获取音频，从而能够获得音频。最后将视频和音频合并并导入到录制函数中，从而解决了现有浏览器无法合成视频的技术问题。

技术领域

本发明涉及浏览器视频合成领域，具体指有一种基于浏览器的视频合成方法、系统、储存装置。

背景技术

浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符(Uniform Resource Identifier，URI)所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接(Hyperlinks)，通过浏览器浏览互相关联的信息。

现有的浏览器提供的多媒体能力多种多样，例如可以使用HTML5原生的video标签，调用相应的解码器，对视频进行播放，或者是通过调用MediaRecorder函数对网页中的内容进行录制。但是，现有的浏览器并未提供合成/产生视频的能力。

针对上述的现有技术存在的问题设计一种基于浏览器的视频合成方法、系统、储存装置是本发明研究的目的。

发明内容

针对上述现有技术存在的问题，本发明在于提供一种基于浏览器的视频合成方法、系统、储存装置，能够有效解决上述现有技术存在的问题。

本发明的技术方案是：

一种基于浏览器的视频合成方法，包含以下步骤：

在浏览器中创建画布元素，将待合成图像集导入所述画布元素中；

在浏览器中创建音频元素，设置所述音频元素的音频源或者导入音频源到所述音频元素；

从所述画布元素中捕获图像流，从所述音频元素中捕获音频流；

将所述音频流和所述图像流合并，得到媒体流；

调用浏览器的录制函数对所述媒体流进行录制，得到合成视频。

进一步地，所述将所述音频流和所述图像流合并包含：

提取所述音频流的音频轨道，将所述音频轨道和所述图像流合并；

或者提取所述图像流的图像轨道，将所述图像轨道与所述音频流合并。

进一步地，所述待合成图像集包含若干待合成画面，若干所述待合成画面按照时间序列排列。

进一步地，所述在浏览器中创建音频元素包含：

在浏览器中通过HTML Audio Element接口创建音频元素。

进一步地，所述从所述画布元素中捕获图像流，从所述音频元素中捕获音频流包含：

获取预先设置的起始时刻，从所述起始时刻开始从所述画布元素中捕获图像流，从所述起始时刻开始从所述音频元素中捕获音频流。

进一步地，在浏览器中调用canvas.captureStream函数从所述画布元素中捕获所述图像流，在浏览器中调用audio.captureStream函数从所述音频元素中捕获音频流。

进一步地，在浏览器中调用audio.getAudioTracks函数提取所述音频流的音频轨道。