随着移动设备和5G应用的普及,互联网直播越来越往移动端转移,除了手机APP,在进行网页H5无插件直播时,如果做到各系统、各品牌、各终端的全覆盖观看,是当前亟待解决的问题。...最近我们有用户在使用国标GB28181流媒体服务器进行手机直播时发现,使用Android手机直播HLS流时,画面流畅;而使用苹果时却不行,播放会出现延时、卡段、播不出来的现象。...基于此,今天就为大家分析下HLS直播为什么会出现这种情况? 首先,我们知道,HLS十分适应H5的要求,是移动端浏览器最为贴合的直播方案,唯一的缺点是延时大。...在客户端,至少在一个分段媒体文件被完全下载后才能够开始播放,而通常安卓系统要求下载完两个媒体文件之后才开始播放以保证不同分段音视频之间的无缝连接。而苹果系统则要求是3个。 ?...所以,苹果系统在访问HLS直播流时,需要下载完3个TS文件方可进行播放,若是没有3个TS文件,播放途中就会出现请求不到服务器的情况,造成播放延时、直播画面播放不出来的问题。
在现场部署LiteCVR后反馈,平台上所有设备flv播放正常,但hls却无法播放,如下图:安防视频监控/视频集中存储/云存储LiteCVR平台可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有国标...平台既具备传统安防视频监控的能力,也具备接入AI智能分析的能力,可拓展性强、视频能力灵活,能对外分发RTMP、RTSP、HTTP-FLV、WebSocket-FLV、HLS、WebRTC等视频流。...解决步骤如下:1)首先查看服务器,发现磁盘并未满;2)在播放视频时,发现接口返回【404 not found】,如下图:litemedia/cn,成都来特科技3)通过沟通得知用户修改了存储位置,未自动生成.../hls路径,导致未找到播放地址;4)于是修改配置文件easycvr.ini,增加/hls;5)最后重启服务,视频即可正常播放了。
问题描述 可以参考这篇文章,博主遇到的问题跟他类似:HLS实现点播和直播时,M3U8文件的不同; 主要问题就是当m3u8文件没有切片结束时(也就是最后没有#EXT-X-ENDLIST这行代码),直播内容为倒数第三个开始...技术背景 考虑到H5标签对m3u8的兼容性,于是用了video.js 和 videojs-contrib-hls,具体使用可以在我贴出的github连接上找到。...资料查找 翻箱倒柜,终于在谷歌找到了如下描述:gst-plugins-bad: hls: Exclusion of last three fragment in case of live playback...Live Streaming draft-pantos-http-live-streaming-12;MD原来hls协议已经支持,但是我用的videojs-contrib-hls.js插件貌似不支持!...(0));改为this.tech_.setCurrentTime(seekable.start(0)); 成功解决此问题,当我的广告文件播放结束后,m3u8可以从头播放了,而且不影响切片,当切片完成时,
在我们最近对EasyNVR中HLS流播放的测试中,发现了不少关于HLS流无法播放的问题。造成问题的原因各式各样,目前我们也是在排查和修复当中,逐渐将新版EasyNVR完善优化。...有使用新版EasyNVR的用户反馈,在运行使用EasyNVR的时候会发现HLS的流无法播放问题,查看HLS播放流,发现无流输出。...image.png 我们的排查步骤首先从ts文件开始,查看NVR安装包根目录下面的nginx/www/hls/这个目录。我们发现在这个路径里没有生成ts的文件,查看目录已赋予管理员权限。...image.png image.png 强制关掉nginx之后,再次启动服务发现HLS可以正常播放了。...流无法进行生成ts文件,因此无法播放HLS流。
在我们最近对EasyNVR中HLS流播放的测试中,发现了不少关于HLS流无法播放的问题。造成问题的原因各式各样,目前我们也是在排查和修复当中,逐渐将新版EasyNVR完善优化。...有使用新版EasyNVR的用户反馈,在运行使用EasyNVR的时候会发现HLS的流无法播放问题,查看HLS播放流,发现无流输出。...我们的排查步骤首先从ts文件开始,查看NVR安装包根目录下面的nginx/www/hls/这个目录。我们发现在这个路径里没有生成ts的文件,查看目录已赋予管理员权限。...强制关掉nginx之后,再次启动服务发现HLS可以正常播放了。...流无法进行生成ts文件,因此无法播放HLS流。
EasyNVR视频监控综合管理平台支持多种格式视频流的直播播放,包括HLS、FLV、RTSP等,今年我们在此基础上又开发了WebRTC格式的播放,并且将该格式拓展到其他平台,比如EasyGBS。...我们测试EasyNVR视频广场HLS流直播的时候,发现直播流会断掉。...分析其原因,了解到直播m3u8返回#EXT-X-ENDLIST(播放结束),只发送了touch channel命令,播放结束后未发送ts请求,m3u8文件未加载,导致直播流播放结束。...解决问题: 在播放器添加是否开启按需直播参数,在播放器监听播放结束中判断是否为直播、按需直播,如果符合两个判断条件则初始化播放器重新请求流,代码如下: this.player.on("ended", (...$emit("ended"); }); 修改后可以看到参数正常返回,直播流正常:
四、HLS 主要的应用场景 跨平台:PC 主要的直播方案是 RTMP,也有一些库能播放 HLS,譬如 jwplayer,基于 osmf 的 hls 插件也一大堆。...所以实际上如果选一种协议能跨 PC/Android/IOS,那就是 HLS。...简单:HLS 作为流媒体协议非常简单,apple 支持得也很完善。Android 对 HLS 的支持也 会越来越完善。...总之,SRS 支持 HLS 主要是作为输出的分发协议,直播以 RTMP+HLS 分发,满总各种应用场景。点播以 HLS 为主。...这里是 3,那么这里用的就是 HLS 协议第三个版本,此标签只能有 0 或 1 个, 不写代表使用版本 1 EXT-X-TARGETDURATION 所有切片的最大时长,有些 Apple 设备这个参数不正确会无法播放
HLS采用HTTP协议传输音视频数据,HLS通过将音视频流切割成一个个小的TS切片及生成m3u8的播放列表文件,播放客户端通过HTTP协议下载播放列表文件,按照播放列表文件制定的顺序下载切片文件并播放,...通过视频转码,切片成不同码率的TS文件,从而实现播放客户端根据网络带宽情况,自由的选择码流进行播放,但是HLS在直播时延时较大。...:延时较高,不能用于对延时较为苛刻的场景,如互动直播领域;TS切片较多,特别是实时视频流,需要动态的生成和删除TS切片文件,为了实现高性能、低碎片化,对于文件存储的逻辑需要更加复杂的设计 直播加密实现...HSL 可播放地址 https://hls-auth.tinywan.com/hls/202403101/index.m3u8 https://hls-auth.tinywan.com/hls/202403102...,其他地方将无法播放(包括VLC也是无法播放的)
EasyNVR视频监控综合管理平台支持多种格式视频流的直播播放,包括HLS、FLV、RTSP等,今年我们在此基础上又开发了WebRTC格式的播放,并且将该格式拓展到其他平台,比如EasyGBS。...image.png 我们测试EasyNVR视频广场HLS流直播的时候,发现直播流会断掉。...分析其原因,了解到直播m3u8返回#EXT-X-ENDLIST(播放结束),只发送了touch channel命令,播放结束后未发送ts请求,m3u8文件未加载,导致直播流播放结束。...image.png 解决问题: 在播放器添加是否开启按需直播参数,在播放器监听播放结束中判断是否为直播、按需直播,如果符合两个判断条件则初始化播放器重新请求流,代码如下: this.player.on(...$emit("ended"); }); 修改后可以看到参数正常返回,直播流正常: image.png
将安防行业的摄像头实现互联网直播监控,方便用户随时随地可以在电脑、手机上直接观看、交互是目前的趋势。EasyNVR平台就是一种主流的安防监控直播形式,能够支持RTSP、RTMP等格式的视频流。...在EasyNVR平台中,我们发现播放hls格式视频无法全屏自适应播放,其他格式下正常。...目前播放器版本已经提交到@easydarwin/easyplayer 4.0.4版本,已经修复了这个播放器无法自适应的问题,有兴趣的用户可以自行下载进行测试。...作为音视频行业互联网直播平台,EasyNVR主要功能在于通过RTSP/ONVIF协议,接入前端音视频采集设备,通过EasyNVR软硬件平台将拉取过来的音视频流转化给适合全平台播放的RTMP、HTTP-FLV...、HLS格式,极大地方便用户进行网页直播、微信直播及接入自身业务平台,欢迎大家试用。
width*height*3/2 mLivePlayer.addVideoRawData(buf); } } }; 原理 软件解码是由CPU负责解码,然后进行播放...2、只能获取直播场景下的 YUV 数据,不支持点播场景。
在开发微信公众号时候, ios下就是无法播放直播流。 安卓下 可以自动播放。...> var player = new TcPlayer('id_test_video', { "m3u8": url, //请替换成实际可用的播放地址...// "m3u8": "http://cctvalih5ca.v.myalicdn.com/live/cctv1_2/index.m3u8", //请替换成实际可用的播放地址..."autoplay" : true, //iOS下safari浏览器,以及大部分移动端浏览器是不开放视频自动播放这个能力的
解决方案 Android 目前支持使用 SurfaceView 做自定义渲染。...1、在布局文件中,使用 SurfaceView 代替原来的 TXCloudVideoView <SurfaceView android:id="@+id/surface_view" android...:layout_width="match_parent" android:layout_height="match_parent"/> 2、在 Java 代码中,初始化SurfaceView surface_view
之前在进行EasyNVR多屏开发的时候,由于多屏功能不需要在手机端展示出来(pc多播放为RTMP,手机端播放为HLS),因此只注意到了引用videojs来进行rtmp的播放。...由于不同项目需求不同,对hls流的播放也需要体现出来。 videojs在播放rtmp时,是调用Flash来进行播放的,在播放hls时是调用h5来播放的。...hls地址" type="application/x-mpegURL"> 主要的不同点在于type...的形式 当我们在标签中引用videojs时会通过data-setup=”;来进行控制,我们有时默认为空,由videojs自己来觉定,但是必须要有该属性; 如果是要播放 hls 就改成這樣 data-setup...=’{“techOrder”: [“hls”]}’ ; 播放h5或flash,同理; 如果 我们播放方hls, video type 一定要是 type=”application/x-mpegURL
随着站外直播场景业务需求逐步增多,K歌直播旧的业务代码无法满足不断增长的产品功能需求和用户体验需求。在此背景下,Web侧急需为推流直播业务提供更加可靠的技术支持。...移动端 iOS 和 Android 都支持HLS协议,做好视频采集、视频流推流服务之后,便可以直接在H5页面通过 video 标签播放直播流。...由于直播流分片拉取,所以客户端需要频繁地进行http请求,可能会导致播放卡顿。 通过video标签进行hls播放,无法很好的在业务层进行定制化操作以及数据监控。...进一步优化 ---- 通过wasm进行软解码并通过webgl进行渲染的技术方案,虽然能够很好的解决移动端播放不了flv直播流的问题,但是由于软解码和webgl渲染十分依赖硬件性能,导致很多中低端机型无法很好的播放...,Android端有一部分机型会降级到hls直播流,Android端的降级率接近iOS的三倍。
iOS系统的扫码直播,分享便捷。...近期我们发现EasyCVR的iOS端扫码直播问题,即视频广场扫码直播iOS端只能播放hls协议的流,其他协议都播放不了。...这个问题其实跟iOS系统的直播协议有关,苹果系统默认使用video实现hls流的播放,其他协议的视频流苹果系统无法识别,所以无法播放。...因此解决该问题我们需要在分享页面判断iOS端还是Android端的播放请求,将路由传过来的protocol强制改成hls即可,参考代码如下: const u = navigator.userAgent,...+Mac OS X/); //ios终端 if (isiOS) { this.query.protocol = 'hls' } 修改后用iOS系统扫码则能实现自动播放hls流,解决效果如下: TSINGSEE
在某个现场使用EasyNVR平台过程中,出现了使用EasyNVR播放视频切换WebRTC无法播放的问题。...image.png 尝试切换其他格式的视频流播放都是正常的,排除了视频流本身的问题,可以确定是该格式播放错误。在新版的EasyNVR中使用WebRTC需要进行一些设置。...turn中更改第二个IP地址,路径是在stund中找到stun文件,进入编辑: image.png image.png 将两个IP更改为服务器的IP后重启服务即可,显示WebRTC格式的视频就可以正常播放了...此处我们需要额外注意一下,防火墙需要关闭,否则会造成我们的webrtc client offline的问题,也会无法使用该格式播放视频流。
上一篇文章介绍了如何通过ZLMediaKit实现视频推拉流,并使用VLC播放器验证视频直播地址。...即使不用VLC播放器,直接在Qt工程的C++代码中调用FFmpeg的API,也能访问ZLMediaKit的直播地址,并正常渲染视频画面。...根据该书的操作步骤,在APP工程的JNI代码中调用FFmpeg的API,也能正常播放ZLMediaKit的直播画面。...但是如果手机APP不走FFmpeg,通过其他途径访问直播地址之时,却发现无法播放ZLMediaKit的HLS直播地址http://124.***.***.***:8080/live/test/hls.m3u8...HLS地址http://124.***.***.***:8080/live/test/hls.m3u8,发现可以正常播放HLS视频了。
简介 目前常见的直播协议有三种:RTMP、 FLV 和 HLS,腾讯移动直播LiteAVSDK都是支持的。...HLS:苹果推出的解决方案,将视频分成 5-10 秒的视频小分片,然后用 m3u8 索引表进行管理,由于客户端下载到的视频都是 5-10 秒的完整数据,故视频的流畅性很好,但也同样引入了很大的延迟(HLS...相比于 FLV, HLS 在 iPhone 和大部分 Android 手机浏览器上的支持非常给力,所以常用于 QQ 和微信朋友圈的 URL 分享。...具体问题如下: 使用移动直播SDK播放功能,Pixel XL(9.0系统)手机只能播放 RTMP 格式的流,无法播放HTTP-FLV 格式的流。...解决方案 我们提供以下几种解决方案: 使用HTTPS协议的播放地址 将FLV格式的播放地址中的 HTTP 替换成 HTTPS。
领取专属 10元无门槛券
手把手带您无忧上云