使用MediaSource API实现M3U8视频流播放

# 章节一：介绍M3U8视频流
1.1 M3U8视频流的概念
1.2 M3U8视频流的优势
1.3 M3U8视频流的应用场景
## 章节二：MediaSource API概述
2.1 MediaSource API的作用
2.2 MediaSource API的兼容性
2.3 MediaSource API的基本用法
### 章节三：M3U8视频流的处理

M3U8视频流是一种基于HTTP Live Streaming（HLS）协议的视频流格式，常用于网络视频直播和点播。在使用MediaSource API实现M3U8视频流播放之前，有必要了解M3U8视频流的内部结构和处理方法。

#### 3.1 M3U8视频流的结构解析
M3U8视频流以`.m3u8`为文件扩展名，是一种基于文本的媒体播放列表格式。其结构包括了视频流的信息索引和片段文件路径，通常包含以下部分：

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-STREAM-INF:BANDWIDTH=800000,RESOLUTION=640x360
chunklist_w1173348811.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=1400000,RESOLUTION=960x540
chunklist_w1173348811.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=2800000,RESOLUTION=1280x720
chunklist_w1173348811.m3u8

- `#EXTM3U`：表示该文件是M3U格式的播放列表文件。
- `#EXT-X-VERSION`：指定HLS版本号。
- `#EXT-