音视频

概要 本文主要讲解mp4中音频相关的处理方案，大致流程如下： 处理流程 mp4box解码 和处理视频时的第一步一致，直接用Mp4Box解析出视频容器中的音频轨道即可。 这时候可以拿到音频的取样率(sa

概要 本篇主要完成视频解封装 -> 视频数据解码 -> canvas播放流程。 整个流程大体如下： 流程及相关代码介绍 mp4解封装 解封装主要就是将视频容器中对应的视频轨道，音频轨道分离开来，之后在

VideoFrame是什么 官方的解释是：VideoFrame是js提供的面向webCodecs的端口, 代表了视频的一帧数据。 也就是说，学习VideoFrame后，咱们才能更好的入手webCode

PCM 音频原始数据格式PCM（纯音频数据） 存储格式解析 了解PCM存在单、双信道，8位、16位等采样率，其他基本就是纯音频数据流。（小端模式） 大小分析 采样大小: 一个采样用多少bit存放，通常

MediaSource demo 按需加载demo如下： 最终效果如下： 可以看到，视频一开始只加载了一段视频资源，在快要加载完后又继续加载了。 Q & A MeidaSource是如何实现视频播放的

h264重要参数分析 Profile: 对视频压缩特性的描述，Profile越高，压缩特性越高 上述是一些Profile压缩特性，以及这些压缩方式包含的压缩算法 Level: Level是对视频的描述

h264视频对于YUV数据压缩比大约 100 / 1 这么强大的压缩能力，是如何实现的呢？本文描述了一些初步压缩原理。

操作步骤 1. nginx搭建rtmp服务器 首先安装带有rtmp模块的nginx，有两种方案 从官网下载nginx源码，并下载rtmp模块(https://github.com/arut/nginx

YUV介绍 Y: 标识明亮度， U: 蓝色色度分量，占8bit（1字节） V: 红色色度分量，占8bit（1字节） YUV格式分析 YUA 4:4:4 也就是每个像素里都有Y,U,V数据，一个像素为3

视频相关概念 流媒体协议 流媒体协议是指将一连串的媒体数据压缩后，以流的方式在网络中分段传送，实现在网络上实时传输影音以供观赏的一种技术。例如HTTP， RTMP， HLS等。 容器 一般吧MP4,

webCodec流程解析 通过VideoEncoder将Canvas的VideoFrame编码成EncodedVideoChunk 用VideoDecoder反向操作，将EncodedVideoChu

引言 正如你可能已经注意到的，网络浏览器正在朝着更严格的自动播放政策发展，以改善用户体验，最大限度地减少安装广告拦截程序的动机，并减少昂贵和/或受限网络上的数据消耗。这些更改旨在为用户提供更大的播放控