基于Web Assembly的H265播放器实现

项目概述

随着视频编码技术的发展，相比H.264，H.265具有同等画质体积一半、画质更清晰细腻、编码效率更高等诸多优势。 但因版权等因素主流浏览器还不支持H.265的解码，因此需要专门的插件实现解码。本项目基于Web Assembly(封装FFmpeg库)、JS解封装、Canvas投影以及AudioContext实现了Web端的H265播放。
播放器显示效果如下：

功能简介

播放器主要分为UI、Loader、数据处理、数据渲染四个部分和3个线程。一个是主线程，负责界面控制、下载控制、数据流控制、音视频控制等功能；另一个是数据加载线程，负责meta数据和视频分片数据的请求；还有一个是数据处理线程，即负责视频数据的解封装和视频解码。
数据处理流程如下：

播放器的实现主要分为以下四个部分：

• UI：播放器显示，包括screen和controlbar两部分，screen包括视频图像展示、弹窗、海报图等。controlbar包括进度条、播放按钮、音量控制等组件。
• Loader：负责媒体数据的加载和解析，目前仅支持HLS协议。通过worker实现数据的请求，加载完成后，根据设置缓存大小，存储请求的ts数据，当达到缓存上限后停止加载。解码器从ts数据队列获取ts后&#x