[发明专利]一种基于HTML5的流媒体处理方法、系统及相关组件

说明书

本申请公开了一种基于HTML5的流媒体处理方法、系统及一种电子设备和计算机可读存储介质，该方法包括：多源获取播放请求对应的第一流媒体数据，并判断第一流媒体数据是否为Fragment MP4格式；若否，则将第一流媒体数据转封装为Fragment MP4格式的第二流媒体数据；将第二流媒体数据发送至MSE，以便MSE播放第二流媒体数据。本申请提供的流媒体播放方法，通过MSE配合HTML5播放技术，实现了碎片化的流数据播放。虽然MSE仅支持Fragment MP4格式，但本申请可以将其他音视频封装格式的数据流转封装为Fragment MP4格式，实现了多种格式的流媒体数据的点播。

技术领域

本申请涉及通信技术领域，更具体地说，涉及一种基于HTML5的流媒体处理方法、系统及一种电子设备和一种计算机可读存储介质。

背景技术

在浏览器端，HTML5播放技术正快速替代以往的Flash播放技术。Flash原生支持碎片化数据传输，且可直接操作原始音视频数据，并通过NetStream的appendBytes()方法将音视频数据传递给底层解码器。而HTML5则缺少像Flash这样封装完善的多源流媒体播放方案。

因此，如何基于HTML5播放技术，实现多源流媒体播放是本领域技术人员需要解决的问题。

发明内容

本申请的目的在于提供一种基于HTML5的流媒体处理方法、系统及一种电子设备和一种计算机可读存储介质，基于HTML5播放技术，实现了多源流媒体播放。

为实现上述目的，本申请提供了一种基于HTML5的流媒体处理方法，包括：

多源获取播放请求对应的第一流媒体数据，并判断所述第一流媒体数据是否为Fragment MP4格式；

若否，则将所述第一流媒体数据转封装为Fragment MP4格式的第二流媒体数据；

将所述第二流媒体数据发送至MSE，以便所述MSE播放所述第二流媒体数据。

其中，若所述第一流媒体数据为Fragment MP4格式，则还包括：

将所述第一流媒体数据发送至MSE，以便所述MSE播放所述第一流媒体数据。

其中，所述多源获取播放请求对应的第一流媒体数据，包括：

利用CDN服务多源获取所述播放请求对应的第一流媒体数据，并将所述第一流媒体数据存入缓存。

其中，判断所述第一流媒体数据是否为Fragment MP4格式，包括：

每隔预设的时间从所述缓存中取出缓存流媒体数据，并判断所述缓存流媒体是否为Fragment MP4格式；其中，所述缓存流媒体数据包括所述第一流媒体数据。

其中，还包括：

当所述播放请求对应的流媒体数据全部播放完成时，释放所述缓存流媒体数据。

其中，将所述第一流媒体数据转封装为Fragment MP4格式的第二流媒体数据，包括：

利用Demuxer对所述第一流媒体数据进行解封装操作，并利用Remuxer将解封装得到的数据封装为Fragment MP4格式的所述第二流媒体数据。

其中，将所述第二流媒体数据发送至MSE，以便所述MSE播放所述第二流媒体数据，包括：

将所述第二流媒体数据加入等待队列中，并将所述等待队列中的待播放流媒体数据顺序发送至所述MSE，以便所述MSE解码并播放所述待播放流媒体数据；其中，所述待播放流媒体数据包括所述第二流媒体数据。

为实现上述目的，本申请提供了一种基于HTML5的流媒体处理系统，包括：