一种基于HTML5浏览器的音视频直播方法与流程

文档序号:12132620阅读:来源:国知局

技术特征:

1.一种基于HTML5浏览器的音视频直播方法,其特征在于,包含以下步骤:

步骤S1、网络服务器通过WebRTC建立主播端浏览器和用户端浏览器之间的通信连接;

步骤S2、用户端浏览器接收和处理主播端发送的直播数据。

2.如权利要求1所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的主播端浏览器和用户端浏览器都采用HTML5浏览器。

3.如权利要求2所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的步骤S1具体包含以下步骤:

步骤S1.1、主播登录主播端浏览器,与网络服务器建立WebSocket连接,通过Media Stream API浏览器接口获取来自主播端设备的音视频数据流;所述的音视频数据流包含:音频轨道和视频轨道;

步骤S1.2、用户登录用户端浏览器,与网络服务器建立WebSocket连接;

步骤S1.3、网络服务器建立主播端和用户端之间的信道;

网络服务器使用ICE框架来实现NAT穿越,建立信道在主播端和用户端之间传递信令。

4.如权利要求3所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的步骤S1.1中,所述的主播端设备包含:连接Media Stream API浏览器接口的摄像头和话筒。

5.如权利要求3所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的步骤S1.3中,所述的信令包含:

会话信息:用来初始化通信和报错;

网络配置:IP地址和端口;

媒体适配:发送方和接收方的浏览器能够接受的编码器和分辨率。

6.如权利要求2所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的步骤S2包含以下步骤:

用户端浏览器接收并展示主播端发送的直播数据;

用户端浏览器处理弹幕数据。

7.如权利要求6所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的用户端浏览器接收并展示主播端发送的直播数据的步骤具体包含:

用户端浏览器通过RTC Peer Connection API浏览器接口接收主播端发送的音频流和视频流,并通过HTML5浏览器的Video标签展示音频流和视频流;

用户端浏览器通过RTC Data Channel API浏览器接口接收并展示主播端发送的文字数据。

8.如权利要求7所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的文字数据包含:文件和弹幕消息,通过弹幕层展示弹幕消息。

9.如权利要求6所述的基于HTML5浏览器的音视频直播方法,其特征在于,所述的用户端浏览器处理弹幕数据的步骤具体包含:

用户端浏览器通过RTC Data Channel API浏览器接口发送弹幕消息给主播端;

用户端浏览器通过WebSocket连接发送弹幕消息给网络服务器。

10.如权利要求2-9中任意一项所述的基于HTML5浏览器的音视频直播方法,其特征在于,网络服务器还通过WebSocket连接给用户端浏览器发送其他用户端发送的弹幕消息,用户端浏览器通过弹幕层展示弹幕消息。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1