首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

EasyNVR视频流分享到iOS设备上,出现画面拉伸问题的解决办法

EasyNVR是基于RTSP/Onvif协议的视频接入、处理及分发的安防视频云平台,可提供丰富且灵活的视频能力,包括:设备接入、实时视频直播、录像、云存储、录像回放与检索、告警、级联等。...有用户反馈,使用EasyNVR过程中,将视频流进行分享时,被分享者用iPhone手机播放直播流时,视频会被强制拉伸,并且无法取消拉伸。 针对该反馈,我们立即进行排查。...检查代码发现,因为iPhone手机不支持flv.js视频流,所以在播放器的代码中直接加入了H.265的软解码,导致视频被强制拉伸了。...优化此处代码,增加播放设备检测,并调用hls.js进行播放,然后在项目前端代码增加对应配置: 从而解决iOS设备自动拉伸的问题。...EasyNVR可支持将接入的视频流进行全平台、全终端的分发,分发的视频流包括RTSP、RTMP、HTTP-FLV、WS-FLV、HLS、WebRTC等格式。

31020

EasyNVR视频流分享到iOS设备上,出现画面拉伸问题的解决办法

EasyNVR是基于RTSP/Onvif协议的视频接入、处理及分发的安防视频云平台,可提供丰富且灵活的视频能力,包括:设备接入、实时视频直播、录像、云存储、录像回放与检索、告警、级联等。...平台部署轻快、功能强大,在安防视频监控领域有着广泛的应用场景。有用户反馈,使用EasyNVR过程中,将视频流进行分享时,被分享者用iPhone手机播放直播流时,视频会被强制拉伸,并且无法取消拉伸。...检查代码发现,因为iPhone手机不支持flv.js视频流,所以在播放器的代码中直接加入了H.265的软解码,导致视频被强制拉伸了。...优化此处代码,增加播放设备检测,并调用hls.js进行播放,然后在项目前端代码增加对应配置:从而解决iOS设备自动拉伸的问题。

22720
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一种“在 Android 设备上,播放视频的同时,获取实时音频流”的有效方案

    这篇文章将会按照一般的需求开发流程,从需求、分析、开发,到总结,来给大家讲解一种“在 Android 设备上,播放视频的同时,获取实时音频流”的有效方案。...接下来的文章,我们只介绍其中的一种场景,就是我手机播放视频的时候,视频内容和视频的声音,都同步到linux系统的车机上。而且这篇文章,我们只介绍音频同步的内容。...二、分析 两个设备之间的音频同步,那就是把一个设备中的音频数据同步到另一个设备上,一方做为发送端,另一方做为接收端,发送端不停的发生音频流,接收端接收到音频流,进行实时的播放,即可实现我们想要的效果。...接下来我们再了解下,在Android系统上,声音的播放流程是怎样的?这对我们如何去获取视频播放时候的音频流,很有帮助。 我们先看下关于视频的播放、录音,Android给我们提供了哪些API?...那么回到文章的重点,我们需要在播放视频的时候,把视频的音频流实时的截取出来。那截取音频流的这部分工作,就可以放在AudioTrack.cpp中进行处理。

    2.2K40

    安防视频监控平台EasyCVR集成到ios系统不能播放是什么原因?如何解决?

    视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,在视频监控播放上,TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16...个画面窗口播放,可同时播放多路视频流,也能支持视频定时轮播。...ios设备上都使用EasyPlayer播放器)。...但是在集成中发现,在pc端和安卓端,视频流都可正常播放,但是在ios上出现了以下问题:图片技术人员排查后发现这个报错的问题有两点:1)首先,ios不支持flv的视频流,所以应该选用hls的协议,不要在ios...设备上播放flv协议的视频流。

    22910

    AirServer2023MAC电脑专用投屏软件功能介绍

    它同样还能为 iPad、 Mac电脑上的多媒体视频提供无缝体验:支持多台设备同时连接电脑进行同步处理!比如一个苹果电脑连接到电脑,另一个苹果电脑连接到电脑上!...第一步:选择网络上的你喜欢的一个设备连接到电脑上,然后开始自动搜索连接上电脑上的每个视频设备。第二步:搜索出来你想要发送给多个视频媒体,并将它们进行连接后直接播放。...第三步:播放到你需要的视频内容后你可以选择是否停止或者切换到下一台设备继续观看。第四步:播放到你想要视频媒体后你就可以点击鼠标右键单击它让它播放视频媒体功能会自动打开,这时候就会显示视频内容了。...AirServer是一款能够通过本地网络将音频、照片、视频以及支持AirPlay功能的第三方工具,从 iOS 设备无线传送到 Mac 电脑的屏幕上,把Mac变成一个AirPlay终端的实用工具。...图片AirServer主要功能在于实时地将移动设备上的图像画面内容投放到电脑设备上,让电脑成为iPad、iPhone等iOS系统设备的大屏显示器。

    1.5K00

    RTMP流媒体服务器LiteCVR支持在iOS播放WebRTC低延时视频流

    视频监控设备是安防行业的细分专业领域,近年来,视频监控业务正在向其他领域加速渗透。...众所周知,iOS系统支持HLS流,但是HLS流延时高,无法满足实时流的要求;而WebRTC播放延时低,因此,很多用户希望能在iOS系统上播放Webrtc视频流。...RTMP流媒体服务器LiteCVR视频监控平台基于云边端一体化架构,具有强大的数据接入、处理及分发能力,平台支持海量视频汇聚管理,支持分发多类型的视频流,包括RTSP、RTMP、HTTP-FLV、WS-FLV...用户可以在iOS系统集成我们的播放器,就能实现LiteCVR平台分发的Webrtc流在iOS系统播放。...但是需要注意以下两点:1)平台分发的webrtc流为非按需直播模式;2)在iOS系统上集成LitePlayer.js播放器。

    23920

    基础篇-iOS后台运行以及相关

    正在使用麦克风提示 AirPlay:AirPlay 是指将 iOS 设备,或者 Mac 设备上的音视频,同步到另一个设备中播放。...举两个例子,第一个是把 iPhone 上的音乐通过蓝牙的方式在汽车的蓝牙音响播放,第二个是把 iPhone 上的视频,同步到智能电视屏幕上播放。此功能一般用于多端及多屏的交互。...关于 AirPlay 的开发文档:http://nto.github.io/AirPlay.html 画中画的视频播放:画中画是 iPad 版本的 iOS 9 新增加的功能,可以在 iOS 的桌面,或者其他应用的界面的上面播放视频...#按照规范,在这里要手动结束后台,你不写也是会结束的,但是不写有可能会crash。...有的开发者为了自己的APP能在后台运行想出一直循环播放一段没声音的音频,在后台选项中选择「Audio, AirPlay and Picture in Picture」,而开始循环播放一段是没声音的音频,

    4.9K11

    实时音视频(TRTC)常见问题

    需将 SDK 版本更新至 6.6 版本或以上 一般而言,媒体音量指播放音乐、视频的声音、游戏声音等的音量,而通话音量指打电话的音量,视频通话的音量。...默认情况下,麦上用户(视频通话场景中的所有用户,低延时直播场景下的主播和连麦观众)使用的是通话音量。麦下用户(低延时直播场景下的普通观众)使用的是媒体音量。...按房间人数划分 视频通话里面所有的角色都是主播,适用于人数不超过 10 人(考虑到手机性能限制)的多人双向视频通话场景,例如在在线教育、视频客服、在线招聘、小型会议等业务场景。...腾讯实时音视频(TRTC) SDK 已经针对手机、盒子、电视等设置做了相关的兼容优化,所以 SDK 能在相关的设备上运行。...如果你设备运行有问题,欢迎在评论留言反馈或者在 Github 上提 issue 反馈

    13.5K188

    被朋友圈 live 图刷屏了

    live 图,通常指的是苹果设备上的 live photo 功能所拍摄的照片,live photo最早由苹果公司在 2015年 发布的 iPhone 6s上引入,随后迅速普及到其后的 iPhone 型号...,这种照片形式在拍摄时不仅保存了一张高质量的静态图片,还记录了前后各1.5秒的视频和声音,因此整个文件包含 3 秒的动态片段,然而,live 图的格式并非所有平台和设备都能兼容。...HEIC 文件,Mov 格式的文件在苹果设备上都能顺利播放,但在某些其他操作系统的设备上可能需要安装 QuickTime 播放器,尤其 live photo 的 Mov 文件通常为 HEVC 编码,这让即使原本支持...播放 live 图是如何实现的 现在我们已经知道了 live 图的本质是图片加上视频,从技术角度来看,支持播放live photo需要相应的解码器和播放器,目前业内通用支持 live photo 的方案并不是直接解码...数据万象如何支持 live 图预览场景 为了帮助更多的平台与终端用户拥有更鲜活的体验,现在数据万象已经支持了live photo同步转gif图或mp4视频,既能保证照片的动态特性,又能在不同设备和平台之间分享

    6610

    听说你也在开发年终盘点?送你一篇详尽的踩坑实战~

    video> 另外为了能在视频播放的时候在视频上方显示跳过按钮,这里我们需要用到X5内核视频播放的一个属性 x5-video-player-type设置为h5-page之后,这样就可以控制视频在网页内部同层播放...但是... 1、Android切换背景音乐的时候视频暂停播放 没错就是卡在这里... 需要注意: 在Android设备上视频播放后同时使用audio标签播放音频时会导致视频卡住。...解决方案:在Android设备中使用WebAudio播放音频,而在其它设备中使用audio标签进行播放。(疑问解答:为什么不统一用WebAudio?...,因为在另外一个需要中出现过播放视频时播放音频在IOS设备中出现过破音,没错就是 破音) if (lib.browser.os.android) {  this.player = new WebAudioPlayer...iOS出于安全机制,不允许audio和video自动播放,所以当切换播放音频播放时还是无法自动播放。 解决方案:在点击触发视频播放的时候同时触发音频播放,只是马上暂停。

    71310

    《iOS Human Interface Guidelines》——Sound声音

    因此,他们希望当前正在播放声音的app能够不暂停地继续播放。 当用户拔出耳机,或者从一个无线设备断开连接(或者设备超出距离或者关闭)时,他们不想自动分享他们听的内容给其他人。...系统声音服务时一个产生警告框、UI音效和震动的iOS技术;它不适用于任何其他目的。当你使用系统声音服务来产生声音时,你不能影响你的声音与设备上的声音的交互方式,以及它被设备配置打断和更改时的响应。...这些编程接口不产生声音;它们帮助你表达你的声音和设备上的声音应有的交互方式以及对设备配置打断和更改的响应。 IPHONE 无论你使用何种技术产生声音或者定义它的行为,手机都可以中断当前运行的app。...这里是你的app是只能在前台播放声音还是也能在后台播放的情况。当你进行这个选择时遵循下面的指南: 基于语义选择音频会话类别,而不是它精确地一系列行为。...如果你的app让用户在支持AirPlay的设备上播放音频或视频,它应该在媒体播放期间接收远程控制事件。

    1.7K30

    演进中视频流媒体容器格式与传输协议

    与几乎能在任何地方播放的H.264不同,支持HEVC播放的领域还比较有限,目前,HEVC主要用于向智能电视和类似的OTT和STB设备以及4K或UHD内容提供视频。...虽然容器格式决定了文件兼容性和可播放性,但压缩后的视频和元数据构成了整个文件的绝大部分。容器格式实际上只取决于文件头中的几位数据。...场景2 – 提供catch-up TV或订阅VOD服务,并且必须保留对现有设备的支持和向后兼容性,不仅要支持最新的iOS和Android设备,还要支持旧版本的设备和操作系统,以及一系列流行的,新旧的机顶盒和游戏设备...CMAF and JIT 协同工作 CMAF无法为所有终端提供服务,因为与CBC不兼容,而且许多终端都不会兼容(特别是游戏设备)。...虽然CMAF的好处很明显,并且基于HTML5的CMAF内容播放是未来发展的趋势,但许多公司仍旧必须继续支持与CMAF不兼容的旧设备,需要综合使CMAF和JIT封包技术。

    3.5K30

    SkeyeVSS综合安防视频云服务H5无插件直播点播实现HEVC H265低延迟播放

    网页前端采用H5直接进行无插件播放;在前文《SkeyeVSS综合Onvif、RTSP、GB28181安防视频云服务WEB端H5无插件直播点播卡顿的解决方案》中我们已经提到H5播放H265编码格式的视频是采用的软解并已经解决了卡顿的问题...,本文将讨论下H265在网页上播放如何实现低延时。...当然,因为H5本身不支持H265解码,同时WEBRTC也不支持HEVC/H265编码格式,所以,我们需要将视频流转换成HTTP-FLV(HLS)或者通过WEBSOCKET代理出来才能在网页上通过H5进行播放.../iOS/微信/H5)观看;支持 WebRTC、RTMP、HLS、HTTP-FLV、Websocket-FLV、RTSP 、Websocket-RTSP分发支持网页端H5无插件播放、回放;支持多分屏多路同时实时播放...;支持多分屏多路同时录像回放;支持H264、H265视频解码播放;支持云台控制,焦距缩放、预置点控制;支持设备端录像、查询、回放;支持服务端录像计划、时段查询和检索回放;支持服务端录像自定义时段下载;支持报警管理

    1.2K40

    视频H5 video最佳实践

    换句话说,如果APP不设置,你页面中加了这标签也无效,这也就是为什么安卓手机WeChat 播放视频总是全屏,因为APP不支持playsinline,而ISO的WeChat却支持。...使用AirPlay可以直接从使用iOS的设备上的不同位置播放视频、音乐还有照片文件,也就是说通过AirPlay功能可以实现影音文件的无线播放,当然前提是播放的终端设备也要支持相应的功能 x5-video-player-type...: 启用同层H5播放器,就是在视频全屏的时候,div可以呈现在视频层上,也是WeChat安卓版特有的属性。...如果仍有个别版本的ios会吊起播放器,还可以引用一个库iphone-inline-video(具体用法很简单看它github,这里不介绍了,只需加js一句话,css加点),github地址加上playsinline...就是当第一次播放视频的时候ios端,如果网络慢,视频从开始播到能展现画面会有短暂的黑屏(处理视频源数据的时间),为了避免这个黑屏,可以在视频上加个div浮层(可以一个假的视频第一帧),然后用timeupdate

    4.6K30

    腾讯云音视频播放器又上新啦!短视频秒开组件、加密画中画等功能让音视频播放更专业!

    如下所示:短视频秒开组件接入教程由于web端不涉及短视频秒开的功能,这里以移动端的使用来讲,又由于画中画功能目前只支持iOS端,所以高级画中画也以iOS端来分享。...高级画中画组件接入教程上文也提到了由于web端不涉及短视频秒开的功能,这里以移动端的使用来讲,而且腾讯云音视频播放器的画中画功能目前只支持iOS端,所以这里还是以iOS端的具体使用来分享。...2、环境要求关于使用的环境要求,具体如下所示:系统版本:iOS >= 14.0、iPad >= 9.0 硬件设备:iPhone 8及以上的设备SDK 版本:11.4版本及以上3、集成步骤在集成的时候...9 就已经推出了,不过之前都只能在 iPad 上使用,所以iPhone 要使用画中画需更新到 iOS 14 才能使用,目前腾讯云播放器可以支持应用内和应用外画中画能力,在使用前需要开通后台模式,具体操作步骤为...];// 3、退后台操作 如果设备支持无缝切换画中画,退后台不暂停播放。

    74852

    微博HDR视频的落地实践

    对于下变化来说,一般的处理流程是解码输出YUV和HDR的metadata,因为下变换的颜色映射只能在线性RGB空间进行,所以YUV需要还原回线性RGB才能进行处理,此时 YUV需要进行颜色上采样还原为光电转换后的非线性...最终,Android上线选择了和iOS不同的展示形式,不在feed和小窗情况下播放HDR视频,只在全屏下可以切换到HDR播放。那么我们只需要做好全屏下HDR/SDR平滑切换就可以。...HDR视频上线一段时间,用户反馈怎么样呢?虽然iOS充分利用了设备高亮的能力,支持在各个场景播放HDR视频,但是HDR的高亮模式被经常吐嘈,尤其是在晚上看到这样的视频眼睛很不舒服。...最终iOS上也进行了展示形式的调整。和Android一样,不在feed和小窗情况下播放HDR视频,只在全屏下可以切换到HDR播放。解决这两方面问题后,顺利地完成了微博视频链路的落地改造。...前面说到的iOS端观看HDR视频时一直处于HDR高亮模式在某些场景可能会带来人眼不适的问题,本质上是观看环境对视频观看体验的影响的问题,这会不会成为以后标准规范的方向呢?

    1.1K30

    前端-video 标签沉浸式播放解决方案

    playsinline="true"    webkit-playsinline="true" /*IOS播放视频会自动调用原生播放器全屏播放,这里使用这个属性让IOS内播放视频的时候使用inline...too navie,你看我们正常16:9的视频在iphoneX这种18:9的屏幕上是有形变的,而且市面上这么多分辨率不同的设备,如果要追求不同的手机上有最接近的用户体验这么做肯定是不行的,有人可能会提到...object-fit中的cover属性,没错,这个属性可以让我们的视频等比例缩放,如果宽高不匹配会对处理对象做裁剪操作,来我们看一下现在在微信里面的效果: ?...,这种可以在Android手机的video上随意放置dom元素,IOS本身没有这个限制,另一种更为通用的方式是用微信x5内核的同层播放模式,这种模式有两种好处: 1、去除了右上角讨厌的”全屏”按钮 2、...同层播放模式下的效果 确实是真正意义上的沉浸式播放,如果你的app里面webview用的也是x5内核那么这个页面也能在app上达到同样的效果,但是这种同层播放依然有无法解决的问题,首先这个全屏模式会重新计算宽高

    2.1K40

    H5案例分享:微信视频播放全屏问题(转)

    微信视频播放全屏问题    在ios和安卓手机里的微信下播放视频时,会遇到不少问题,例如需要手动点击,视频才会播放,并且视频会跳出微信框,出现控制条,如果视频不是腾讯视频,播放完毕会出现腾讯视频的广告推送...换句话说,如果APP不设置,你页面中加了这标签也无效,这也就是为什么安卓手机WeChat 播放视频总是全屏,因为APP不支持playsinline,而ISO的WeChat却支持。...使用AirPlay可以直接从使用iOS的设备上的不同位置播放视频、音乐还有照片文件,也就是说通过AirPlay功能可以实现影音文件的无线播放,当然前提是播放的终端设备也要支持相应的功能。...x5-video-player-type:启用同层H5播放器,就是在视频全屏的时候,div可以呈现在视频层上,也是WeChat安卓版特有的属性。...同层播放别名也叫做沉浸式播放,播放的时候看似全屏,但是已经除去了control和微信的导航栏,只留下"X"和"播放器只在Android(包括微信)上生效,暂时不支持iOS。

    6.8K30
    领券