[发明专利]一种基于HTML5播放TS视频的方法及系统

说明书

本发明公开了一种基于HTML5播放TS视频的方法及系统，方法包括：检测到web端的TS视频播放请求，获取服务器端返回的TS视频对应的TS文件；其中所述web端是基于HTML5技术构建的；调用web端的TS解码模块，根据TS解码模块对TS文件进行解码；获取解码后对应的TS视频数据，通过媒体源扩展技术对TS视频数据进行处理，生成媒体源数据；将媒体源数据发送至HTML5自带的播放器标签进行播放，完成TS视频的播放。本发明实施例只要在播放的web页面第一次加载过程中，引入TS解码脚本模块，就可以实现播放TS文件，从而在web页面中不安装FLASH播放器也可实现TS格式视频的播放，提升用户体验。

技术领域

本发明涉及视频播放技术领域，尤其涉及一种基于HTML5播放TS视频的方法及系统。

背景技术

随着互联网的发展，基于B/S架构的web应用逐渐多起来。在这些应用中，音视频播放的应用场景越来越多，在web上进行点播与直播已经成为互联网的主流方式，用户可以轻松在网页上点击播放各种各样的视频。H5的video标签支持播放文件格式有限，可以播放MP4/Ogg/WebM三种，其中TS文件格式的视频比较清晰，有很多还是保留着TS格式的文件，需要用web端去播放，所以需要寻找一种方法能在web端播放TS文件格式是必要的。

现有技术中在web中播放TS格式音视频的方法是通过Flash播放器，需要依赖Flash播放器，若web中未安装Flash播放器，则无法播放TS视频，为用户带来了不便。

因此现有技术还有待于进一步发展。

发明内容

针对上述技术问题，本发明实施例提供了一种基于HTML5播放TS视频的方法及系统，能够解决现有技术中若web中未安装Flash播放器，则无法播放TS视频，为用户带来了不便的技术问题。

本发明实施例的第一方面提供一种基于HTML5播放TS视频的方法，包括：

检测到web端的TS视频播放请求，获取服务器端返回的TS视频对应的TS文件；其中所述web端是基于HTML5技术构建的；

调用web端的TS解码模块，根据TS解码模块对TS文件进行解码；

获取解码后对应的TS视频数据，通过媒体源扩展技术对TS视频数据进行处理，生成媒体源数据；

将媒体源数据发送至HTML5自带的播放器标签进行播放，完成TS视频的播放。

可选地，所述检测到web端的TS视频播放请求，获取服务器端返回的TS视频对应的TS文件，包括：

检测到web端的TS视频播放请求，通过JS提供的请求方式，调用后台下发的API接口和参数，将TS视频播放请求发送至服务器；

获取服务器返回的TS视频对应的TS文件。

可选地，所述调用web端的TS解码模块，根据TS解码模块对TS文件进行解码，包括：

根据TS文件，提取出音频编码和视频编码；

将音频编码和视频编码按照标准的MP4协议，合并成MP4视频片断。

可选地，所述获取解码后对应的TS视频数据，通过媒体源扩展技术对TS视频数据进行处理，生成媒体源数据，包括：

获取解码后生成的MP4视频片断，通过JS新建一个媒体源扩展的对象，所述对象为媒体源数据。

可选地，所述将媒体源数据发送至HTML5自带的播放器标签进行播放，完成TS视频的播放，包括：

将媒体源扩展作为ObjectURL附加至HTML5自带的播放器标签上；