如何实现多镜头画中画网络直播

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实现多镜头画中画网络直播相关的知识,希望对你有一定的参考价值。

实现高清直播的系统流媒体软件很多,但是带有画中画的却少见。八百里流媒体服务器系统+ flash 画中画叠加功能的播放器实现得还是非常不错。

 

应用场景

 

豪车驾驶测试系统,需要3路信号进行互联网直播。2路测试场地信号和一路电脑桌面信号抓取。3路信号A,B,C两两为一组,以画中画形式呈现在播放器中。

 

应用需求

 

◎ Flash RTMP协议播放;

◎ 多镜头的画中画效果;

◎ 支持PC端RTMP协议播放;

◎ PC端观看延时1秒内;

◎ 支持手机端网页单镜头观看;

◎ 画中画小视窗可以在大视窗任意移动;

◎ 播放器可以嵌入网页中直播使用,并提供接入html代码;

◎ 播放器大小可以进行HTML中的参数大小调整。

延迟刷新功能:在直播网络服务器设定为缓冲2秒,正常的网络情况下播放端应该是延迟2秒钟。如果因客户端网络偶尔出现问题,会导致播放时间延迟了超出5秒,甚至更长时间。这种情况是偶尔出现网络问题所导致。当网络恢复正常情况后,播放仍然是延迟的。因此通过刷新来保持最低的播放延迟。

◎ 画中画镜头切换。切换模式:AB,AC,CB。每种模式下,双击便可以大小屏幕切换。

 

 

效果图展示

 

技术分享

 

输出嵌入网页代码展示

 

 

技术分享

 

所需硬件和软件清单

 

硬件

网络摄像头

2

采取2个场地画面

笔记本电脑

1

电脑桌面供抓取

服务器

1

安装流媒体系统直播软件

软件

流媒体服务器系统

1

直播数据分发和大并发承载

定制的播放器

1

PC端 Flash RTMP播放

直播编码器软件

1

抓取笔记本桌面直播

 

 

实际播放效果展示

 

技术分享

 

 

了解更多关于八百里流媒体服务器系统:

http://www.800li.net/index.php?s=/Home/Website/lists/p/1.html


本文出自 “八百里流媒体系统” 博客,请务必保留此出处http://800li.blog.51cto.com/12735968/1912131

以上是关于如何实现多镜头画中画网络直播的主要内容,如果未能解决你的问题,请参考以下文章

iOS 9 用于播放直播视频的画中画问题

如何使用 captureStillImageAsynchronouslyFromConnection 实现多镜头(iOS AVFoundation)

直播如何推流

虎牙直播在AI实时剪辑技术上的创新实践

Android音视频通话过程中最小化成悬浮框的实现(类似Android8.0画中画效果)

uniapp 画中画悬浮窗(视频) Ba-VideoPip