- 综合排序
- 最热优先
- 最新优先
- 来自专栏直播那些事儿
关于h5直播源码的技术扫盲
到目前，h5似乎已经成为品牌宣传最重要的表现方式。h5技术开发简单，研发周期短，且成本低廉。 尤其强化了web网页的表现性能，通过h5技术搭建的直播系统不仅能够在网页实现高清流畅播放，还能加入很多的交互功能。下面，我们就针对h5直播源码做一些技术扫盲。 一、h5直播源码中的关键技术点：WebRTC 想要搭建h5直播系统，WebRTC必不可少。WebRTC即网页即时通信，是一个支持网页浏览器进行实时语音对话或视频对话的开源API。 这些预定的引擎配置为h5直播源码提供了强悍的技术基础。不过，WebRTC只是应用于视频录制，视频播放还得需要HLS的支持。 timg.jpg 二、什么是HLS协议？.m3u8是干啥用的？ 以上就是关于h5直播源码的一些技术扫盲点。
2.5K20发布于 2020-03-11 - 来自专栏前端小吉米
不再碎片化学习，快速掌握 H5 直播技术
如果只是出现一些模糊而没有落地技术的目录的书籍，还是别再上面浪费时间了。 所以，本文主要给大家介绍一下当下 HTML5 直播所涵盖的技术范围，如果要深度学习每一个技术，我们后续可以继续讨论。 不过，根据技术需求的划分，还可以分为低延迟和高延迟的直播，这里就主要是协议选择的问题。 现在，常用的直播协议有很多种，比如 RTMP，HLS，HTTP-FLV。 不过，最常用的还是 HLS 协议，因为支持度高，技术简单，但是延迟非常严重。这对一些对实时性比较高的场景，比如运动赛事直播来说非常蛋疼。这里，我们来细分的看一下每个协议。 有兴趣的同学，可以继续深入了解，我的另外一篇博客：全面进阶 H5 直播。 当然，如果后期有机会，可以继续来实现以下如何进行实际的编码。 本文，主要是给大家介绍直播所需的必要技术和知识点，只有完备之后，我们才能没有障碍的完成实际编码的介绍。
2.1K40发布于 2018-07-03 - 来自专栏祝威廉
直播技术初探
大规模实时流媒体服务网络架构演进 当然，这篇文章云计算厂商的科普文(广告)了，但是前面CDN部分的内容还是值得一看的，至少我看了是有收获的 视频播放的基本技术 以前我创业时，做过音频流媒体，采用的是red5 下面这篇文章讲的是直播相关的技术架构，里面也有重点提及了直播质量控制相关的东西，我觉得是指的借鉴的。 火爆背后的挑战：直播平台的高并发架构设计 进阶，直播进行互动的相关技术 直播的直接催生的是网红群体，网红的基础是粉丝经济。网红的竞争本质是粉丝这个大蛋糕的瓜分。 所以如何通过直播技术和粉丝进行互动，便成为很重要的事情。 下面这篇文章是关于直播中连麦相关的技术，总之看了还是蛮有技巧性的东西。 探讨直播低延迟低流量的粉丝连麦技术 总结 当然，花了一个晚上主动关注视频/直播相关的技术，写这篇文章的目的算是起一个引导的作用，让大家快速的了解相关的技术。
1.2K40发布于 2018-08-27 - 来自专栏h5
h5直播webapp项目开发|h5直播案例
这几天闲着没事就捣鼓了下h5直播项目，运用到了html5+css3+jquery+iscroll+wlsPop等技术进行架构开发，解决了直播界面聊天键盘撑起问题，新增了动画消息提示及礼物。 如果你刚好需要一些练手的项目，希望对你有用~ 很早之前就想写一个html5直播项目练练手，但是由于工作的关系，一直没有真正的开动（其实就是懒）。 好吧，反正最近这段时间稍微比较清闲，趁着这个机会，在空余时间撸了一个h5仿陌陌直播项目。 h5直播webapp，主要实现的内容如下： [004-360截图20181104095737443.png] 005-360截图20181104095812016.png 006-360截图20181104100100390 onTap() { wcPop.close(sixinIdx); } }, { text: '发送', style: 'color: #23ade5;
9.2K83发布于 2018-11-04 - 来自专栏直播那些事儿
基于HTML5的网络直播方案及相关技术介绍
直播发展如火如荼，为了满足火热的移动Web端直播需求，一系列基于HTML5的网络直播方案迅速的发展了起来。其实只要实现了直播的各个技术难点，通过HTML5进行视频直播并非难事。 常见的可用于HTML5的直播技术共有3种协议：HLS、WebSocket与WebRTC。本文将对基于这3种协议的HTML5网络直播方案实现做下基础的介绍。 一. HLS 优点：CDN支持比较好。 用HLS协议实现直播的延时比较高，是因为每一小段的视频文件都需要延迟时间比如文件列表里面包含5个TS文件，每个TS文件包含5秒视频，那么整体的延迟就是25秒。 WebSocket+MSE 优点：实时性比较好，可以用于互动直播，前端可操作性更大。 缺点：技术较新，一些旧浏览器不支持。 1. 以上就是三种基于HTML5的网络直播方案中的常用协议，实现难度依次递增，当然，用户体验也依次递增。
3.3K20发布于 2020-02-25 技术指南：小程序直播与H5直播的安全性与防封禁策略
摘要 本文旨在解析小程序直播相比H5直播的核心价值，并提供实施指南，以确保直播平台的安全性和合规性。 我们将探讨小程序直播的技术优势，操作步骤，以及如何利用腾讯云产品特性来增强直播服务的安全性和稳定性。 技术解析 核心价值与典型场景 小程序直播提供了一种更为集成和便捷的直播解决方案，特别适合微信生态内的电商带货、在线教育等场景。 步骤5：添加直播域名 在云直播控制台添加直播域名，并确保选择“小程序直播”场景。 步骤6：域名CNAME配置 完成域名的CNAME配置，将自有域名指向腾讯云提供的CNAME域名。 结论 小程序直播相比H5直播，在安全性和防封禁方面具有明显优势。通过遵循上述指南，并利用腾讯云产品特性，可以构建一个高效、安全、合规的直播服务。
82210编辑于 2025-07-29- 来自专栏架构师小秘圈
直播技术教程分享
一，直播技术框架 二，音视频处理的一般流程 数据采集→数据编码→数据传输(流媒体服务器) →解码数据→播放显示 1、数据采集： 摄像机及拾音器收集视频及音频数据，此时得到的为原始数据 涉及技术或协议： 摄像机：CCD、CMOS 拾音器：声电转换装置（咪头）、音频放大电路 2、数据编码： 使用相关硬件或软件对音视频原始数据进行编码处理（数字化）及加工（如音视频混合、打包封装等），得到可用的音视频数据 涉及技术或协议 ： 一般对应的编码器都会带有相应的解码器，也有一些第三方解码插件等 5、播放显示： 在显示器（电视、监视屏等）或扬声器（耳机、喇叭等）里，显示相应的图像画面或声音 涉及技术或协议： 显示器、扬声器、 3D眼镜等 三，常见的视频直播协议 1、RTMP(Real Time Messaging Protocol，实时消息传送协议) RTMP是Adobe Systems公司为Flash播放器和服务器之间音频 RTP协议常用于流媒体系统（配合RTCP协议），视频会议和一键通系统（配合H.323或SIP），使它成为IP电话产业的技术基础。
2.1K30发布于 2018-04-02 - 来自专栏前端真相
直播技术基本术语
旁路直播 该功能可以把互动直播上行的数据转码成通用格式进行推流分发，以方便用户通过Web或流媒体播放器观看。 实时音视频中视频流为私有协议，为了满足将房间内视频分享给外部用户，可以在后台将视频流通过通过转码，将实时音视频的数据转换成标准格式，推送给直播后台。这个过程称为旁路直播。 3. 5.COS 即Cloud Object Storage，存储海量数据的分布式存储服务。 8.视频编码 通过特定的压缩技术，将某个视频格式的文件转换成另一种视频格式文件的方式。 9.帧率 指每秒所显示的图像有多少帧（帧也可以理解为张）。
2.8K52发布于 2019-02-21 直播技术深度分析：超低延时播放、直播推流、码率自适应、直播连麦与H5页面播放
直播行业近年来发展迅速，技术的进步带来了更加丰富和高效的直播体验。本文将对直播技术中的几个关键功能：超低延时播放、直播推流、码率自适应、直播连麦以及H5页面播放进行深度介绍和对比分析。 腾讯云作为超低延时直播技术的主导者，首创将WebRTC技术引入直播领域，将直播延时降低到500ms以内，这一技术的应用大大提升了直播的实时性。 直播推流 直播推流是指将直播信号从源头传输到直播平台的过程。不同的直播SDK提供了不同的推流技术，腾讯云直播SDK凭借其强大的技术支持，提供了稳定高效的直播推流服务。 根据权威站点的评测，腾讯云直播SDK在直播连麦功能上的表现优于行业平均水平。 H5页面播放 H5页面播放是指在网页上直接播放直播内容，无需下载任何插件。 腾讯云直播SDK支持H5页面播放，兼容性强，能够在多种浏览器和设备上提供流畅的直播体验。根据权威站点的对比分析，腾讯云直播SDK在H5页面播放的兼容性和性能上均表现突出。
69810编辑于 2025-07-28- 来自专栏IMWeb前端团队
直播技术协议介绍
本文作者：IMWeb eden 原文出处：IMWeb社区 未经同意，禁止转载 目前web前端采用的直播技术一般分为以下几类：rtp/rtcp、rtmp、http-flv、hls。 在web平台通过webRTC通过RTP/RTCP协议实现媒体实时通信，webRTC是google开源的一项技术，并推广为w3c标准的前端的媒体数据传输方案，使得web简单的支持端到端音视频通信，webRTC 对于web开发者媒体采集、编码和传输基本透明实现，只需要调用部分API即可实现端到端的通信，直播领域一般浏览器对端都是一台服务器。 它解析flv文件后给原生HTML5 Video标签播放音视频数据，使得浏览器在不使用Flash的情况下播放FLV文件。优点：性能较好，支持大多数主流浏览器（ios目前不支持），延迟低。 由于苹果公司的影响力hls在移动端的支持情况较好，但是延迟较高5s-20s级别的延迟，对于直播影响是比较大的。
3.1K10发布于 2019-12-03 - 来自专栏用户7603185的专栏
H5直播源码是什么？H5直播源码如何开发？
H5直播源码是什么？ H5直播也有着一套完整的直播系统，含视频录制端、视频播放端、视频服务器端。 H5直播，推流还是需要移动端或者摄像头，H5直播源码提供更多的依旧是观看，其实与传统直播系统是差不多的。 H5直播源码具有怎样的优势？ 做品牌宣传的朋友都知道，H5是一个重要的表现方式。 H5直播源码研发周期较短，尤其强化了web网页的表现性能。 除了微信之外，不少浏览器都可用H5观看视频，所以相对flash而言，不需要安装插件，所以传播更快。 H5相比flash而言，对CPU及内存的占用都要低一些，所以能够有效减少卡顿及发烫的现象。 想要搭建H5直播源码，WebRTC必不可少。 其使用的Interactive Connectivity Establishment(ICE)能让各个设备之间自动匹配当前最好的通讯方式，这是很多别的技术都不具备的。
2.9K20发布于 2021-03-04 - 来自专栏音视频咖
直播预告 | 6.30 快直播SDK技术解码
【6.30 19:00 快直播技术解码】 腾讯云高级工程师为您解码快直播SDK 技术优化打造超低延时直播体验！ ?
5.1K30发布于 2021-06-25 - 来自专栏音视频咖
技术解码 | 直播传输技术之SRTWebRTC
随着用户对体验要求越来越高，直播进入了低延迟高码率的时代，直播传输技术也面临着越来越高的要求和挑战。 下面就重点介绍其中应用的两个传输技术SRT和WebRTC。 在电商直播过程中如果出现音视频帧丢失，会造成各端卡顿甚至花屏，给观众造成很不好的观看和购物体验。 除了电商直播，腾讯视频云在大型晚会、体育赛事、电竞娱乐等直播能力上，也有着多年的技术经验积累，针对多行业，多场景有完整的从端到端的解决方案。 腾讯云视频云持续在直播技术上处于领先地位，我们将不断的探索与突破，期待为全球开发者提供更好的视频云。 ?
5.8K30发布于 2020-11-23 - 来自专栏音视频咖
技术解码 | 海外直播系统，推进直播全球加速
本文介绍了腾讯视频云海外直播系统在基础设施建设、分布式架构设计以及音视频传输优化等方面多年沉淀的音视频处理和分发技术。该系统为全球用户提供了高品质、高可用以及高性价比的直播流处理和分发服务。 本文将从海外基础设施建设、系统架构设计以及传输优化等3个方面介绍海外直播系统。 直播系统本质上是音视频处理、传输技术与计算、网络等物理资源的深度融合。高质量的服务能力离不开基础资源能力的支撑。 2、边缘传输优化 （1）丢包对抗 丢包是传输技术优化过程中碰到最常见问题之一。 某大客户巴西地区卡顿优化前后对比图 某大客户泰国、越南等地区腾讯vs友商秒开率对比 （2）抖动优化 抖动对抗技术往往在播放端进行设计实现，腾讯云CDN在直播传输业务层和TCP协议栈层面也做了针对性优化。 （3）自适应码率技术 在多变的网络环境下，腾讯云直播CDN目前支持两种主流的自适应码率技术，HLS-ABR以及DASH-ABR技术，该技术能够配合播放器实现在动态变化网络带宽的场景下实时切换播放码率，适应当前的传输速率
4.8K31发布于 2020-10-30 - 来自专栏即时通讯技术
直播系统聊天技术(九)：千万级实时直播弹幕的技术实践
》《直播系统聊天技术(二)：阿里电商IM消息平台，在群聊、直播场景下的技术实践》《直播系统聊天技术(三)：微信直播聊天室单房间1500万在线的消息架构演进之路》《直播系统聊天技术(四)：百度直播的海量用户实时消息系统架构演进实践 》《直播系统聊天技术(五)：微信小游戏直播在Android端的跨进程渲染推流实践》《直播系统聊天技术(六)：百万人在线的直播间实时聊天消息分发技术实践》《直播系统聊天技术(七)：直播间海量聊天消息的架构设计难点实践 》《直播系统聊天技术(八)：vivo直播系统中IM消息模块的架构实践》《直播系统聊天技术(九)：千万级实时直播弹幕的技术实践》（* 本文）3、弹幕整体技术方案图片本次的弹幕方案以IM聊天室技术为基础，提供了登录直播间 5、弹幕技术方案之登录直播间登录直播间主要有两项任务：1）握手；2）身份认证。 1500万在线的消息架构演进之路[5] 百度直播的海量用户实时消息系统架构演进实践[6] 百万人在线的直播间实时聊天消息分发技术实践[7] 直播间海量聊天消息的架构设计难点实践[8] vivo直播系统中
1.5K21编辑于 2023-06-29 - 来自专栏即时通讯技术
视频直播技术干货(十一)：超低延时视频直播技术的演进之路
》 《视频直播技术干货(八)：淘宝高清、低延时的实时视频直播技术解密》 《视频直播技术干货(九)：千万级直播系统后端架构设计的方方面面》 《视频直播技术干货(十)：一文读懂主流视频直播系统的推拉流架构、 4、传统直播技术中RTMP协议的延迟问题 RTMP 协议是最传统的直播协议，主播端采用 RTMP 协议推送 H.264/5 和 AAC 编码的视音频数据到云厂商 CDN 服务器进行转封装分发，端到端延迟一般控制在 5、传统直播技术在实时互动场景中的不足 1）视频延时和弹幕交互的延时存在显著差异，问题聊天内容互动与视频传输图像节奏不匹配： 2）观众与主播互动形式单一，是单向内容传导无法做到双向（在 RTC 技术引入之前无法显著解决 标准 SDP 比较冗长（5-10KB 左右），不利于快速高效传输。在直播场景下，会尤其影响首帧时间。 [5] 零基础快速入门WebRTC：基本概念、关键技术、与WebSocket的区别等 [6] 学习RFC3550：RTP/RTCP实时传输协议基础知识 [7] 基于RTMP数据传输协议的实时流媒体技术研究
6.5K11编辑于 2024-01-04 - 来自专栏音视频技术
淘宝直播窄带高清技术
3 淘宝直播窄带高清技术 3.1 淘宝直播窄带高清 淘宝直播有三大核心技术，第一大核心技术是端上窄带高清。 我们采用信源信道联合自适应编码技术。感知处理分为5个方面，首先是ROI区域的感知，我们基于PixelAI人脸检测加商品检测，对ROI区域进行提取和重点编码。 3.5 低延时技术 淘宝直播的第三个核心技术是低延时技术。我们实现了直播端到端秒级延时，还验证了低延时技术的业务价值；除此之外，低延时还可以支持新业务形态，如拍卖直播、客服直播等。 如图，S265在5个延时帧下，可达到95%以上的编码效率。 4 音视频技术趋势探讨 最后一起来讨论一下音视频技术的发展趋势。 第五个方面是高效传输技术，5G的到来可以提供高带宽，低延时的传输，如何利用5G优势实现智能带宽预测，智能调度系统是我们在网络传输方面研究的一个方向。
2.3K60发布于 2020-08-19 - 来自专栏腾讯IVWEB团队的专栏
全面进阶 H5 直播
详细参考：视频文件格式 直播协议 2016 年是直播元年，一是由于各大宽带提供商顺应民意增宽降价，二是大量资本流进了直播板块，促进了技术的更新迭代。 市面上，最常用的是 Apple 推出的 HLS 直播协议（原始支持 H5 播放），当然，还有 RTMP、HTTP-FLV、RTP等。 现在，直播行业依旧很火，而 HTML5 直播，一直以来都是一个比较蛋疼的内容。一是，浏览器厂商更新速度比较慢，二是，这并不是我们前端专攻的一块，所以，有时候的确很鸡肋。当然，进了前端，你就别想着休息。 不过，由于支持性的原因，RTMP 并未在 H5 直播中，展示出优势。 ，所以这里，可能会额外需要支持跨域直播的相关技术。
3.5K33发布于 2020-06-27 - 来自专栏APP开发
直播APP的技术难点
直播APP的技术难点在于其对实时性、并发性、稳定性、音视频处理能力和数据安全性的极致要求。这使得直播APP的开发和运维比许多其他类型的APP更为复杂。以下是直播APP开发中主要的技术难点。 北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。1. 5. 内容安全与审核 (Content Security & Moderation)实时内容审核： 直播内容瞬息万变，需要实时识别并处理违规内容（涉黄、暴力、政治敏感、广告、诈骗等）。 总结：直播APP的技术难点是多方面的，涵盖了音视频编解码、网络传输优化、实时通信、高并发架构、大数据处理、AI智能审核以及复杂的业务逻辑。 成功开发一个直播APP需要一个经验丰富的团队，对上述技术领域有深入的理解和实践能力，同时要能够选择和整合市场上成熟的第三方云服务和SDK，以快速构建并保障系统的稳定性和用户体验。
1.1K10编辑于 2025-05-29 - 来自专栏媒矿工厂
低延迟直播流技术
本文来自Bitmovin NAB 2020 Tech Talk，演讲者是来自Bitmovin的软件工程师Jameson Steiner，演讲的主题是低延迟直播流技术。 演讲的内容从最基本的直播延迟（Live lantency）的基本概念开始介绍，并且介绍了直播延迟的影响——最主要在观看体验质量QoE(Quality on Experience)上造成影响。 随后，演讲者介绍了直播延迟的来源，直播延迟的一个主要来源是视频的缓冲（Video Buffer），在具有足够的视频缓冲的条件下，在网络环境波动下的视频回放稳定性（Playback stability）能够得以保障 视频传输过程中往往对视频进行分段传输，因此，直播延迟也与视频分段的长度有关。 下面演讲者介绍了实现低延迟传输的方法。 而更好的低延迟方法则是分块分发（Chunked delivery），对视频片段进行分块编码，分块传输，减弱片段长度对直播延迟的影响。
2.3K20发布于 2020-05-20
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号