为什么需要“网络不佳”提示 在微信通话这种实时音视频场景里，用户对流畅有非常低的容忍度，一旦出现断续的声音、口型不同步、画面卡顿或通话直接掉线，用户就会迅速认为服务不可靠并中断通话或投诉。因此在界面上

>作者：陈盛靖 ## 一、背景 业务群里面经常反馈，视频播放卡顿，视频播放总是停留在某一时刻就播放不了了。后面经过排查，发现这是因为弱网导致的。然而，用户数量众多，隔三差五总有人在群里反馈，有时问题

背景 H5分配内存很少，在业务中需上传大视频，用户低端机经常出现crash、请求超时现象，基于已有的视频上传方案，应整体进行优化。 二、整体方案 三、Action 3.1、分片上传（支持单片重试）

WebRTC 互动时，需要一个音量仪表盘来表示麦克风正在正常工作。React 使用 AudioWorklet 获取麦克风音量代码已经放到 github 上，有需要的可以参考。

纯web技术，唤起摄像头和麦克风，把视频投影到页面，然后一键开始录制，之后存入历史记录，随时唤起播放。只需100余行代码，你就拥有了一个视频录制功能。

使用recordRTC和ffmpeg.asm对页面指定元素进行录屏，并转为通用MP4格式，最后导出视频

这篇文章通过 HLS 的方式介绍如何保护视频和插入视频广告。 有些视频是需要付费或者开通会员才能观看，那么怎么保护这些视频呢？

当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Extensions）就来解决这些问题