视频流

问题：最近在做视频直播，延迟问题很严重，pc端还好，延迟5s左右，在微信h5有时候延迟30s以上，所以来研究一下视频播放

         PC用的是flv.js播放的，微信使用h5 video播放

一、HTML5录制视频

    可以使用强大的webRTC，目前腾讯的实时音视频就是用的webRTC，但是兼容性不是很好

二、播放直播视频

目前有两种视频协议流，一种是HLS，另外一种是RTMP

1. HLS协议

(1) HLS协议就是把整个流分成一个个小的，基于HTTP文件来下载，每次只下载一些，一个文件就是.m3u8的文件，用于存放视频流元数据

     每一个.m3u8文件，分别对应若干个ts文件，这些文件才是真正存放视频的数据，m3u8文件只是存放了一些ts文件的配置信息和相关路径，当视频播放时，.m3u8是动态改变的，video标签会解析这个文件，并找到对应的ts文件来播放，所以一般为了加快速度，.m3u8放在web服务器上，ts文件放在CDN上。

     .m3u8文件其实就是以UTF-8编码的m3u文件，这个文件本身不能播放，只是存放了播放信息的文本文件

(2) HLS延迟

      hls是将直播流分成一段一段的小段视频区下载播放的，所以假设列表里面的包含5个ts文件，每个ts文件包含5s的视频内容，那么整体的延迟就是25s

      HLS只能在拉流端，造成慢的原因就是在等数据

(3) 优点

      可以在h5使用，直接用video就可以拉流，ios和android都支持这种协议，配置简单

2. RTMP协议

    Real Time Messaging Protocol（简称 RTMP）是 Macromedia 开发的一套视频直播协议，现在属于 Adobe。这套方案需要搭建专门的 RTMP 流媒体服务如 Adobe Media Server，并且在浏览器中只能使用 Flash 实现播放器。

    RTMP可以在双端（推流端和拉流端）

3. HttpFlv

    HttpFlv就是http+flv，将音视频数据封装成flv格式，然后通过Http协议传输给用户端，但聪明地你马上就会发现，虽然传输协议变了，但在flv数据格式下，脱离FlashPlayer还是无稽之谈。但在2016年，这一切都发生了改变，因为flv.js问世了！