TSINGSEE青犀视频使用Vue.js搭建前端启动后共享屏幕无法获取音视频流问题解决
TSINGSEE青犀视频云边端架构产品的前端搭建大多是通过Vue来完成的，Vue的核心库只关注视图层，非常容易与其它库或已有项目整合，并且有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
TSINGSEE青犀视频在开发基于webrtc架构的新产品，前端也是用到Vue.js，但是测试时在使用vue运行本地浏览时，点击播放视频的按钮，出现报错：“getDisplayMedia” of undefined，导致无法调用浏览器原生api，出现不了获取屏幕流。
分析问题
1、使用navigator.getDisplayMedia仅在chrome74和firefox68及以上版本中可用；
2、报错时使用的是http，导致环境不安全问题，是没有navigator.getDisplayMedia方法，请使用https加密证书。
因此我们可以得知本次问题因为使用的是VUE运行本地服务，导致没有https加密证书；要解决上述问题，必须启动https或者localhost服务。所以要找到vue的配置项，改成locahost服务。
解决问题：
1、升级浏览器到最新版
2、vue中配置项修改
如下图：
添加host为本地。最终效果如下，出现共享屏幕：
TSINGSEE青犀视频开发了很多优秀的视频平台，比如EasyNVR、EasyGBS等，其中特别讲一下EasyGBS，EasyGBS的前端同样依托于Vue框架搭建，能够支持GB28181协议，并且可以通过GB28181协议进行级联，获取第三方平台的全部或者部分能力。
如果大家有兴趣，可以联系我们了解，TSINGSEE青犀视频云边端架构视频平台都提供为期30天的免费试用时间，欢迎大家测试！
TSINGSEE青犀视频使用Vue.js搭建前端启动后共享屏幕无法获取音视频流问题解决相关推荐
- TSINGSEE青犀视频云边端架构产品运行后加密机可以断电断网吗？
TSINGSEE青犀视频云边端架构产品都是需要授权使用的,很多选择加密机的用户在收到加密机后,需要对照使用文档进行加密机配置,配置成功后平台才能正常授权成功. 但是,有的用户反映加密机在运行几天之后, ...
- EasyPlayer.js支持VR视频播放，TSINGSEE青犀视频全力打造网页VR生态圈
由于VR行业的火热已经蔓延到除音视频外的各项行业中,我们也不断在网页视频实现VR播放上面投入开发.目前TSINGSEE青犀视频前段时间刚刚攻克了网页视频播放器EasyPlayer.JS实现VR视频播放 ...
- 【智慧酒店解决方案】TSINGSEE青犀视频基于流媒体技术EasyDSS搭建酒店IPTV直播/点播平台
一.背景分析 随着现代社会的快速发展,越来越多的顾客希望在酒店享受个性化和信息化的服务.因此,对于一二线城市的新型星级酒店而言.迫切需要为客人提供高品质的影音体验,完备的个性功能,智能对接酒店管理系统 ...
- VR普及成视频主流，TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发
VR+行业是下一代计算平台的应用发展趋势,VR与视频直播的结合更是未来的主流方向.为了使各行业快速应用VR视频,TSINGSEE青犀视频正在着力研发关于网页视频VR播放的新项目,打造新型的VR视频云服 ...
- TSINGSEE青犀视频官网全新改版即将上线，系统界面迎来整体升级
TSINGSEE青犀视频团队作为专业视频平台的开发团队,目前已经有了不少的视频平台开发经验,支持RTSP协议的EasyNVR.支持RTMP协议的EasyDSS.支持GB28181协议的EasyGBS等 ...
- 5G网络逐渐普及TSINGSEE青犀视频云边端架构网页视频实时互动直播系统又将如何发展？
国家发展的风口浪尖是互联网,互联网发展的风口浪尖是5G.中国工程院院士.中国互联网协会理事长邬贺铨说:未来5G会进一步使宽带化的移动互联网应用变得无处不在,支撑起一个万物互联的时代.5G以其超大宽带. ...
- 【解决方案】TSINGSEE青犀视频如何协助国家邮政局构建国标视频监控系统？
一.方案背景 随着电子商务的蓬勃发展,我国的快递业务量也随之增长,邮政快递业的规模也在不断扩大.根据国家邮政局最新发布的数据显示,2020年,我国规模以上的快递企业完成业务量达833.58亿件,累计实 ...
- 【解决方案】连锁店巡店难？开发成本高？TSINGSEE青犀视频打造一站式连锁店视频上云/安防监控/AI智能分析解决方案
一.背景分析 2020年两会,国家提出"新基建是一个以新发展理念为引领,以技术创新为驱动的数字化经济体的基础建设",映射在零售商业领域,代表着要用数字化.科技化的手段,帮助商业经济 ...
- TSINGSEE青犀视频云-边-端架构视频智能分析平台EasyNVR如何实现直播地址和录像地址统一
TSINGSEE青犀视频云-边-端架构视频智能分析平台EasyNVR分为直播版和录像版,直播版内没有视频存储以及视频录像检索.回看的功能,而录像版则具备直播+存储+录像回看功能,两者大家可以自由选择. ...
最新文章
- 关闭图片 pycharm_博士大佬总结的Pycharm 常用快捷键思维导图，收藏！
- 现代密码学1.4--现代密码的三大原则
- boost::hana::drop_front_exactly用法的测试程序
- typecho博客主题 “Freedom-冷文”
- 高校表白app使用体验
- 服务器系统设计流程,图书馆管理系统设计（含业务流程图）.doc
- jquery表单选择器input、:text、:password、:radio、:checkbox、:submit、:reset、:image、:button、:file、:hidden
- Linux - vim安装 配置与使用
- 11.软件架构设计：大型网站技术架构与业务架构融合之道 --- 多副本一致性
- 彼得.泰尔：认知未来是投资人的谋生之道
- 数字音频分析和处理系统
- windows7中文企业版安装英文语言包
- 基于JMP的独立样本t检验、配对t检验、单样本t检验
- 2021届校招求职计划、总结
- day26 SQL注入神器—— Sqlmap
- fai 自动安装debian 7.4
- netty系列之IO基础
- 详解ShellShock 漏洞复现原理，内附ShellShock的修复方法
- 成都七中高考成绩2021年查询,2021年成都高考各高中成绩及本科升学率数据排名及分析...
- eclipse oxygen java7,Eclipse Oxygen：M7重点在于可用性