字节架构前端

背景 直播基础知识 下图是一张简单的直播过程图，从图中可以看出，主播端部分其实就是推流部分，而观众端是拉流部分。其中推流部分主要涉及音视频数据的采集，预处理，编码，和封装。...

关于 React Server Components（下文统称为RSC） 的概念本文不做赘述，React官方有相关说明，感兴趣的同学可以参考以下地址： 官方地址：https...

前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议...

完成音视频通话需要了解四个模块：音视频采集、STUN/TURN 服务器、信令服务器、端与端之间P2P连接。使用WebRTC的API完成音视频采集，配合信令服务器和WebRT...

在一个惠风和畅适合写码的下午，技术群里的一位小伙伴抛出了这样一个问题 这个问题一出，立刻涌现出了四种意见 （你站哪一队？在评论区留下你的第一反应吧） 大家经常会使用 toD...

为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devt...

前言 在我们使用一个组件库的时候，文档页面是最直接的获取信息的窗口。而文档页一般包含了这些信息： 组件的描述 组件 Demo 示例的展示、描述和源码 组件的参数文档 要是纯...

大家都说前端写页面较多，几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用，我们先来看下实现效果： 开场之前我们先来描述弹幕开发的难度，再集中精力描述算法设计...

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profile...

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Exten...

HLS (HTTP Live Streaming) 是苹果公司开发的流媒体传输协议，它使用 HTTP 来传输视频，可以防止被防火墙屏蔽。DASH 一种自适应比特率流技术。...

随着科技技术发展以及人们生活娱乐方式转变，视频消费成为日常生活不可获取的一部分。为解决在复杂场景比如网络速度不足、弱网以及网络频繁抖动等情况下，用户观看视频不流畅的问题，自...

本文通过对一个真实mp4文件进行层层剖析，来了解一下mp4文件的具体组成。 我们借助一个在线的mp4解析工具mp4parse来进行分析和验证。 名词定义 在解析mp4封装格...

序言 随着现代浏览器和前端领域的蓬勃发展，特别是 MVVM 框架的百花齐放，编译器在前端的应用越来越广泛。就日常工作而言，包括但不限于： v8 引擎、tsc 工具（Type...

前言 随着多媒体行业的快速发展，大家对于视频分辨率、码率的要求也越来越高。与此同时，PUGC 用户也希望提供出更加优质、良好体验的视频内容来收获更多的粉丝。这样也就出现了大...