前言 常见的mp4类型的视频，直接通过vue原生的video引入就可以了。 但是当接入的视频是直播视频流时，video是不支持的，需要通过一定的插件辅助，如videojs，在实现功能前先介绍几个概念。

一般涉及到音视频流媒体播放时，会有音视频加解密，音视频转码等处理，但是相对于播放器来说就需要单独进行处理，其中MSE就是实现这些拓展功能的API，也可以实现普通MP4的流式播放

对外提供一致的接口，对HLS.js和FLV.js创建的播放器进行调用。完美的实现了产品的需求，不过写代码的时候总感觉有点蠢，HLS.js（208KB）和FLV.js（169KB）体积加起来有点太让人热泪盈眶了。 这时我们就有了一个想法，这两能不能合起来成为一个lib，既能播放f…

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知识，甚至是绝大部分前端知识。

不知道从何时起，各大主流网站的视频地址不再是我们想下载就能下载的mp4视频地址。 而是一个形如blob:<origin>/<uuid>的不知名地址，如： blob:https://www.bilibi

最近，团队小组内部体验web浏览器上课的音视频播放功能，除了对比竞品，也对比了主流视频内容的网站平台。计划补齐和增强与播放体验相关的能力。 在鼠标进度条停留，不必跳转进度，即可展示所指画面。 在简单分析了B站、腾讯视频后，发现都是采取在上架视频时，由后台生成专门用来帧预览的组合…

现象 IMWebConf 2020 直播期间，腾讯课堂上课页出现 flv 流直播场景页面崩溃现象： 此稳定性问题颇为严重，在此记录下解决过程以示警戒。

2020年，直播带货火爆全网。想一探淘宝直播背后的前端技术？本文将带你进入淘宝直播前端技术的世界。 对于大多数前端工程师来说，音视频技术是一个比较少涉足的领域，本文涵盖了流媒体技术中的文本、图形、图像、音频和视频多种理论知识，涉及到播放器、web媒体技术、主流框架等介绍，只需要…

WebRTC是一种用于实现浏览器之间点对点通信的技术，使得开发者可以在网页中实现高质量的音视频通信。本文将介绍WebRTC的实现方式和基本原理，以及如何应用WebRTC API实现音视频通信。