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

Posted

tags:

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

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

 

应用场景

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

 

应用需求

Flash RTMP协议播放;

◎ 多镜头的画中画效果;

◎ 支持PCRTMP协议播放;

PC端观看延时1秒内;

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

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

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

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

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

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

效果图展示

技术分享

输出嵌入网页代码展示

技术分享

所需硬件和软件清单

技术分享

实际播放效果展示

技术分享

本文出自 “12894099” 博客,请务必保留此出处http://12904099.blog.51cto.com/12894099/1926529

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

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

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

直播如何推流

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

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

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