开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

AVPlayer不播放HLS直播流

AVPlayer是苹果公司提供的一个用于播放音视频的框架，主要用于iOS和macOS平台上的应用程序开发。它支持多种音视频格式和协议，包括但不限于HLS（HTTP Live Streaming）。

HLS是一种基于HTTP的流媒体传输协议，它将整个音视频文件切分成一系列小的TS（Transport Stream）分片，并通过HTTP协议进行传输。HLS具有以下优势：

适应性流媒体传输：HLS可以根据网络条件自动调整音视频的码率，以适应不同带宽的网络环境，提供更好的用户体验。
跨平台支持：HLS可以在各种设备和平台上播放，包括iOS、Android、Windows等。
安全性：HLS支持加密传输，可以保护音视频内容的安全性。

HLS广泛应用于直播、点播等场景。在直播场景中，HLS可以将实时的音视频数据切分成小的分片，并通过HTTP传输到客户端，实现低延迟的直播体验。在点播场景中，HLS可以将整个音视频文件切分成小的分片，用户可以根据需要进行播放和下载。

腾讯云提供了一系列与音视频相关的产品和服务，包括：

腾讯云点播（https://cloud.tencent.com/product/vod）：提供了稳定高效的音视频点播服务，支持HLS等多种格式的音视频文件播放。
腾讯云直播（https://cloud.tencent.com/product/live）：提供了全球覆盖的直播分发网络，支持HLS等多种协议的直播流传输和播放。
腾讯云移动直播（https://cloud.tencent.com/product/mlvb）：提供了一站式的移动直播解决方案，支持iOS和Android平台上的直播应用开发。

通过使用腾讯云的音视频相关产品和服务，开发者可以方便地实现HLS直播流的播放和传输，提供稳定高效的音视频体验。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何像抖音直播一样，从 App 直播间到桌面画中画实现画面无缝切换？丨有问有答

目前 App 内使用腾讯云的播放器播放 flv 的流，切到桌面画中画小窗时必须使用系统的 AVPictureInPictureController + AVPlayer，AVPlayer 不支持 flv...，所以只能播放 hls 的流。...在 App 的直播间依然使用腾讯云的播放器播放 flv 的流，同时在 flv 的首帧渲染成功后，再拉起一个 AVPlayer 来播放一路占位的 hls 流（可以静音、全黑、小尺寸画面）。...3）hls 流只要跟 flv 流的比例一致就好了，大小不影响，画中画的尺寸是按比例来的。这个方案有个问题，即真实直播流 flv 和占位流 hls 这两个流的状态其实是不一致的。...如果 hls 那路流一直不出问题还好，画中画始终依赖 flv 的流状态控制 UI 就好，但是如果 hls 那路流出错导致 AVPlayer 报错就会直接影响到画中画的状态。

1.7K3 0

EasyNVR视频广场按需播放HLS直播流总是断流原因排查

EasyNVR视频监控综合管理平台支持多种格式视频流的直播播放，包括HLS、FLV、RTSP等，今年我们在此基础上又开发了WebRTC格式的播放，并且将该格式拓展到其他平台，比如EasyGBS。...我们测试EasyNVR视频广场HLS流直播的时候，发现直播流会断掉。...分析其原因，了解到直播m3u8返回#EXT-X-ENDLIST(播放结束)，只发送了touch channel命令，播放结束后未发送ts请求，m3u8文件未加载，导致直播流播放结束。...解决问题：在播放器添加是否开启按需直播参数，在播放器监听播放结束中判断是否为直播、按需直播，如果符合两个判断条件则初始化播放器重新请求流，代码如下： this.player.on("ended", (...$emit("ended"); }); 修改后可以看到参数正常返回，直播流正常：

5143 0

EasyNVR视频广场按需播放HLS直播流总是断流的原因

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

5642 0

Electron播放rtmp直播流

方法一直接转flv吧方法二使用flash 示例代码如果直接前端放rtmp直播流, 则需要有flash, 而Chrome已经不再支持flash了, 所以得借助flash插件 1659969197107...搭环境使用 vue-cli5 + vue-cli-plugin-electron-builder搭建, 具体看插件文档播放器使用vue-video-player组件和videojs-flash插件...配置播放器可以通过navigator.plugins来看flash插件有没有引入成功 image.png 然后引入组件, 配置直播流即可 <div class="container...techOrder: ['flash', 'html5'], poster: '', notSupportedMessage: '服务错误', //允许覆盖Video.js无法<em>播放</em>媒体源时显示的默认信息

5K3 0

直播协议的选择：RTMP vs. HLS

前言随着直播业务的兴起，越来越多的直播平台开始涌现，这火热的程度好像一个应用不带上直播业务出来都不好意思跟人打招呼。想要做一个直播业务，主要包括三个部分：采集推流端、流媒体服务端、播放端。...HLS 的基本原理就是当采集推流端将视频流推送到流媒体服务器时，服务器将收到的流信息每缓存一段时间就封包成一个新的 ts 文件，同时服务器会建立一个 m3u8 的索引文件来维护最新几个 ts 片段的索引...相对于常见的流媒体直播协议，例如 RTMP 协议、RTSP 协议等，HLS 最大的不同在于直播客户端获取到的并不是一个完整的数据流，而是连续的、短时长的媒体文件，客户端不断的下载并播放这些小文件。...HLS 是苹果推出的流媒体协议，在 iOS 平台上可以获得天然的支持，采用系统提供的 AVPlayer 就能直接播放，不用自己开发播放器。...正在上传…重新上传取消 RTMP 相对于 HLS 来说，采用 RTMP 协议时，从采集推流端到流媒体服务器再到播放端是一条数据流，因此在服务器不会有落地文件。

3.7K4 1

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

4001 0

EasyNVR中HLS流无流输出且无法播放问题

在我们最近对EasyNVR中HLS流播放的测试中，发现了不少关于HLS流无法播放的问题。造成问题的原因各式各样，目前我们也是在排查和修复当中，逐渐将新版EasyNVR完善优化。...有使用新版EasyNVR的用户反馈，在运行使用EasyNVR的时候会发现HLS的流无法播放问题，查看HLS播放流，发现无流输出。...image.png 我们的排查步骤首先从ts文件开始，查看NVR安装包根目录下面的nginx/www/hls/这个目录。我们发现在这个路径里没有生成ts的文件，查看目录已赋予管理员权限。...image.png image.png 强制关掉nginx之后，再次启动服务发现HLS可以正常播放了。...流无法进行生成ts文件，因此无法播放HLS流。

2892 0

EasyNVR中HLS流无流输出且无法播放问题

在我们最近对EasyNVR中HLS流播放的测试中，发现了不少关于HLS流无法播放的问题。造成问题的原因各式各样，目前我们也是在排查和修复当中，逐渐将新版EasyNVR完善优化。...有使用新版EasyNVR的用户反馈，在运行使用EasyNVR的时候会发现HLS的流无法播放问题，查看HLS播放流，发现无流输出。...我们的排查步骤首先从ts文件开始，查看NVR安装包根目录下面的nginx/www/hls/这个目录。我们发现在这个路径里没有生成ts的文件，查看目录已赋予管理员权限。...强制关掉nginx之后，再次启动服务发现HLS可以正常播放了。...流无法进行生成ts文件，因此无法播放HLS流。

3453 0

HLS 协议：直播回放首选这个协议？丨音视频基础

对于 HLS 直播，相对于常见的流媒体直播协议，例如 RTMP 协议、RTSP 协议等，HLS 最大的不同在于直播客户端获取到的并不是一个完整的数据流，而是连续的、短时长的媒体文件（如 MPEG-TS...HLS 作为苹果公司提出的协议，在 iOS 客户端上得到了很好的支持，比如 AVPlayer 和 Safari 都支持对 HLS 流媒体的播放；再加上 M3U8/TS 封装格式可以在直播中持续处理和存储流媒体数据...，所以直播回放通常都会选择 HLS 协议来实现。...HLS 协议的整体框架如下图所示： HLS 协议涉及到 3 个部分： 1）服务端组件服务端组件主要的职责是处理上传链路的媒体流，并对齐进行编码和格式封装，为资源分发做好准备。...在典型的 HLS 协议实现中，一般是采集音频和视频输入，将它们编码为 H.264 和 AAC 格式，最终经过服务端组件处理成 MPEG-2 的传输流。

1.3K2 0

Apple 低延迟HLS分析

HLS类似于MPEG-DASH，通过将理论上可以无限时长的直播流分解为一系列基于HTTP的小文件下载来完成流媒体的传输，每次下载获得整个流的一小部分。..._HLS_msn=1803 上述请求表示当直播流中出现1803的ts的时候，停止阻塞，返回m3u8内容。...AVPlayer的实现发现服务端对低延迟HLS支持不好的话，会自动切换回标准的HLS，让视频继续正常播放，所以测试低延迟HLS的时候只看视频是否能播放还不行，要抓包分析，确认低延迟HLS机制正常工作。...举例来说，当直播流正在启动并且流的第一帧从推流端到达服务器时，服务器将立即发布包含三个(数量可配置)片段的HLS媒体播放列表。当客户端收到播放列表时，它们会请求全部三个片段。...（EXT-X-DISCONTINUITY）标记，Periscope的方案是直接让播放器忽略不连续标记，仅根据时间戳和ES流中的SPS来控制播放行为，不过理论上直播流也不太可能出现这个标记。

4.2K6 3

基于 HTTP 的低延迟流媒体播放器的性能

许多播放器支持 LL-HLS 和/或 LL-DASH 协议，包括 Apple 的 AVPlayer、Shaka 播放器、HLS.js Dash.js 等。本文致力于分析低延迟播放器和流媒体协议的性能。...低延迟自适应算法的其他变体可以在 LL-HLS 流播放器中找到，例如 HLS.js、Shaka 播放器和 Apple 的 AVPlayer。...在播放器端，网页播放器运行在 Chrome 浏览器上，iOS 原生播放器（HLS）运行在 iOS 上的 AVPlayer 框架上。...在流比特率方面（参见图 4），我们注意到 Shaka 播放器在 10 分钟的会话中达到了最高的平均值 (1228 kbps)，其次是 AVPlayer (1136 kbps) 和 HLS.js (849...HLS.js 和 Shaka 播放器更接近流的实时边缘，因此，它们比 AVPlayer 更容易重新缓冲（HLS.js 为 36 次，Shaka 播放器为 12 次）。

8.7K4 0

如何快速搭建完整的视频直播系统？| 码云周刊第 69 期

项目简介：ckplayer (超酷网页视频播放器),支持 http 协议下的 flv，f4v，mp4，支持 rtmp 视频流和 rtmp 视频回放，支持 m3u8 格式，是你做视频直播，视频点播的理想播放器...项目简介：HTML5 播放器、M3U8 直播和点播、RTMP 直播、低延迟、推流/播流地址鉴权、优化浏览器兼容性，HLS+扩展。...项目地址：Tinywan/html5-dash-hls-rtmp 3、项目名称：yjPlay ?...项目简介：SGPlayer 是一款基于 AVPlayer、FFmpeg 的媒体资源播放器框架。...支持360°全景视频，VR视频，RTMP、RTSP 等直播流；同时支持 iOS、macOS、tvOS 三个平台。主要功能：支持播放360°全景视频。支持手势、传感器操控360°全景视频。

2.4K2 0

HLS 和 DASH 多编解码器和封装

（规范统一上述规则）具有原始流的多包用 shaka 和 Bento4 封装 HLS 和 DASH fuboTV 公司简介 FuboTV 是一家美国流媒体电视服务公司，为美国、加拿大和西班牙的客户提供服务...，主要专注于分发体育直播的频道。...播放器及设备据 fuboTV 统计，用户点播视频所用的播放器和设备有： AVPlayer - ios & tvos； ExoPlayer - firetv & Android； Roku native...上述播放器所用的传输协议很有趣，除了苹果播放器之外，其他都用的是 DASH 协议： Native AVPlayer - HLS； ExoPlayer - DASH； Roku Player - DASH...具有原始流的多包如图 2 所示，如果播放器可以解码 HEVC，则 master 会发出 get 请求原始流。

2.1K4 0

HLS直播变点播，未按顺序从头播放问题（vidoe.jsvideojs-contrib-hls.js）。

问题描述可以参考这篇文章，博主遇到的问题跟他类似：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可以从头播放了，而且不影响切片，当切片完成时，

3522 0

EasyCVR视频融合平台能正常播放其他协议流，但无法播放HLS流的原因排查

有用户反馈，EasyCVR平台的HLS流一直在加载中，无法播放，但是其他协议均能正常播放，于是请求我们协助排查。针对该反馈我们立即进行排查。...步骤如下：1）首先检查平台是否关闭了HLS协议，经查，平台HLS协议目前是开放状态；2）然后查看磁盘使用情况，发现此时用户的磁盘已经被占满。...实际上，HLS的工作原理是将整个流分成一个个小的基于HTTP的文件来下载，每次只下载一些，在开启一个流媒体会话时，客户端会下载一个包含元数据的extended M3U（m3u8）playlist文件，用于寻找可用的媒体流...因此要想播放这个playlist，客户端需要先下载它，而当磁盘空间不足的时候，就无法保存TS索引出m3u8文件了。3）清理磁盘后，HLS协议流就可以正常播放了。...EasyCVR视频融合平台能在复杂的网络环境中将前端设备进行统一集中接入，实现视频资源的汇聚管理、直播鉴权、转码处理、多端分发、智能告警、数据共享等能力与服务。

1682 0

流媒体HLS传输协议的直播加密播放解决方案

它的工作原理是把整个流分成一个个小的基于HTTP的文件来下载，每次只下载一些。当媒体流正在播放时，客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源，允许流媒体会话适应不同的数据速率。...HLS采用HTTP协议传输音视频数据，HLS通过将音视频流切割成一个个小的TS切片及生成m3u8的播放列表文件，播放客户端通过HTTP协议下载播放列表文件，按照播放列表文件制定的顺序下载切片文件并播放，...通过视频转码，切片成不同码率的TS文件，从而实现播放客户端根据网络带宽情况，自由的选择码流进行播放，但是HLS在直播时延时较大。...优劣势优势：客户端支持简单，H5 video即可直接播放；网络兼容性好，可很方便的通过防火墙或代理服务器，可很简单的实现媒体流的负载均衡，CDN支持良好；自带多码率自适应机制，实现播放码率自由选择劣势...：延时较高，不能用于对延时较为苛刻的场景，如互动直播领域；TS切片较多，特别是实时视频流，需要动态的生成和删除TS切片文件，为了实现高性能、低碎片化，对于文件存储的逻辑需要更加复杂的设计直播加密实现

2041 0

3-视频传输,监控,直播方案-网页端播放视频流(RTMP,HLS,m3u8)

说明这节来看一下如何使用网页端播放视频流....网页端有各种写好的插件来播放视频,这里选择 EasyPlayer.js 把EasyPlayer.js源码放到服务器 1,上传EasyPlayer.js压缩包到网站根目录(方式1); 下面还有个方式可以直接用...里面有个可以直接测试的 demo 2.在浏览器上输入 http://自己服务器的IP地址/EasyPlayer.js/demo/html 我的等半分钟以后才加载出来...... 3.记得根据上一节的教程一直推着数据流哈...(先测试RTMP) 在播放地址对话框输入自己的RTMP数据流地址我的是 rtmp://116.62.178.48/hls/yang (这个根据自己的写哈,不记得的看上一节那个VLC拉流软件里面的地址是怎么写的...(测试m3u8) 在播放地址对话框输入自己的 xxx.m3u8数据流路径我的是 http://116.62.178.48/hls/yang.m3u8 (这个根据自己的写哈,不记得的看上一节那个VLC拉流软件里面的地址是怎么写的

8371 0

理解直播及其工作原理

使用HLS和MPEG-DASH的ABR技术在转码以后，被编码后的码流被发送给封装器，并创建符合ABR的视频流。什么是ABR?...MPEG-DASH和HLS（HTTP Live Streaming）是主流的基于HTTP的自适应码率流媒体传输协议为了支持基于HTTP的ABR视频流，需要对转码器的输出进行转换，将其转换为符合 HLS...下面是对直播中CDN工作原理的简单描述：在转码、封装、DRM和插入广告后，最后视频流被发送到源站上（基本上是指Web服务器）。源站的URL（即可用视频流所在的地址）被配置给CDN。...让我们来看看不同平台上使用的视频播放器： Android：Exoplayer iOS、tvOS：AVPlayer 用于联网电视的Roku（用Brightscript所写）、Amazon Fire TV和...视频分析：QoE和QoS 整个世界都在数据上运行，你的直播平台也不例外。视频直播提供商应该使用分析服务系统或者构建自己的分析系统来为直播收集使用、QoE和QoS数据。

1.7K4 0

Tcplayer 在ios无法正常播放直播流

在开发微信公众号时候， 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浏览器，以及大部分移动端浏览器是不开放视频自动播放这个能力的

1.7K2 0

EasyNVR多设备H5播放HlS流解决方案ramdisk

问题背景：对于EasyNVR的功能中包含使用H5无插件直播。其实H5播放的是HLS流，就是一个个ts文件。我们的EasyNVR会将流切成一个个ts文件，播的的时候就是直接播放这个m3u8文件。...对于接入摄像机路数少的的时候，磁盘I/O没什么太大的问题，当我们接入的摄像机过多，并且都是一直在读写ts文件的时候（必须使用HLS流的时候)，这个时候磁盘的I/O就会是一个瓶颈问题。...磁盘的读写速度跟不上，这将导致我们播放HLS流会出现卡顿甚至无法播放的情况。...基于Easy NVR的方案执行：备注：有需求的可以通过EasyNVR的配置来实现默认使用HLS流。...配置方法：如果在PC上也需要采用纯H5无插件播放的方式，我们可以修改easynvr.xml中的flash_streaming_type字段为 1 来限定直播协议为HLS： <PREF NAME

6151 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭