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

EasyCVR视频广场扫码直播iOS端只能播放hls协议的排查

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

38710

EasyPlayer播放H.265的HLS视频流出现加载异常的问题分析及解决方法

EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频格式有RTSP、RTMP、HLS、FLV、WebRTC等。...我们在测试播放器新功能时发现,EasyPlayer播放H.265编码的HLS格式视频时,出现了加载异常的情况。于是我们对此情况进行了排查。...经过复现问题,发现播放器加载出现了两个video标签,猜测是初始化H.265时,播放器的video标签并没有成功销毁。在此处代码添加销毁之前的原生播放器,从而解决加载两次video标签的问题。...EasyPlayer具备较高的可用性,TSINGSEE青犀视频的平台均集成了EasyPlayer播放器,并可应用于多种场景中,其中包括手机直播、桌面直播、远程教育课堂直播等。...EasyPlayer还拥有Windows、Android、iOS版本,其灵活的视频能力,极大满足了用户的多样化场景需求。

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

花椒web端实时互动流媒体播放器

事件, 刷新指定的缓冲区范围 成功刷新缓冲区后触发BUFFER_FLUSHED事件 buffer-controller.js 初始化时就定义了自己只响应 Events.MEDIA_ATTACHING,...多了一步解析文档的步骤; 下面我们就思考怎么去结合两个lib: 根据项目目的: 项目是一个主直播, 次点播的站点; FLV直播功能是最重要的功能, HLS的回放只在用户点击视频回顾和查看过去节目视频才会使用...: 现在业界直播基本还是用的HTTP-FLV这种形式(基础设施成熟, 技术简单, 延迟小), 而HLS一般还是用在移动端直播; 所以我们决定采用在 FLV.js 的基础上, 加上HLS.js中的...loader, demuxer 和 remuxer 这三部分去组成一个新的播放器library, 既能播放FLV视频, 也能播放HLS(根据项目的需要只包含单码率直播和点播, 不包含多码率,...的点播seek功能的接入 在FLV.js中, 每当SEEK操作时都会MediaInfo中的KeyFrame信息, 去查找相应的Range点, 然后从Range点去加载; 对于hls点播, 需要对FragmentLoader

3.9K43

自建直播间无从下手?腾讯云Lighthouse给你新选择!

而FLV是一种网络视频格式,全称是FlashVideo,以体积小、加载速度极快的特性著称。...如图所示的保存路径,即为最终直播内容存储的位置,后续可以在对应的目录中进行管理。 接着,在设置录制规则中勾选录制所有,并点击提交。...Tips:购买后,等待服务器初始化完成,需要手动升级到 v1.0.252 及以上版本。...如果使用场景相对单一,例如是希望将直播内容保存,并且后续进行剪辑等操作,那么云录制将会十分适合。 云点播则是指转换视频流到 腾讯云云点播 VoD 服务,只要推送至服务器的均可以对接云点播。...观看直播 回到私人直播间的位置,在场景介绍- OBS推中找到请选择播放的-HTTP-FLVHLS中的蓝色标签(简易或西瓜),点击链接即可进入直播画面: 此处分享链接时,如果用手机浏览器打开链接

1.1K21

视频直播技术干货:一文读懂主流视频直播系统的推拉架构、传输协议等

目前蘑菇街直播旁路开启的协议类型有HLS、FLV、RTMP三种,已经可以覆盖到所有的播放场景,在后续章节会对这几种协议做详细的介绍。...使用HLS协议播放视频时:首先会请求一个M3U8文件,如果是点播只需要在初始化时获取一次就可以拿到所有的TS切片指向,但如果是直播的话就需要不停地轮询M3U8文件,获取新的TS切片。...但是由于其分片加载的特性,直播的延迟相对较长。...这些判读可以在自己的逻辑里提前判断后去拉取对应解码库的CDN,而不是等待三方库加载完成后使用三方库内部的方法判断,这样在选择解码库时就可以不把所有的库都拉下来,提高加载速度。...首先在iOS系统中:正常情况下video标签会自动被全屏播放,但iOS10以上已经原生提供了video的同层属性,我们在video标签上增加playsinline/webkit-playsinline可以解决

4.4K22

EasyPlayer.js集成时页面报错出现“X”,该如何解决?

在上几期的文章中,我们介绍了关于EasyPlayer流媒体播放器最近更新的一些功能和细节优化,包括网页实时录像、ios端低延迟直播,以及如何删除或替换播放器loading样式等,感兴趣的用户可以翻阅我们往期的文章进行了解...1)首先排查视频是否正常。如果正常,但是偶尔会出现错误,刷新下又能成功播放,那是因为数据可能中断或者数据异常。2)打开debug在控制台观察到,出现错误时会打印加载错误信息。...3)在播放器标签中加入错误回调的函数,当出现错误异常则执行播放器初始化(注意:可以限制执行次数以免造成死循环)4)按照上述方法修改,EasyPlayer.js的报错问题即可解决。...EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。...EasyPlayer播放器系列项目依赖其灵活控制、低延时、高稳定的特点,已经成熟运用于多个项目场景当中,其中包括手机直播、桌面直播、远程教育课堂直播等,同时,在城市安防或者社区安防监控的视频播放场景中,

79010

自建直播间无从下手?Lighthouse给你新选择

而FLV是一种网络视频格式,全称是FlashVideo,以体积小、加载速度极快的特性著称。...Tips:购买后,等待服务器初始化完成,需要手动升级到 v1.0.252 及以上版本。图片本地录制指南本地录制,也就是将录制的直播内容存储在服务器的磁盘。...如图所示的保存路径,即为最终直播内容存储的位置,后续可以在对应的目录中进行管理。图片接着,在设置录制规则中勾选录制所有,并点击提交。...如果使用场景相对单一,例如是希望将直播内容保存,并且后续进行剪辑等操作,那么云录制将会十分适合。云点播则是指转换视频流到 腾讯云云点播 VoD 服务,只要推送至服务器的均可以对接云点播。...图片图片观看直播回到私人直播间的位置,在场景介绍- OBS推中找到请选择播放的-HTTP-FLVHLS中的蓝色标签(简易或西瓜),点击链接即可进入直播画面:图片此处分享链接时,如果用手机浏览器打开链接

1.3K61

HTML 5 视频直播一站式扫盲

对于视频播放,可以使用 HLS(HTTP Live Streaming)协议播放直播ios 和 android 都天然支持这种协议,配置简单,直接使用 video 标签即可。...HLS 直播延时 我们知道 hls 协议是将直播分成一段一段的小段视频去下载播放的,所以假设列表里面的包含5个 ts 文件,每个 TS 文件包含5秒的视频内容,那么整体的延迟就是25秒。...和 HLS 一样都可以应用于视频直播,区别是 RTMP 基于 flash 无法在 ios 的浏览器里播放,但是实时性比 HLS 要好。所以一般使用这种协议来上传视频,也就是视频推送到服务器。...坑点总结 简根据以上步骤,笔者写了一个 demo,从实现 ios 视频录制,采集,上传,nginx 服务器下发直播,h5 页面播放直播视频者一整套流程,总结出以下几点比较坑的地方: 1 在使用 AVCaptureSession...这里后续会补充上一些坑点,有的需要贴代码,这里先列这么多。 12.

4.6K70

EasyNVR H5无插件直播方案前端构建之:实时直播的四分屏的前端展示

videojs来加载出播放器,完成rtmp格式的视频直播; 二、四分屏播放处理 1.分别加载不同的videojs来进行视频的直播 ---- 问题: 使用videojs来进行视频播放时需要将videojs...id来区别他的唯一性,videojs在加载第一次成功后,再次加载会出现videojs的冲突报错; 因此通过给不同的窗口设置不同的“alt”的属性值;当加载对应窗口下面的videojs时,通过对应窗口的...解决: 可以给对应的窗口一个关闭按钮,当触发关闭按时来进行videojs的关闭; 由于播放的是实时推的rtmp格式的视频文件;因此在关闭窗口的时候需要将推的信息也停掉,videojs内置的方法可以关闭视频...能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS...,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发; 详细说明:http://www.easydarwin.org

1.8K10

iOS关于直播 - 搭建服务端解析

,就说明nginx安装成功了。...开启实时 hls on 开启hls hls_path ts文件存放路径 hls_fragment 5s 每个TS文件包含5秒的视频内容 HLS直播延时 我们知道hls协议是将直播分成一段一段的小段视频去下载播放的...保存配置文件,重新加载Nginx配置 nginx -s reload 进行推 ffmpeg推还是和上一篇的一样,不过,我们需要推到新配置的hls中,movie关键字可以任何替换 ffmpeg -re...对于视频直播服务,如果需要支持多路输入的话,很简单,在Nginx配置文件里多配几个Application就可以了,像下面这样: 这样,就可以通过下面的地址来推送直播,其观众端也可以通过下面的地址来访问直播...文章由作者:阿华12年 逻辑iOS学员提供

56220

如何实现 LL HLS

目录 开始使用 LL HLS 和 Mux 视频 测试延迟和播放 其他 LL HLS 解决方案 参考文献 开始使用 LL HLS 和 Mux 视频 为了在 Mux 中创建直播,做以下 POST 请求,这可以直接从...图 2 初始化 API 请求 一旦直播开始,可以从图 3 所示的直播描述符中得到几个关键数据。首先,它提供了 RTMP 选项和密钥,以输入你的直播编码器,将流传送到 Mux(图 4)。...你可以在图 3 所示的直播描述符字段中看到右侧正在播放的视频,这显然是在启动直播后拍摄的。...图 6 OBS 正在向 Mux 发送直播 一旦你开始,Mux 就开始转码,自动创建一个由 Mux 优化的编码阶梯。...图 11 在运行 iOS 15 的 iPhone 上,延迟时间刚刚超过 6 秒 那么,我们学到了什么?从延迟的角度来看,Mux LL HLS 解决方案很有竞争力,特别容易使用,而且价格相当便宜。

2.4K30

推荐一个基于C++11的高性能运营级流媒体服务框架

支持linux、macos、ios、android、windows平台 支持画面秒开(GOP缓存)、极低延时(500毫秒内,最低可达100毫秒) 支持websocket-flv直播 ZLMediaKit...RTMP 发布服务器,支持录制发布。 RTMP 播放器,支持RTMP代理,支持生成静音音频 RTMP 推客户端。 支持http-flv直播。 支持https-flv直播。...支持任意编码格式的rtmp推,只是除H264/H265+AAC外无法转协议 HLS 支持HLS文件生成,自带HTTP文件服务器。...支持配置文件热加载 支持流量统计、推流播放鉴权等事件 支持rtsp/rtmp/http虚拟主机 支持flv、mp4文件录制 支持rtps/rtmp协议的mp4点播,支持seek 支持按需拉,无人观看自动关断拉...也可以通过参考这篇博客解决: vs2015:/utf-8选项解决UTF-8 without BOM 源码中文输出乱码问题 参考案例 IOS摄像头实时录制,生成rtsp/rtmp/hls/http-flv

2.8K10

播放器秒开优化丨音视频工业实战

甚至,我们可以在直播列表页当滑到一个卡片就让播放器拿着直播地址预加载,进入直播间时则直接展示画面。...业务侧提前获取地址 另外,客户端业务侧还可以在进入直播间之前通过 HTTPDNS 来选择网络情况最好的 CDN 节点,在进入直播间时从最好的节点拉取直播流播放从而优化网络加载的时间,加快首屏渲染。...如果验证成功,Server 向 Client 发送 SYN+ACK。 如果验证失败,则丢弃 Client 在步骤 1 中 TFO 请求携带的数据,回复 SYN+ACK,后续完成正常的三次握手。...而且直播还有实时性的需求,所以没必要至少取 20 帧。你可以试试将这个值初始化为 0 看看效果。...对于一般的播放器,可能需要先初始化播放器并从头加载播放内容,再由业务做 seek 操作,这样会比较慢。

2.7K21

通过摄像机视频设备或者流媒体服务器SDK获取到数据转换成RTMP实现网页手机微信播放

RTSP,下载地址:SkeyeWebPlayer: 永久免费H5直播点播播放器,支持FLV、HLS、RTSP、WS-FLV、WS-RTSP、WEBRTC、HEVC/H265https://gitee.com...NetSDK、雄迈LocalSDK)等等,这些都能无一例外地有共同的流程:初始化登录设置数据回调开始实时处理实时返回的音视频数据释放Handle视频数据大多返回的是H.264数据,音频就各种各样了,...、Android、iOS平台,支持市面上绝大部分的RTMP流媒体服务器,包括Wowza、Red5、ngnix_rtmp、crtmpserver等主流RTMP服务器,能够完美应用于各种行业的直播需求,手机直播...获取音视频,再推RTMP;SkeyeRTMP Android:安卓推送摄像头/屏幕进行RTMP直播;SkeyeRTMP iOSiOS苹果推送摄像头进行RTMP直播;完备的调用示例,加上全平台的支持...(Windows、Linux、arm、Android、iOS),给了开发者非常好的选择和帮助;按照以上的两个流程,我们就可以将RTSP/SDK获取到的数据进行RTMP/HLS发布,实现全终端、无插件化的播放了

1.1K20

EasyNVR纯H5摄像机直播解决方案前端解析之:RTSP安防监控实时直播的四分屏的前端展示方案

videojs来加载出播放器,完成rtmp格式的视频直播; 二、四分屏播放处理## 1.分别加载不同的videojs来进行视频的直播 ---- 问题: 使用videojs来进行视频播放时需要将...id来区别他的唯一性,videojs在加载第一次成功后,再次加载会出现videojs的冲突报错; 因此通过给不同的窗口设置不同的“alt”的属性值;当加载对应窗口下面的videojs时,通过对应窗口的...解决: 可以给对应的窗口一个关闭按钮,当触发关闭按时来进行videojs的关闭; 由于播放的是实时推的rtmp格式的视频文件;因此在关闭窗口的时候需要将推的信息也停掉,videojs内置的方法可以关闭视频...能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS...,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发; 以上我们所讲述的内容,代码都Github中可以获取

2.4K30

视频直播| 搭建一个本地nginx服务器以及实现推和拉

出现以上界面,说明安装成功....上图表示ffmepg安装完成 五、本地推 (1)、搭建本地视频直播,比如电脑上面有很多电影,我们可以通过推的形式实现实时直播: A:在电脑上播放推内容 安装一个支持rtmp协议的视频播放器,Mac...A:通过VLC观看手机的推 打开手机直播后,然后在电脑上打开VLC(同上),就能实现手机推,在电脑上拉流播放了!!(注:手机需要和电脑连接同一网络!) ?...B:通过手机观看手机的推(这也就是市面上的那些直播App的最终实现形式了) 通过集成 ijkplayer 把地址换成推的地址即可观看。...---- 较好的文章: 大牛直播SDK 5000+star iOS视频直播初窥:高仿 快速集成iOS基于RTMP的视频推 https://github.com/SunLiner/

14.1K42

直播平台搭建,完整产业链和操作流程解析

接下来直播服务器会对从采集端推送的流进行一定的处理。比如,hls协议会将视频切片成一个个的TS视频文件缓存在服务器中,同时生成一个m3u8文件记录了视频中的包含的TS文件。...HLS协议,主要面向iOS移动终端使用。RTMP协议,主要用于PC端的视频播放,实时性比较高。 之后如果有播放器请求某一个直播链接,服务器会使用RTMP或者hls协议将推送到播放器。...在不同的技术语言下做直播的方法也是不同的: 如果你是iOS或者Android程序员,做RTMP推就会更简单,可以直接找一个推的数据库然后给出视频参数,以及最终的RTMP地址,就能推出一个标准的RTMP... 如果你是C++程序员,你至少要掌握采集、编码、写这3个步骤。...其主要的代码流程就需包括打开音视频设备、创建编解码器、设置编码参数、初始化网络句柄、写协议头、循环采集数据、解码数据、编码数据、格式封装和写网络

1.2K20

H.265网页流媒体播放器EasyPlayer无感知播放体验优化

目前我们所有的视频平台,集成的都是EasyPlayer.js版,它属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,包括WebSocket-FLV、HTTP-FLV,HLS(m3u8...)、WebRTC等,支持全平台、全终端播放,如Windows、Linux、Android、iOS,支持H.264与H.265编码,无需安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。...在有些项目现场,一些设备由于不稳定,会出现播放一段时间就卡顿一两秒,导致播放器断流而重新加载。为了提升用户的播放体验,我们决定对此细节进行优化,优化重新加载的播放机制。...在播放器监听到播放异常出现播放结束时,不再是重新初始化播放器,而是重新直接播放,并且保存上次播放的最后一帧作为快照,这样就不会出现上述播放中断重新加载的情况了,播放体验更加友好。...参考代码如下:至此完成功能的优化,实现无感知播放体验。在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,具备较高的可用性和稳定性。

35620
领券