[发明专利]一种浏览器无插件视频直播方法

说明书

技术领域

本发明涉及浏览器中视频播放方法，具体涉及一种浏览器无插件视频直播方法。

背景技术

在Web页面中进行视频直播，目前主要的解决方案主要有：

在浏览器中安装自定义开发的activex和npapi插件的方式，通过插件进行视频直播，但该方案存在不同的浏览器需要安装不同的插件，不同操作系统需要不同的插件，32位与64位浏览器也存在不同版本的插件，版本多，各个版本不能很好的兼容，需要每个客户端都设置浏览器安全性，而且在新版本的浏览器中逐渐淘汰activex和npapi插件的支持，在移动端中也不支持该插件技术，无法再移动端浏览器中使用该技术进行视频直播。

使用rtmp协议+pc客户端浏览器中普遍预装的flash插件的方式，但该方案因为使用的是rtmp协议和第三方的flash控件因此需要做自定义扩展时相当复杂与困难，同时不支持移动端Web浏览器进行直播。

使用hls协议的方式，无需安装第三方插件，通过html5的video标签进行播放，但该方案播放延迟通常大于10秒，不能有效降低直播时的延迟。

以上方案都无法做到在Web浏览器中统一进行低延迟的视频直播，特别是在移动端的Web浏览器中。

发明内容

本发明的目的在于克服现有技术的不足，提供一种浏览器无插件视频直播方法，用于在跨平台的多种Web浏览器中统一、便捷、低延迟的进行视频直播。

本发明的目的是通过以下技术方案来实现的：

一种浏览器无插件视频直播方法，其特征在于包括以下步骤：

S01：服务端获取视频编码流；

S02：服务端使用Websocket传输视频编码流给Web浏览器端，Web浏览器端使用Websocket接收视频编码流；

S03：Web浏览器端使用javascript对视频编码流进行解码；

S04：浏览器运用canvas+WebGL进行实时视频图像展示，即视频播放。

进一步的，所述的步骤S01服务端获取视频编码流包括使用中间件技术获取视频编码流或从网络直接获取视频编码流或通过本地摄像机直接获取视频原始数据。

进一步的，所述的步骤S01中还包括将获取的视频编码流进行解包为标准裸码流，将标准裸码流重新打包成视频编码流并进入步骤S02；

若视频编码流是不可解包为标准裸码流，调用相应码流解码器解码，再编码为标准裸码流，将标准裸码流重新打包成视频编码流并进入步骤S02。

进一步的，所述的将标准裸码流打包具体操作如下：

使用视频封装格式将每一帧的视频流数据和对应该帧视频流数据需要携带的信息封装序列化为一个个消息，供后续进行传输。

进一步的，所述的步骤S02的具体操作如下：

服务端实现Websocket协议，将视频编码流通过Websocket协议传输到Web浏览器端，Web浏览器端通过javascript支持的Websocket对象主动连接服务端，并实时的接收服务端传输过来的视频编码流。

进一步的，所述的步骤S03具体操作如下：

在Web浏览器中通过javascript库，将视频编码流解封装，获取到完整的每一帧标准裸码流；使用emscripten将c语言编写的标准解码库进行转换为javascript语言的解码库，使得在Web浏览器中可以使用javascript对标准裸码流进行解码，使用javascript将解封装后的标准裸码流进行解码，获取到图像原始数据。

进一步的，所述的步骤S04具体操作是：Web浏览器中使用WebGL将解码后的图像原始数据绘制到canvas上，完成实时视频图像展示。

进一步的，本方法中使用的标准通用标记语言是超文本标记语言html5标准。。

本发明的有益效果是：本发明主要用于解决在浏览器中进行视频直播需要安装浏览器插件的问题；本发明使用标准Websocket进行视频数据流传输，使用javascript进行视频解码，使用WebGL在canvas中进行视频显示。使用本发明的技术方案，在支持Websocket、WebGL和canvans的Web浏览器中，无需安装第三方浏览器插件，进行视频直播，无论浏览器是32位还是64位，无论操作系统是windows、linux、ios、andriod。

附图说明

图1是本发明的流程图；

图2是实施例1的流程图。

具体实施方式