码迷,mamicode.com
首页 > Web开发 > 详细

videojs修改播放器样式并实现四路动态播放rtmp流视频

时间:2018-03-26 17:57:33      阅读:1568      评论:0      收藏:0      [点我收藏+]

标签:body   切换   实现   video   需求   rtm   应该   一个   视频流   

  接了个无人机的项目,负责视频播放这一块,选用的是video.js这个视频插件,本以为可以开开心心的开发,谁怎料网上有关这部分的资料如此之少,给我这个伸手党给予了重大压力。好了,不说废话了。

  项目的需求为实现一个能四路播放的播放器,能播放无人机拍摄的实时画面,并且能够做到局部刷新而不影响整个页面,并且要能够动态的切换视频流的来源,比方说有一架无人机在你播放视频时起飞了,那么你所能切换的视频流中就应该具备该无人机的rtmp流。

  实现过程,化大为小,不断迭代,先实现一路播放,再扩展为四路,再实现无刷新重载,最后实现动态切换视频源

   最终效果如下:

  

  

videojs修改播放器样式并实现四路动态播放rtmp流视频

标签:body   切换   实现   video   需求   rtm   应该   一个   视频流   

原文地址:https://www.cnblogs.com/wxrqforever/p/8652397.html

(2)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!