hls协议下支持h.265视频web/H5播放方案

逃离我推掉我的手 2023-10-14 06:23 90阅读 0赞

一般我们播放本地视频都是使用 video标签，但是**<video> 元素只支持三种视频格式：MP4、WebM、Ogg**，对于在线视频直接使用video是没法播放的，这里介绍一款在做播放在线监控视频功能时使用的一款播放器。  
先介绍几个概念：

**流协议:**流协议就是在两个通信系统之间传输多媒体文件的一套规则，它定义了视频文件将如何分解为小数据包以及它们在互联网上传输的顺序，RTMP与 RTSP 是比较常见的流媒体协议。

**HLS：**HLS (HTTP Live Streaming)是Apple的动态码率[自适应技术][Link 1]。主要用于PC和Apple终端的音视频服务。包括一个m3u(8)的索引文件，TS媒体分片文件和key加密串文件。参考:[HLS][]。简单来说，HLS是一种协议，如果你的视频源是[http://xxxx.m3u8][http_xxxx.m3u8]这种，就选择这种协议，.m3u8是个文本文件，直播时，他的内容实时变更，内部指向一个或多个.ts文件。

**HTTP-FLV:** HTTP-FLV 是将音视频数据以 FLV 文件格式进行封装，再将 FLV 格式数据封装在 HTTP 协议中进行传输的一种流媒体传输方式。HTTP-FLV 的实现原理： HTTP-FLV 利用 HTTP/1.1 分块传输机制发送 FLV 数据。虽然直播服务器无法知道直播流的长度，但是 HTTP/1.1 分块传输机制可以不填写 conten-length 字段而是携带 Transfer-Encoding: chunked 字段，这样客户端就会一直接受数据。参考：[FLV 和 HTTP-FLV][FLV _ HTTP-FLV]。  
简单来说就是你的视频源是直播且是[http://xxxx.flv][http_xxxx.flv]，就选择这种协议播放。还有个**websocket-flv**，是基于websocket的。

**RTMP与RTSP：** [什么是RTMP 和 RTSP？它们之间有什么区别？][RTMP _ RTSP]

**H264(AVC)与H265(HEVC)：**都是视频编码，是视频压缩格式，由于视频本身的码流太大，所以需要经过压缩然后再通过网络进行传输，其中H265是H264的升级版，很多播放器无法播放H265视频。

目前liveweb的方案已经上线，测试下来，线上同时硬解 16 路没有性能问题,超低延时(150—200毫秒左右)，秒启动 h264 h265 web播放器,h5播放器，支持协议：RTSP、RTMP、HLS、HTTP-FLV、WebSocket-FLV、GB28181、HTTP-TS、WebSocket-TS、HTTP-fMP4、WebSocket-fMP4、MP4、WebRTC![b1ab70c999f84cdba15ca64ece08bcfb.jpeg][]

Liveweb是好游科技自主开发的网页播放器，支持 RTSP、RTMP、HTTP、HLS、UDP、RTP、File 等多种流媒体协议播放，同时也有多种显示方式 (GDI,D3D) 及格式 (RGB24,YV12,YUY2,RGB565)，经过 7x24 小时连续拷机测试，能够很好的处理断连.

iveweb是可支持H.264/H.265视频播放的流媒体播放器，性能稳定、播放流畅，可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等，具备较高的可用性。liveweb还拥有Windows、Android、iOS版本，其灵活的视频能力，极大满足了用户的多样化场景需求。

liveweb具备较强的灵活性，在视频直播过程中liveweb可通过H5进行视频解码，只要客户端支持H5，就能完美进行视频的无插件直播，同时还支持大码率视频直播，并可支持H.264、H.265两种编码格式。如果大家正在找寻一款供能强大的流媒体播放器，那么liveweb将会是一个不错的选择，我们也欢迎大家的了解和试用。![01a32af434674d9d960d008e9b8a986d.png][]

[Link 1]: https://links.jianshu.com/go?to=https%3A%2F%2Fbaike.baidu.com%2Fitem%2F%25E8%2587%25AA%25E9%2580%2582%25E5%25BA%2594%25E6%258A%2580%25E6%259C%25AF%2F2209007%3FfromModule%3Dlemma_inlink
[HLS]: https://links.jianshu.com/go?to=https%3A%2F%2Fbaike.baidu.com%2Fitem%2FHLS%2F8328931%3Ffr%3Daladdin
[http_xxxx.m3u8]: https://links.jianshu.com/go?to=http%3A%2F%2Fxxxx.m3u8
[FLV _ HTTP-FLV]: https://www.jianshu.com/p/b90c6ef5972a
[http_xxxx.flv]: https://links.jianshu.com/go?to=http%3A%2F%2Fxxxx.flv
[RTMP _ RTSP]: https://links.jianshu.com/go?to=https%3A%2F%2Fblog.csdn.net%2Fdaocaokafei%2Farticle%2Fdetails%2F127098972
[b1ab70c999f84cdba15ca64ece08bcfb.jpeg]: https://img-blog.csdnimg.cn/b1ab70c999f84cdba15ca64ece08bcfb.jpeg
[01a32af434674d9d960d008e9b8a986d.png]: https://img-blog.csdnimg.cn/01a32af434674d9d960d008e9b8a986d.png