m3u8 格式是什么文件?

M3U8 是 Unicode 版本的 M3U,用 UTF-8 编码。"M3U" 和 "M3U8" 文件都是苹果公司使用的 HTTP Live Streaming(HLS) 协议格式的基础,这种协议格式可以在 iPhone 和 Macbook 等设备播放。

m3u8简介

是 Unicode 版本的 ,用 UTF-8 编码。"M3U" 和 "M3U8" 文件都是苹果公司使用的 HTTP Live Streaming(HLS) 协议格式的基础,这种协议格式可以在 iPhone 和 Macbook 等设备播放。

上述文字定义来自于。可以看到,m3u8 文件其实是 HTTP Live Streaming(缩写为 HLS) 协议的部分内容,而 HLS 是一个由苹果公司提出的基于 HTTP 的流媒体网络传输协议。

HLS 的工作原理是把整个流分成一个个小的基于 HTTP 的文件来下载,每次只下载一些。当媒体流正在播放时,客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源,允许流媒体会话适应不同的数据速率。在开始一个流媒体会话时,客户端会下载一个包含元数据的 extended M3U (m3u8) playlist文件,用于寻找可用的媒体流。
HLS 只请求基本的 HTTP 报文,与实时传输协议(RTP)不同,HLS 可以穿过任何允许 HTTP 数据通过的防火墙或者。它也很容易使用内容分发网络来传输媒体流。

简而言之,HLS 是新一代流媒体传输协议,其基本实现原理为将一个大的媒体文件进行分片,将该分片文件资源路径记录于 m3u8 文件(即 playlist)内,其中附带一些额外描述(比如该资源的多带宽信息···)用于提供给客户端。客户端依据该 m3u8 文件即可获取对应的媒体资源,进行播放。

因此,客户端获取 HLS 流文件,主要就是对 m3u8 文件进行解析操作。

那么,下面就简单介绍下 m3u8 文件。

M3U8 文件简介

m3u8 文件实质是一个播放列表(playlist),其可能是一个媒体播放列表(Media Playlist),或者是一个主列表(Master Playlist)。但无论是哪种播放列表,其内部文字使用的都是 utf-8 编码。

当 m3u8 文件作为媒体播放列表(Meida Playlist)时,其内部信息记录的是一系列媒体片段资源,顺序播放该片段资源,即可完整展示多媒体资源。其格式如下所示:

#EXTM3U
#EXT-X-TARGETDURATION:10

#EXTINF:9.009,
http://media.example.com/first.ts
#EXTINF:9.009,
http://media.example.com/second.ts
#EXTINF:3.003,
http://media.example.com/third.ts
对于点播来说,客户端只需按顺序下载上述片段资源,依次进行播放即可。而对于直播来说,客户端需要 定时重新请求 该 m3u8 文件,看下是否有新的片段数据需要进行下载并播放。

当 m3u8 作为主播放列表(Master Playlist)时,其内部提供的是同一份媒体资源的多份流列表资源(Variant Stream)。其格式如下所示:

#EXTM3U
#EXT-X-STREAM-INF:BANDWIDTH=150000,RESOLUTION=416x234,CODECS="avc1.42e00a,mp4a.40.2"
http://example.com/low/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=240000,RESOLUTION=416x234,CODECS="avc1.42e00a,mp4a.40.2"
http://example.com/lo_mid/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=440000,RESOLUTION=416x234,CODECS="avc1.42e00a,mp4a.40.2"
http://example.com/hi_mid/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=640000,RESOLUTION=640x360,CODECS="avc1.42e00a,mp4a.40.2"
http://example.com/high/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=64000,CODECS="mp4a.40.5"
http://example.com/audio/index.m3u8
该备用流资源指定了多种不同码率,不同格式的媒体播放列表,并且,该备用流资源也可同时提供不同版本的资源内容,比如不同语言的音频文件,不同角度拍摄的视屏文件等等。客户可以根据不同的网络状态选取合适码流的资源,并且最好根据用户喜好选择合适的资源内容。
以上,就是 m3u8 文件的大概内容。下面,我们就对 m3u8 内容格式进行讲解。

m3u8 文件格式

m3u8 的文件格式主要包含三方面内容:

文件播放列表格式定义:播放列表(Playlist,也即 m3u8 文件) 内容需严格满足规范定义所提要求。下面罗列一些主要遵循的条件:
m3u8 文件必须以 utf-8 进行编码,不能使用 Byte Order Mark(BOM)字节序, 不能包含 utf-8 控制字符(U+0000 ~ U_001F 和 U+007F ~ u+009F)。

m3u8 文件的每一行要么是一个 URI,要么是空行,要么就是以 # 开头的。不能出现空白字符,除了显示声明的元素。

m3u8 文件中以 # 开头的字符串要么是注释,要么就是标签。标签以 #EXT 开头,大小写敏感。

属性列表(Attribute Lists):某些特定的标签的值为属性列表。标签后面的属性列表以 逗号 作为分隔符,分离出多组不带空格的 属性/值 对。
属性/值 对的语法格式如下:
AttributeName=AttributeValue
其中:

属性AttributeName是由 [A..Z],[0..9] 和 - 组成的不带引号的字符串。因此,属性AttributeName只能使用大写字母,不能使用小写字母,并且AttributeName和=中间不能有空格,同理,=和AttributeValue之间也不能有空格。

值AttributeValue的只能取以下类型:

十进制整型(decimal-interger):由 [0..9] 之间组成的十进制不带引号的字符串,范围为 ~ (18446744073709551615),字符长度为 1 ~ 20 之间。
十六进制序列:由 [0..9] 和 [A..F] 且前缀为 0x 或 0X 组合成的不带引号的字符串。其序列的最大长度取决于他的属性名AttributeNames。
带符号十进制浮点型(signed-decimal-floating-point):由 [0..9],-和.组合成的不带引号的字符串。
字符串(quoted-string):由双引号包裹表示的字符串。其中,0xA,0xD 和 双引号"不能出现在该字符串中。该字符串区分大小写。
可枚举字符串(enumerated-string):由AttributeName显示定义的一系列不带引号的字符串。该字符串不能包含双引号",逗号,和空白字符。
decimal-resolution:由字符x进行隔离的两个十进制整型数。第一个整型表示水平宽度大小,第二个整型数表示垂直方向高度大小(单位:像素)。
标签:标签用于指定 m3u8 文件的全局参数或在其后面的切片文件/媒体播放列表的一些信息。
标签的类型可分为五种类型:基础标签(Basic Tags),媒体片段类型标签(Media Segment Tags),媒体播放列表类型标签,主播放列表类型标签 和 播放列表类型标签。其具体内容如下所示:

基础标签(Basic Tags):可同时适用于媒体播放列表(Media Playlist)和主播放列表(Master Playlist)。具体标签如下:

EXTM3U:表明该文件是一个 m3u8 文件。每个 M3U 文件必须将该标签放置在第一行。
EXT-X-VERSION:表示 HLS 的协议版本号,该标签与流媒体的兼容性相关。该标签为全局作用域,使能整个 m3u8 文件;每个 m3u8 文件内最多只能出现一个该标签定义。如果 m3u8 文件不包含该标签,则默认为协议的第一个版本。
媒体片段类型标签(Media Segment Tags):每个切片 URI 前面都有一系列媒体片段标签对其进行描述。有些片段标签只对其后切片资源有效;有些片段标签对其后所有切片都有效,直到后续遇到另一个该标签描述。媒体片段类型标签不能出现在主播放列表(Master Playlist)中。具体标签如下:

EXTINF:表示其后 URL 指定的媒体片段时长(单位为秒)。每个 URL 媒体片段之前必须指定该标签。该标签的使用格式为:

#EXTINF:,[]<br> 其中:</p><p>duration:可以为十进制的整型或者浮点型,其值必须小于或等于 EXT-X-TARGETDURATION 指定的值。<br> 注:建议始终使用浮点型指定时长,这可以让客户端在定位流时,减少四舍五入错误。但是如果兼容版本号 EXT-X-VERSION 小于 3,那么必须使用整型。<br> EXT-X-BYTERANGE:该标签表示接下来的切片资源是其后 URI 指定的媒体片段资源的局部范围(即截取 URI 媒体资源部分内容作为下一个切片)。该标签只对其后一个 URI 起作用。其格式为:</p><p>#EXT-X-BYTERANGE:<n>[@<o>]<br> 其中:</p><p>n是一个十进制整型,表示截取片段大小(单位:字节)。<br> 可选参数o也是一个十进制整型,指示截取起始位置(以字节表示,在 URI 指定的资源开头移动该字节位置后进行截取)。<br> 如果o未指定,则截取起始位置从上一个该标签截取完成的下一个字节(即上一个n+o+1)开始截取。<br> 如果没有指定该标签,则表明的切分范围为整个 URI 资源片段。<br> 注:使用 EXT-X-BYTERANGE 标签要求兼容版本号 EXT-X-VERSION 大于等于 4。<br> EXT-X-DISCONTINUITY:该标签表明其前一个切片与下一个切片之间存在中断。其格式为:</p><p>#EXT-X-DISCONTINUITY<br> 当以下任一情况变化时,必须使用该标签:</p><p>文件格式(file format)<br> 数字(number),类型(type),媒体标识符(identifiers of tracks)<br> 时间戳序列(timestamp sequence)<br> 当以下任一情况变化时,应当使用该标签:</p><p>编码参数(encoding parameters)<br> 编码序列(encoding sequence)<br> 注:EXT-X-DISCONTINUITY 的一个经典使用场景就是在视屏流中插入广告,由于视屏流与广告视屏流不是同一份资源,因此在这两种流切换时使用 EXT-X-DISCONTINUITY 进行指明,客户端看到该标签后,就会处理这种切换中断问题,让体验更佳。<br> 更多详细内容,请查看:Incorporating Ads into a Playlist</p><p>EXT-X-KEY:媒体片段可以进行加密,而该标签可以指定解密方法。<br> 该标签对所有 媒体片段 和 由标签 EXT-X-MAP 声明的围绕其间的所有 媒体初始化块(Meida Initialization Section) 都起作用,直到遇到下一个 EXT-X-KEY(若 m3u8 文件只有一个 EXT-X-KEY 标签,则其作用于所有媒体片段)。<br> 多个 EXT-X-KEY 标签如果最终生成的是同样的秘钥,则他们都可作用于同一个媒体片段。<br> 该标签使用格式为:</p><p>#EXT-X-KEY:<attribute-list><br> 属性列表可以包含如下几个键:</p><p>METHOD:该值是一个可枚举的字符串,指定了加密方法。<br> 该键是必须参数。其值可为NONE,AES-128,SAMPLE-AES当中的一个。<br> 其中:<br> NONE:表示切片未进行加密(此时其他属性不能出现);<br> AES-128:表示表示使用 AES-128 进行加密。<br> SAMPLE-AES:意味着媒体片段当中包含样本媒体,比如音频或视频,它们使用 AES-128 进行加密。这种情况下 IV 属性可以出现也可以不出现。</p><p>URI:指定密钥路径。<br> 该密钥是一个 16 字节的数据。<br> 该键是必须参数,除非 METHOD 为NONE。</p><p>IV:该值是一个 128 位的十六进制数值。<br> AES-128 要求使用相同的 16字节 IV 值进行加密和解密。使用不同的 IV 值可以增强密码强度。<br> 如果属性列表出现 IV,则使用该值;如果未出现,则默认使用媒体片段序列号(即 EXT-X-MEDIA-SEQUENCE)作为其 IV 值,使用大端字节序,往左填充 0 直到序列号满足 16 字节(128 位)。</p><p>KEYFORMAT:由双引号包裹的字符串,标识密钥在密钥文件中的存储方式(密钥文件中的 AES-128 密钥是以二进制方式存储的16个字节的密钥)。<br> 该属性为可选参数,其默认值为"identity"。<br> 使用该属性要求兼容版本号 EXT-X-VERSION 大于等于 5。</p><p>KEYFORMATVERSIONS:由一个或多个被/分割的正整型数值构成的带引号的字符串(比如:"1","1/2","1/2/5")。<br> 如果有一个或多特定的 KEYFORMT 版本被定义了,则可使用该属性指示具体版本进行编译。<br> 该属性为可选参数,其默认值为"1"。<br> 使用该属性要求兼容版本号 EXT-X-VERSION 大于等于 5。</p><p>EXT-X-MAP:该标签指明了获取媒体初始化块(Meida Initialization Section)的方法。<br> 该标签对其后所有媒体片段生效,直至遇到另一个 EXT-X-MAP 标签。<br> 其格式为:</p><p>#EXT-X-MAP:<attribute-list><br> 其属性列表取值范围如下:</p><p>URI:由引号包裹的字符串,指定了包含媒体初始化块的资源的路径。该属性为必选参数。</p><p>BYTERANGE:由引号包裹的字符串,指定了媒体初始化块在 URI 指定的资源的位置(片段)。<br> 该属性指定的范围应当只包含媒体初始化块。<br> 该属性为可选参数,如果未指定,则表示 URI 指定的资源就是全部的媒体初始化块。</p><p>EXT-X-PROGRAM-DATE-TIME:该标签使用一个绝对日期/时间表明第一个样本片段的取样时间。<br> 其格式为:</p><p>#EXT-X-PROGRAM-DATE-TIME:<date-time-msec><br> 其中,date-time-msec是一个 <a href="https://boxqu.com/tag/iso" class="st_tag internal_tag " rel="tag" title="iso">ISO</a>/IEC 8601:2004 规定的日期格式,形如:YYYY-MM-DDThh:mm:ss.SSSZ。</p><p>EXT-X-DATERANGE:该标签定义了一系列由属性/值对组成的日期范围。<br> 其格式为:</p><p>#EXT-X-DATERANGE:<attribute-list><br> 其属性列表取值如下:</p><p>ID:双引号包裹的唯一指明日期范围的标识。<br> 该属性为必选参数。</p><p>CLASS:双引号包裹的由客户定义的一系列属性与与之对应的语意值。<br> 所有拥有同一 CLASS 属性的日期范围必须遵守对应的语意。<br> 该属性为可选参数。</p><p>START-DATE:双引号包裹的日期范围起始值。<br> 该属性为必选参数。</p><p>END-DATE:双引号包裹的日期范围结束值。<br> 该属性值必须大于或等于 START-DATE。<br> 该属性为可选参数。</p><p>DURATION:日期范围的持续时间是一个十进制浮点型数值类型(单位:秒)。<br> 该属性值不能为负数。<br> 当表达立即时间时,将该属性值设为 0 即可。<br> 该属性为可选参数。</p><p>PLANNED-DURATION:该属性为日期范围的期望持续时长。<br> 其值为一个十进制浮点数值类型(单位:秒)。<br> 该属性值不能为负数。<br> 在预先无法得知真实持续时长的情况下,可使用该属性作为日期范围的期望预估时长。<br> 该属性为可选参数。</p><p>X-<client-attribute>:X-前缀是预留给客户端自定义属性的命名空间。<br> 客户端自定义属性名时,应当使用反向 <a href="https://boxqu.com/tag/dns" class="st_tag internal_tag " rel="tag" title="DNS">DNS</a>(reverse-DNS)语法来避免冲突。<br> 自定义属性值必须是使用双引号包裹的字符串,或者是十六进制序列,或者是十进制浮点数,比如:X-COM-EXAMPLE-AD-ID="XYZ123"。<br> 该属性为可选参数。</p><p>SCTE35-CMD, SCTE35-OUT, SCTE35-IN:用于携带 SCET-35 数据。<br> 该属性为可选参数。</p><p>END-ON-NEXT:该属性值为一个可枚举字符串,其值必须为YES。<br> 该属性表明达到该范围末尾,也即等于后续范围的起始位置 START-DATE。后续范围是指具有相同 CLASS 的,在该标签 START-DATE 之后的具有最早 START-DATE 值的日期范围。<br> 该属性时可选参数。</p><p>媒体播放列表类型标签:媒体播放列表标签为 m3u8 文件的全局参数信息。<br> 这些标签只能在 m3u8 文件中至多出现一次。<br> 媒体播放列表(Media Playlist)标签不能出现在主播放列表(Master Playlist)中。<br> 媒体播放列表具体标签如下所示:</p><p>EXT-X-TARGETDURATION:表示每个视频分段最大的时长(单位秒)。<br> 该标签为必选标签。<br> 其格式为:</p><p>#EXT-X-TARGETDURATION:<s><br> 其中:参数s表示目标时长(单位:秒)。</p><p>EXT-X-MEDIA-SEQUENCE:表示播放列表第一个 URL 片段文件的序列号。<br> 每个媒体片段 URL 都拥有一个唯一的整型序列号。<br> 每个媒体片段序列号按出现顺序依次加 1。<br> 如果该标签未指定,则默认序列号从 0 开始。<br> 媒体片段序列号与片段文件名无关。<br> 其格式为:</p><p>#EXT-X-MEDIA-SEQUENCE:<number><br> 其中:参数number即为切片序列号。</p><p>EXT-X-DISCONTINUITY-SEQUENCE:该标签使能同步相同流的不同 Rendition 和 具备 EXT-X-DISCONTINUITY 标签的不同备份流。<br> 其格式为:</p><p>#EXT-X-DISCONTINUITY-SEQUENCE:<number><br> 其中:参数number为一个十进制整型数值。<br> 如果播放列表未设置 EXT-X-DISCONTINUITY-SEQUENCE 标签,那么对于第一个切片的中断序列号应当为 0。</p><p>EXT-X-ENDLIST:表明 m3u8 文件的结束。<br> 该标签可出现在 m3u8 文件任意位置,一般是结尾。<br> 其格式为:</p><p>#EXT-X-ENDLIST<br> EXT-X-PLAYLIST-TYPE:表明流媒体类型。全局生效。<br> 该标签为可选标签。<br> 其格式为:</p><p>#EXT-X-PLAYLIST-TYPE:<type-enum><br> 其中:type-enum可选值如下:</p><p>VOD:即 Video on Demand,表示该视屏流为点播源,因此服务器不能更改该 m3u8 文件;</p><p>EVENT:表示该视频流为<a href="https://boxqu.com/tag/zhiboyuan" class="st_tag internal_tag " rel="tag" title="直播源">直播源</a>,因此服务器不能更改或删除该文件任意部分内容(但是可以在文件末尾添加新内容)。<br> 注:VOD 文件通常带有 EXT-X-ENDLIST 标签,因为其为点播源,不会改变;而 EVEVT 文件初始化时一般不会有 EXT-X-ENDLIST 标签,暗示有新的文件会添加到播放列表末尾,因此也需要客户端定时获取该 m3u8 文件,以获取新的媒体片段资源,直到访问到 EXT-X-ENDLIST 标签才停止)。</p><p>EXT-X-I-FRAMES-ONLY:该标签表示每个媒体片段都是一个 I-frame。I-frames 帧视屏编码不依赖于其他帧数,因此可以通过 I-frame 进行快速播放,急速翻转等操作。<br> 该标签全局生效。<br> 其格式为:</p><p>#EXT-X-I-FRAMES-ONLY<br> 如果播放列表设置了 EXT-X-I-FRAMES-ONLY,那么切片的时长(EXTINF 标签的值)即为当前切片 I-frame 帧开始到下一个 I-frame 帧出现的时长。<br> 媒体资源如果包含 I-frame 切片,那么必须提供媒体初始化块或者通过 EXT-X-MAP 标签提供媒体初始化块的获取途径,这样客户端就能通过这些 I-frame 切片以任意顺序进行加载和解码。<br> 如果 I-frame 切片设置了 EXT-BYTERANGE,那么就绝对不能提供媒体初始化块。<br> 使用 EXT-X-I-FRAMES-ONLY 要求的兼容版本号 EXT-X-VERSION 大于等于 4。</p><p>主播放列表类型标签:主播放列表(Master Playlist)定义了备份流,多语言翻译流和其他全局参数。<br> 主播放列表标签绝不能出现在媒体播放列表(Media Playlist)中。<br> 其具体标签如下:</p><p>EXT-X-MEDIA:用于指定相同内容的可替换的多语言翻译播放媒体列表资源。<br> 比如,通过三个 EXT-X-MEIDA 标签,可以提供包含英文,法语和西班牙语版本的相同内容的音频资源,或者通过两个 EXT-X-MEDIA 提供两个不同拍摄角度的视屏资源。<br> 其格式为:</p><p>#EXT-X-MEDIA:<attribute-list><br> 其中,属性列表取值范围如下:</p><p>TYPE:该属性值为一个可枚举字符串。<br> 其值有如下四种:AUDIO,VIDEO,SUBTITLES,CLOSED-CAPTIONS。<br> 通常使用的都是CLOSED-CAPTIONS。<br> 该属性为必选参数。</p><p>URI:双引号包裹的媒体资源播放列表路径。<br> 如果 TYPE 属性值为 CLOSED-CAPTIONS,那么则不能提供 URI。<br> 该属性为可选参数。</p><p>GROUP-ID:双引号包裹的字符串,表示多语言翻译流所属组。<br> 该属性为必选参数。</p><p>LANGUAGE:双引号包裹的字符串,用于指定流主要使用的语言。<br> 该属性为可选参数。</p><p>ASSOC-LANGUAGE:双引号包裹的字符串,其内包含一个语言标签,用于提供多语言流的其中一种语言版本。<br> 该参数为可选参数。</p><p>NAME:双引号包裹的字符串,用于为翻译流提供可读的描述信息。<br> 如果设置了 LANGUAGE 属性,那么也应当设置 NAME 属性。<br> 该属性为必选参数。</p><p>DEFAULT:该属性值为一个可枚举字符串。<br> 可选值为YES和NO。<br> 该属性未指定时默认值为NO。<br> 如果该属性设为YES,那么客户端在缺乏其他可选信息时应当播放该翻译流。<br> 该属性为可选参数。</p><p>AUTOSELECT:该属性值为一个可枚举字符串。<br> 其有效值为YES或NO。<br> 未指定时,默认设为NO。<br> 如果该属性设置YES,那么客户端在用户没有显示进行设置时,可以选择播放该翻译流,因为其能配置当前播放环境,比如系统语言选择。<br> 如果设置了该属性,那么当 DEFAULT 设置YES时,该属性也必须设置为YES。<br> 该属性为可选参数。</p><p>FORCED:该属性值为一个可枚举字符串。<br> 其有效值为YES或NO。<br> 未指定时,默认设为NO。<br> 只有在设置了 TYPE 为 SUBTITLES 时,才可以设置该属性。<br> 当该属性设为YES时,则暗示该翻译流包含重要内容。当设置了该属性,客户端应当选择播放匹配当前播放环境最佳的翻译流。<br> 当该属性设为NO时,则表示该翻译流内容意图用于回复用户显示进行请求。<br> 该属性为可选参数。</p><p>INSTREAM-ID:由双引号包裹的字符串,用于指示切片的语言(Rendition)版本。<br> 当 TYPE 设为 CLOSED-CAPTIONS 时,必须设置该属性。<br> 其可选值为:"CC1", "CC2", "CC3", "CC4" 和 "SERVICEn"(n的值为 1~63)。<br> 对于其他 TYPE 值,该属性绝不能进行设置。</p><p>CHARACTERISTICS:由双引号包裹的由一个或多个由逗号分隔的 UTI 构成的字符串。<br> 每个 UTI 表示一种翻译流的特征。<br> 该属性可包含私有 UTI。<br> 该属性为可选参数。</p><p>CHANNELS:由双引号包裹的有序,由反斜杠/分隔的参数列表组成的字符串。<br> 所有音频 EXT-X-MEDIA 标签应当都设置 CHANNELS 属性。<br> 如果主播放列表包含两个相同编码但是具有不同数目 channed 的翻译流,则必须设置 CHANNELS 属性;否则,CHANNELS 属性为可选参数。</p><p>EXT-X-STREAM-INF:该属性指定了一个备份源。该属性值提供了该备份源的相关信息。<br> 其格式为:</p><p>#EXT-X-STREAM-INF:<attribute-list><br> <URI><br> 其中:</p><p>URI 指定的媒体播放列表携带了该标签指定的翻译备份源。<br> URI 为必选参数。</p><p>EXT-X-STREAM-INF 标签的参数属性列表有如下选项:</p><p>BANDWIDTH:该属性为每秒传输的比特数,也即带宽。代表该备份流的巅峰速率。<br> 该属性为必选参数。</p><p>AVERAGE-BANDWIDTH:该属性为备份流的平均切片传输速率。<br> 该属性为可选参数。</p><p>CODECS:双引号包裹的包含由逗号分隔的格式列表组成的字符串。<br> 每个 EXT-X-STREAM-INF 标签都应当携带 CODECS 属性。</p><p>RESOLUTION:该属性描述备份流视屏源的最佳像素方案。<br> 该属性为可选参数,但对于包含视屏源的备份流建议增加该属性设置。</p><p>FRAME-RATE:该属性用一个十进制浮点型数值作为描述备份流所有视屏最大帧率。<br> 对于备份流中任意视屏源帧数超过每秒 30 帧的,应当增加该属性设置。<br> 该属性为可选参数,但对于包含视屏源的备份流建议增加该属性设置。</p><p>HDCP-LEVEL:该属性值为一个可枚举字符串。<br> 其有效值为TYPE-0或NONE。<br> 值为TYPE-0表示该备份流可能会播放失败,除非输出被高带宽数字内容保护(HDCP)。<br> 值为NONE表示流内容无需输出拷贝保护。<br> 使用不同程度的 HDCP 加密备份流应当使用不同的媒体加密密钥。<br> 该属性为可选参数。在缺乏 HDCP 可能存在播放失败的情况下,应当提供该属性。</p><p>AUDIO:属性值由双引号包裹,其值必须与定义在主播放列表某处的设置了 TYPE 属性值为 AUDIO 的 EXT-X-MEDIA 标签的 GROUP-ID 属性值相匹配。<br> 该属性为可选参数。</p><p>VIDEO:属性值由双引号包裹,其值必须与定义在主播放列表某处的设置了 TYPE 属性值为 VIDEO 的 EXT-X-MEDIA 标签的 GROUP-ID 属性值相匹配。<br> 该属性为可选参数。</p><p>SUBTITLES:属性值由双引号包裹,其值必须与定义在主播放列表某处的设置了 TYPE 属性值为 SUBTITLES 的 EXT-X-MEDIA 标签的 GROUP-ID 属性值相匹配。<br> 该属性为可选参数。</p><p>CLOSED-CAPTIONS:该属性值可以是一个双引号包裹的字符串或NONE。<br> 如果其值为一个字符串,则必须与定义在主播放列表某处的设置了 TYPE 属性值为 CLOSED-CAPTIONS 的 EXT-X-MEDIA 标签的 GROUP-ID 属性值相匹配。<br> 如果其值为NONE,则所有的 ext-x-stream-inf 标签必须同样将该属性设置NONE,表示主播放列表备份流均没有关闭的标题。对于某个备份流具备关闭标题,另一个备份流不具备关闭标题可能会触发播放中断。<br> 该属性为可选参数。</p><p>EXT-X-I-FRAME-STREAM-INF:该标签表明媒体播放列表文件包含多种媒体资源的 I-frame 帧。<br> 其格式为:</p><p>#EXT-X-I-FRAME-STREAM-INF:<attribute-list><br> 该标签的属性列表包含了 EXT-X-I-FRAME-STREAM-INF 标签同样的属性列表选项,除了 FRAME-RATE,AUDIO,SUBTITLES 和 CLOSED-CAPTIONS。除此之外,其他的属性还有:</p><p>URI:该属性值由双引号包裹的字符串,指示了 I-frame 媒体播放列表文件的路径,该媒体播放列表文件必须包含 EXT-X-I-FRAMES-ONLY 标签。<br> EXT-X-SESSION-DATA:该标签允许主播放列表携带任意 session 数据。<br> 该标签为可选参数。<br> 其格式为:</p><p>#EXT-X-SESSION-DATA:<attribute-list><br> 其中,其参数属性列表值如下可选项:</p><p>DATA-ID:由双引号包裹的字符串,代表一个特定的数据值。<br> 该属性应当使用反向 DNS 进行命名,如"com.example.movie.title"。然而,由于没有中央注册机构,所以可能出现冲突情况。<br> 该属性为必选参数。</p><p>VALUE:该属性值为一个双引号包裹的字符串,其包含 DATA-ID 指定的值。<br> 如果设置了 LANGUAGE,则 VALUE 应当包含一个用该语言书写的可读字符串。</p><p>URI:由双引号包裹的 URI 字符串。由该 URI 指示的资源必选使用 JSON 格式,否则,客户端可能会解析失败。</p><p>LANGUAGE:由双引号包裹的,包含一个语言标签的字符串。指示了 VALUE 所使用的语言。</p><p>EXT-X-SESSION-KEY:该标签允许主播放列表(Master Playlist)指定媒体播放列表(Meida Playlist)的加密密钥。这使得客户端可以预先加载这些密钥,而无需从媒体播放列表中获取。<br> 该标签为可选参数。<br> 其格式为:<br> #EXT-X-SESSION-KEY:<attribute-list><br> 其属性列表与 EXT-X-KEY 相同,除了 METHOD 属性的值必须不为NONE。<br> 播放列表类型标签:以下标签可同时设置于主播放列表(Master Playlist)和媒体播放列表(Media Playlist)中。<br> 但是对于在主播放列表中设置了的标签,不应当再次设置在主播放列表指向的媒体播放列表中。<br> 同时出现在两者播放列表的相同标签必须具备相同的值。这些标签在播放列表中不能出现多次(只能使用一次)。具体标签如下所示:</p><p>EXT-X-INDEPENDENT-SEGMENTS:该标签表明对于一个媒体片段中的所有媒体样本均可独立进行解码,而无须依赖其他媒体片段信息。<br> 该标签对列表内所有媒体片段均有效。<br> 其格式为:</p><p>#EXT-X-INDEPENDENT-SEGMENTS<br> 如果该标签出现在主播放列表中,则其对所有媒体播放列表的所有媒体片段都生效。</p><p>EXT-X-START:该标签表示播放列表播放起始位置。<br> 默认情况下,客户端开启一个播放会话时,应当使用该标签指定的位置进行播放。<br> 该标签为可选标签。<br> 其格式为:</p><p>#EXT-X-START:<attribute-list><br> 其参数属性列表的取值范围如下:</p><p>TIME-OFFSET:该属性值为一个带符号十进制浮点数(单位:秒)。<br> 一个正数表示以播放列表起始位置开始的时间偏移量。<br> 一个负数表示播放列表上一个媒体片段最后位置往前的时间偏移量。<br> 该属性的绝对值应当不超过播放列表的时长。如果超过,则表示到达文件结尾(数值为正数),或者达到文件起始(数值为负数)。<br> 如果播放列表不包含 EXT-X-ENDLIST 标签,那么 TIME-OFFSET 属性值不应当在播放文件末尾三个切片时长之内。</p><p>PRECISE:该值为一个可枚举字符串。<br> 有效的取值为YES 或 NO。<br> 如果值为YES,客户端应当播放包含 TIME-OFFSET 的媒体片段,但不要渲染该块内优先于 TIME-OFFSET 的样本块。<br> 如果值为NO,客户端应当尝试渲染在媒体片段内的所有样本块。<br> 该属性为可选参数,未指定则认为NO。</p><p>到此,m3u8 相关的标签我们已经完全介绍完毕。</p><p>下面我们再简单介绍下资源文件的获取具体操作。</p><p>上文提到,m3u8 文件要么是媒体播放列表(Meida Playlist),要么是主播放列表(Master Playlist)。但无论是哪种列表,其有效内容均由两部分结构组成:</p><p>以 #EXT 开头的为标签信息,作为对媒体资源的进一步描述;<br> 剩余的为资源信息,要么是片段资源(Media Playlist)路径,要么是 m3u8 资源(Master Playlist)路径;<br> 我们先简单介绍下 m3u8 文件媒体片段的表示方法:</p><p>m3u8 文件中,媒体片段可以采用全路径表示。如下所示:<br> #EXTINF:10.0,<br> <a href="http://example.com/movie1/fileSequenceA.ts" rel="nofollow">http://example.com/movie1/fileSequenceA.ts</a><br> 这样,获取资源片段的路径就是 m3u8 文件内指定的路径,即:http://example.com/movie1/fileSequenceA.ts</p><p>m3u8 文件中,媒体片段还可以使用相对路径表示。如下所示:<br> #EXTINF:10.0,<br> fileSequenceA.ts<br> 这表示片段文件的路径是相对于 m3u8 文件路径的,即假设当前 m3u8 的路径为:https://127.0.0.1/hls/m3u8,那么,片段文件 fileSequenceA.ts 的路径即为:https://127.0.0.1/hls/fileSequenceA.ts</p><p>尽管可以在 m3u8 文件中使用绝对路径指定媒体片段资源路径,但是更好的选择是使用相对路径。相对路径相较于绝对路径更轻便,同时是相对于 m3u8 文件的 URL。相比之下,绝对路径增加了 m3u8 文件内容(更多字符),增大了文件内容,同时也增大了网络传输量。</p><p>其余一些注意事项<br> 有两种请求 m3u8 播放列表的方法:一是通过 m3u8 的 URI 进行请求,则该文件必须以 .m3u8 或 .m3u 结尾;<br> 二是通过 HTTP 进行请求,则请求头<a href="https://boxqu.com/tag/content" class="st_tag internal_tag " rel="tag" title="content">Content</a>-Type必须设置为 application/vnd.apple.mpegurl或者audio/mpegurl。</p><p>空行和注释行在解析时都忽略。</p><p>媒体播放列表(Media Playlist)的流资源总时长就是各切片资源的时长之和。</p><p>每个切片的码率(bit rate)就是切片的大小除以它对应的时长(EXTINF 指定的时长)。</p><p>一个标签的属性列表的同一个属性AttributeName只能出现一次。</p><p>EXT-X-TARGETDURATION 指定的时长绝对不能进行更改。通常该值指定的时长为 10 秒。</p><p>对于指定了 EXT-X-I-FRAMES-ONLY 且 第一个媒体片段(或者第一个尾随 EXT-X-DISCONTINUITY 的片段)其资源没有立即携带媒体初始化块的切片,应当增加使用标签 EXT-X-MAP 指定媒体初始化块获取途径。</p><p>使用 EXT-X-MAP 标签内含标签 EXT-X-I-FRAMES-ONLY 要求的兼容版本号 EXT-X-VERSION 要大于等于 5;只使用 EXT-X-MAP 要求的兼容版本号要大于等于 6。</p><p>由标签 EXT-X-MAP 声明的媒体初始化块可使用 AES-128 方法进行加密,此时,作用于 EXT-X-MAP 标签的 EXT-X-KEY 标签必须设置 IV 属性。</p><p>带有属性 END-ON-NEXT=YES 的标签 EXT-X-DATERANGE 必须携带 CLASS 属性,但不能携带 DURATION 和 END-DATE 属性。其余带有相同 CLASS 的标签 EXT-X-DATERANGE 不能指定重叠的日期范围。</p><p>日期范围如果未指明 DURATION,END_DATE,END-ON-NEXT=YES 属性时,则其时长(duration)未知,即使其设置了 PLANNED-DURATION 属性。</p><p>如果播放列表设置了 EXT-X-DATERANGE 标签,则必须同时设置 EXT-X-PROGRAM-DATE-TIME 标签。</p><p>如果播放列表设置了拥有相同 ID 属性值的两个 EXT-X-DATERANGE 标签,则对于相同的属性名,在这两个 EXT-X-DATERANGE 中对应的值必须一致。</p><p>如果 EXT-X-DATERANGE 同时设置了 DURATION 和 END-DATE 属性,则 END-DATE 属性值必须等于 START-DATE 属性值加上 DURATION 属性值。</p><p>EXT-X-MEDIA-SEQUENCE 标签必须出现在播放列表第一个切片之前。</p><p>EXT-X-DISCONTINUITY-DEQUENCE 标签必须出现在播放列表第一个切片之前。</p><p>EXT-X-DISCONTINUITY-DEQUENCE 标签必须出现在任意 EXT-X-DISCONTINUITY 标签之前。</p><p>m3u8 文件如果没有设置 EXT-X-PLAYLIST-TYPE 标签,那么播放列表可以随时进行更改。比如,可以更新或删除播放列表中的媒体片段。</p><p>每个 EXT-X-I-FRAME-STREAM-INF 标签必须包含一个 BANDWIDTH 和 URI 属性。</p><p>每个 EXT-X-SESSION-DATA 标签都必须包含一个 VALUE 或 URI 属性,但不能同时包含两者。</p><p>一个播放列表可以包含多个携带相同 DATA-ID 属性的 EXT-X-SESSION-DATA 标签。但是不能包含多个携带相同 DATA-ID 和相同 LANGUAGE 属性的 EXT-X-SESSION-DATA 标签。</p><p>如果设置了 EXT-X-SESSION-KEY,那么其 METHOD,KEYFORMAT 和 KEYFORMATVERSIONS 属性值必须与任意相同 URI 的 EXT-X-KEY 标签值相同。</p><p>如果多份备用流或者多语言流使用相同的加密密钥和格式,则应当设置 EXT-X-SESSION-KEY 标签。</p><p>主播放列表必须不能设置多个具有相同 METHOD,URI,IV,KEYFORMAT 和 KEYFORMATVERSIONS 属性值得 EXT-X-SESSION-KEY 标签。</p><h3 class="typography-headline"><span id="HTTP"><a href="https://developer.apple.com/streaming/"><span>了解什么是HTTP 实时流式传输</span></a></span></h3><div class="kk-star-ratings kksr-auto kksr-align-center kksr-valign-bottom" data-payload="{"align":"center","id":"9800","slug":"default","valign":"bottom","ignore":"","reference":"auto","class":"","count":"0","legendonly":"","readonly":"","score":"0","starsonly":"","best":"5","gap":"5","greet":"评分","legend":"0\/5 - (0 votes)","size":"24","title":"m3u8 格式是什么文件?","width":"0","_legend":"{score}\/{best} - ({count} {votes})","font_factor":"1.25"}"><div class="kksr-stars"><div class="kksr-stars-inactive"><div class="kksr-star" data-star="1" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" data-star="2" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" data-star="3" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" data-star="4" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" data-star="5" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div></div><div class="kksr-stars-active" style="width: 0px;"><div class="kksr-star" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div><div class="kksr-star" style="padding-right: 5px"><div class="kksr-icon" style="width: 24px; height: 24px;"></div></div></div></div><div class="kksr-legend" style="font-size: 19.2px;"> <span class="kksr-muted">评分</span></div></div></div><div class="entry-tags ct-constrained-width "><div class="entry-tags-items"><a href="https://boxqu.com/tag/aria" rel="tag"><span>#</span> ARIA</a><a href="https://boxqu.com/tag/bt" rel="tag"><span>#</span> BT</a><a href="https://boxqu.com/tag/content" rel="tag"><span>#</span> content</a><a href="https://boxqu.com/tag/dns" rel="tag"><span>#</span> DNS</a><a href="https://boxqu.com/tag/eth" rel="tag"><span>#</span> eth</a><a href="https://boxqu.com/tag/iso" rel="tag"><span>#</span> iso</a><a href="https://boxqu.com/tag/m3u" rel="tag"><span>#</span> m3u</a><a href="https://boxqu.com/tag/m3u8" rel="tag"><span>#</span> m3u8</a><a href="https://boxqu.com/tag/mac" rel="tag"><span>#</span> mac</a><a href="https://boxqu.com/tag/xyz" rel="tag"><span>#</span> xyz</a><a href="https://boxqu.com/tag/shenmeshim3u8" rel="tag"><span>#</span> 什么是m3u8</a><a href="https://boxqu.com/tag/daili" rel="tag"><span>#</span> 代理</a><a href="https://boxqu.com/tag/dailifuwuqi" rel="tag"><span>#</span> 代理服务器</a><a href="https://boxqu.com/tag/zifuchuan" rel="tag"><span>#</span> 字符串</a><a href="https://boxqu.com/tag/fuwuqi" rel="tag"><span>#</span> 服务器</a><a href="https://boxqu.com/tag/zhiboyuan" rel="tag"><span>#</span> 直播源</a><a href="https://boxqu.com/tag/wjbk" rel="tag"><span>#</span> 维基百科</a></div></div><nav class="post-navigation ct-constrained-width ct-hidden-sm" > <a href="https://boxqu.com/tech/airpods.html" class="nav-item-prev"><figure class="ct-media-container ct-hidden-sm ct-hidden-md ct-hidden-lg"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/10/2058664ff165753211a59742eaf13907-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 1/1;" /><svg width="20px" height="15px" viewBox="0 0 20 15" fill="#ffffff"><polygon points="0,7.5 5.5,13 6.4,12.1 2.4,8.1 20,8.1 20,6.9 2.4,6.9 6.4,2.9 5.5,2 "/></svg></figure><div class="item-content"> <span class="item-label"> 上一页 <span>文章</span> </span><span class="item-title "> 不小心将 AirPods 掉入水中时该怎么办? </span></div></a> <a href="https://boxqu.com/tech/ipadwufagengxin.html" class="nav-item-next"><div class="item-content"> <span class="item-label"> 下一页 <span>文章</span> </span><span class="item-title "> 旧 iPhone 或 iPad 无法更新怎么办?一招解决旧iPad无法更新问题 </span></div><figure class="ct-media-container ct-hidden-sm ct-hidden-md ct-hidden-lg"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/10/08bb5e63fafb1dce5e61d7cfec782e85-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 1/1;" /><svg width="20px" height="15px" viewBox="0 0 20 15" fill="#ffffff"><polygon points="14.5,2 13.6,2.9 17.6,6.9 0,6.9 0,8.1 17.6,8.1 13.6,12.1 14.5,13 20,7.5 "/></svg></figure> </a></nav><div class="ct-related-posts ct-constrained-width" ><div class="flexy-container" data-flexy="no" data-autoplay="3"><div class="flexy"><div class="flexy-view" data-flexy-view="boxed"><div class="ct-related-posts-items flexy-items"><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/tiny11.html" aria-label="Win11精简版 Microsoft Windows 11 不忘初心 tiny11 ,配置要求极低" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2023/02/a65029a16ba339d6494b6b9d0ab245c9-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/tiny11.html" rel="bookmark" itemprop="url">Win11精简版 Microsoft Windows 11 不忘初心 tiny11 ,配置要求极低</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/google-chrome-gemini-ai.html" aria-label="在 Google Chrome 中免费使用 Gemini AI" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2024/07/20240717-rp4l9-440x440.png" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/07/20240717-rp4l9-440x440.png 440w, https://boxqu.com/storage/2024/07/20240717-rp4l9-250x250.png 250w" data-sizes="(max-width: 440px) 100vw, 440px" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/google-chrome-gemini-ai.html" rel="bookmark" itemprop="url">在 Google Chrome 中免费使用 Gemini AI</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/usa/microsoft-azure.html" aria-label="Azure 云计算 微软云 申请攻略:2023年微软云免费使用12个月赠送200美元!" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/03/3948f1eaa881ccce6cf68c904077672a-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/usa/microsoft-azure.html" rel="bookmark" itemprop="url">Azure 云计算 微软云 申请攻略:2023年微软云免费使用12个月赠送200美元!</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/yang.html" aria-label="羊了个羊 游戏攻略 PC端、IOS端轻松通关" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/09/e590b5842ec3001e8527c0723d8d12a6-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/yang.html" rel="bookmark" itemprop="url">羊了个羊 游戏攻略 PC端、IOS端轻松通关</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/app/linux-app/linux-u.html" aria-label="如何在 Linux格式化U盘 与U盘分区" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/11/00367dd8d6c65cd34d3aeea7f5dd6054-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/app/linux-app/linux-u.html" rel="bookmark" itemprop="url">如何在 Linux格式化U盘 与U盘分区</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/visual-studio-2022.html" aria-label="Visual Studio 2022企业版、专业版安装教程+离线安装包" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2024/09/20240916-kg6aj-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/09/20240916-kg6aj-440x440.jpg 440w, https://boxqu.com/storage/2024/09/20240916-kg6aj-250x250.jpg 250w" data-sizes="(max-width: 440px) 100vw, 440px" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/visual-studio-2022.html" rel="bookmark" itemprop="url">Visual Studio 2022企业版、专业版安装教程+离线安装包</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/aws-desktop.html" aria-label="Lightsail 十分钟免费创建亚马逊云桌面" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/09/188df54107816ad475b4e32fd32029b6-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/aws-desktop.html" rel="bookmark" itemprop="url">Lightsail 十分钟免费创建亚马逊云桌面</a></h3></article><article class="flexy-item" > <a class="ct-media-container" href="https://boxqu.com/tech/kvmyuvmwarenagehaoruhexuanzegenghaode-hypervisor.html" aria-label="KVM与VMware哪个好?如何选择更好的 Hypervisor" tabindex="-1"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDAiIGhlaWdodD0iNDQwIiB2aWV3Qm94PSIwIDAgNDQwIDQ0MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="440" height="440" data-src="https://boxqu.com/storage/2022/01/0e7b2f8fbec98121c1b143d6c63103c7-440x440.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="" decoding="async" style="aspect-ratio: 16/9;" /></a><h3 class="related-entry-title" itemprop="name"><a href="https://boxqu.com/tech/kvmyuvmwarenagehaoruhexuanzegenghaode-hypervisor.html" rel="bookmark" itemprop="url">KVM与VMware哪个好?如何选择更好的 Hypervisor</a></h3></article></div></div> <span class="flexy-arrow-prev"> <svg width="16" height="10" fill="currentColor" viewBox="0 0 16 10"> <path d="M15.3 4.3h-13l2.8-3c.3-.3.3-.7 0-1-.3-.3-.6-.3-.9 0l-4 4.2-.2.2v.6c0 .1.1.2.2.2l4 4.2c.3.4.6.4.9 0 .3-.3.3-.7 0-1l-2.8-3h13c.2 0 .4-.1.5-.2s.2-.3.2-.5-.1-.4-.2-.5c-.1-.1-.3-.2-.5-.2z"/> </svg> </span><span class="flexy-arrow-next"> <svg width="16" height="10" fill="currentColor" viewBox="0 0 16 10"> <path d="M.2 4.5c-.1.1-.2.3-.2.5s.1.4.2.5c.1.1.3.2.5.2h13l-2.8 3c-.3.3-.3.7 0 1 .3.3.6.3.9 0l4-4.2.2-.2V5v-.3c0-.1-.1-.2-.2-.2l-4-4.2c-.3-.4-.6-.4-.9 0-.3.3-.3.7 0 1l2.8 3H.7c-.2 0-.4.1-.5.2z"/> </svg> </span></div></div></div><div class="ct-comments ct-constrained-width" id="comments"><div id="respond" class="comment-respond"><h2 id="reply-title" class="comment-reply-title">留下评论<span class="ct-cancel-reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/tech/m3u8.html#respond" style="display:none;">取消回复</a></span></h2><form action="https://boxqu.com/comments/" method="post" id="commentform" class="comment-form has-labels-inside" novalidate><p class="comment-notes"><span id="email-notes">您的电子邮箱地址不会被公开。</span> <span class="required-field-message">必填项已用 <span class="required">*</span> 标注</span></p><p class="comment-form-field-input-author"> <label for="author">名称 </label> <input id="author" name="author" type="text" value="" size="30"></p><p class="comment-form-field-input-email"> <label for="email">邮箱 </label> <input id="email" name="email" type="text" value="" size="30"></p><p class="comment-form-field-textarea"> <label for="comment">添加评论<b class="required"> *</b></label><textarea id="comment" name="comment" cols="45" rows="8" required="required"></textarea></p><p class="gdpr-confirm-policy"> <input name="ct_has_gdprconfirm" type="hidden" value="yes"> <input id="gdprconfirm_comment" class="ct-checkbox" name="gdprconfirm" type="checkbox" required><label for="gdprconfirm_comment">匿名评论需接受<a href="https://boxqu.com/privacy-policy" target="_blank" rel="noopener">隐私政策</a></label></p><p><label for="wpcaptcha_captcha">Are you human? Please solve: <img data-lazyloaded="1" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="wpcaptcha-captcha-img" style="vertical-align: text-top;" data-src="https://boxqu.com/core/modules/788a5416df/libs/captcha.php?wpcaptcha-generate-image=true&color=%23FFFFFF&noise=1&id=8730" alt="Captcha" /><input class="input" type="text" size="3" name="wpcaptcha_captcha[8730]" id="wpcaptcha_captcha" /></label></p><br /><p class="form-submit"><button type="submit" name="submit" id="submit" class="submit" value="发表评论">发表评论</button> <input type='hidden' name='comment_post_ID' value='9800' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></article><aside class="ct-hidden-sm" data-type="type-2" id="sidebar"><div class="ct-sidebar" data-sticky="widgets" data-widgets="separated"><div class="ct-widget tptn_posts_list_widget" id="widget_tptn_pop-3"><h3 class="widget-title">Popular posts:</h3><div class="tptn_posts tptn_posts_widget tptn_posts_widget-widget_tptn_pop-3 tptn-text-only"><ul><li><span class="tptn_after_thumb"><a href="https://boxqu.com/tech/the-latest-audio-source-interface-address-of-luoxue-music.html" class="tptn_link"><span class="tptn_title">洛雪音乐最新音源接口地址</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/app/tvbox/yingshicang.html" class="tptn_link"><span class="tptn_title">影视仓 支持TV版、手机版双端的安卓APP</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/app/tvbox/tvbox-yingshicang.html" class="tptn_link"><span class="tptn_title">2024 影视仓配置接口最新地址</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/app/tvbox/tvbox-app.html" class="tptn_link"><span class="tptn_title">TVBox 最新官方APP下载</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/tech/iptv.html" class="tptn_link"><span class="tptn_title">IPTV 直播源 亲测有效,2024精选全球 IPTV直播源 m3u直播源</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/tech/cant-open-asio-sys.html" class="tptn_link"><span class="tptn_title">华硕主板开机会弹出 “can’t open asIO.sys!!(2)”解决方法!</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/app/android/yingsuo.html" class="tptn_link"><span class="tptn_title">手机虚拟定位软件下载,影梭 v1.11.3 安卓版</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/tech/zhibohuanlian.html" class="tptn_link"><span class="tptn_title">Win+Mac 直播换脸工具下载, Deep Live Cam 基于AI实时换脸</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/tech/wp-autopostpro.html" class="tptn_link"><span class="tptn_title">WP-AutoPostPro 教程: WordPress自动采集发布插件</span></a></span></li><li><span class="tptn_after_thumb"><a href="https://boxqu.com/soft/lxmusic.html" class="tptn_link"><span class="tptn_title">洛雪音乐助手 v2.8.0 最新音源接口,支持全平台的音乐助手</span></a></span></li></ul><div class="tptn_clear"></div></div></div><div class="ct-widget recent-posts-widget-with-thumbnails" id="recent-posts-widget-with-thumbnails-2"><div id="rpwwt-recent-posts-widget-with-thumbnails-2" class="rpwwt-widget"><ul><li><a href="https://boxqu.com/tech/zhibohuanlian.html"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="100" height="100" data-src="https://boxqu.com/storage/2024/10/20241011-sb79l-250x250.png" class="attachment-100x100 size-100x100 wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/10/20241011-sb79l-250x250.png 250w, https://boxqu.com/storage/2024/10/20241011-sb79l-440x440.png 440w" data-sizes="(max-width: 100px) 100vw, 100px" /><span class="rpwwt-post-title">Win+Mac 直播换脸工具下载, Deep Live Cam 基于AI实时换脸</span></a><div class="rpwwt-post-categories"><a href="https://boxqu.com/ai">人工智能</a>、<a href="https://boxqu.com/tech">技术宅</a></div><div class="rpwwt-post-date">2024-10-11</div></li><li><a href="https://boxqu.com/game/heishenhuawukong-xiugaiqi.html"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="100" height="100" data-src="https://boxqu.com/storage/2024/10/20241003-896r7-250x250.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/10/20241003-896r7-250x250.jpg 250w, https://boxqu.com/storage/2024/10/20241003-896r7-440x440.jpg 440w" data-sizes="(max-width: 100px) 100vw, 100px" /><span class="rpwwt-post-title">最新黑神话悟空修改器v1.0.9.15179 六十二项修改器下载</span></a><div class="rpwwt-post-categories"><a href="https://boxqu.com/game">游戏</a></div><div class="rpwwt-post-date">2024-10-03</div></li><li><a href="https://boxqu.com/tech/windows-tech/heu_kms_activator_v42-2.html"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="100" height="100" data-src="https://boxqu.com/storage/2024/09/20240927-4qbg9-250x250.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/09/20240927-4qbg9-250x250.jpg 250w, https://boxqu.com/storage/2024/09/20240927-4qbg9-440x440.jpg 440w" data-sizes="(max-width: 100px) 100vw, 100px" /><span class="rpwwt-post-title">KMS38/Office/Win激活工具 HEU_KMS_Activator_v42.2</span></a><div class="rpwwt-post-categories"><a href="https://boxqu.com/tech/windows-tech">Windows</a>、<a href="https://boxqu.com/soft">软件</a></div><div class="rpwwt-post-date">2024-09-27</div></li><li><a href="https://boxqu.com/tech/windows-3389.html"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="100" height="100" data-src="https://boxqu.com/storage/2024/09/20240925-6vn2n-250x250.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/09/20240925-6vn2n-250x250.jpg 250w, https://boxqu.com/storage/2024/09/20240925-6vn2n-440x440.jpg 440w" data-sizes="(max-width: 100px) 100vw, 100px" /><span class="rpwwt-post-title">Windows服务器如何修改3389远程端口,以及修改超级管理员密码</span></a><div class="rpwwt-post-categories"><a href="https://boxqu.com/tech/windows-tech">Windows</a>、<a href="https://boxqu.com/tech">技术宅</a></div><div class="rpwwt-post-date">2024-09-25</div></li><li><a href="https://boxqu.com/100/htaccess-301.html"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="100" height="100" data-src="https://boxqu.com/storage/2024/09/20240916-tt358-250x250.webp" class="attachment-100x100 size-100x100 wp-post-image" alt="" decoding="async" data-srcset="https://boxqu.com/storage/2024/09/20240916-tt358-250x250.webp 250w, https://boxqu.com/storage/2024/09/20240916-tt358-440x440.webp 440w" data-sizes="(max-width: 100px) 100vw, 100px" /><span class="rpwwt-post-title">在 .htaccess 中, 如何将旧域名 301重定向到新域名</span></a><div class="rpwwt-post-categories"><a href="https://boxqu.com/100">百科</a></div><div class="rpwwt-post-date">2024-09-16</div></li></ul></div></div><div class="ct-widget widget_categories" id="categories-2"><h3 class="widget-title">分类</h3><ul><li class="cat-item cat-item-30"><a href="https://boxqu.com/tech/adobe">Adobe</a> (5)</li><li class="cat-item cat-item-22"><a href="https://boxqu.com/ai/ai-tools">AI工具</a> (30)</li><li class="cat-item cat-item-25"><a href="https://boxqu.com/app/android">Android</a> (43)</li><li class="cat-item cat-item-3081"><a href="https://boxqu.com/tech/cyberpanel">CyberPanel</a> (5)</li><li class="cat-item cat-item-26"><a href="https://boxqu.com/app/ios">iOS</a> (6)</li><li class="cat-item cat-item-28"><a href="https://boxqu.com/app/linux-app">Linux</a> (71)</li><li class="cat-item cat-item-27"><a href="https://boxqu.com/app/mac">Mac</a> (13)</li><li class="cat-item cat-item-31"><a href="https://boxqu.com/tech/seo">SEO</a> (23)</li><li class="cat-item cat-item-3126"><a href="https://boxqu.com/app/tvbox">TVBox</a> (16)</li><li class="cat-item cat-item-32"><a href="https://boxqu.com/tech/windows-tech">Windows</a> (111)</li><li class="cat-item cat-item-33"><a href="https://boxqu.com/tech/wp">WordPress</a> (55)</li><li class="cat-item cat-item-10"><a href="https://boxqu.com/www/down">下载</a> (13)</li><li class="cat-item cat-item-1"><a href="https://boxqu.com/www">世界网站</a> (30)</li><li class="cat-item cat-item-11"><a href="https://boxqu.com/www/cloud">云存储</a> (11)</li><li class="cat-item cat-item-21"><a href="https://boxqu.com/ai">人工智能</a> (63)</li><li class="cat-item cat-item-23"><a href="https://boxqu.com/usa">出海</a> (50)</li><li class="cat-item cat-item-34"><a href="https://boxqu.com/tech/chain">区块链</a> (13)</li><li class="cat-item cat-item-12"><a href="https://boxqu.com/www/blog">博客</a> (3)</li><li class="cat-item cat-item-13"><a href="https://boxqu.com/www/tool">工具</a> (50)</li><li class="cat-item cat-item-24"><a href="https://boxqu.com/app">应用</a> (64)</li><li class="cat-item cat-item-29"><a href="https://boxqu.com/tech">技术宅</a> (318)</li><li class="cat-item cat-item-14"><a href="https://boxqu.com/www/so">搜索</a> (3)</li><li class="cat-item cat-item-15"><a href="https://boxqu.com/www/news">新闻</a> (1)</li><li class="cat-item cat-item-39"><a href="https://boxqu.com/soft/server-soft">服务器工具</a> (3)</li><li class="cat-item cat-item-36"><a href="https://boxqu.com/game">游戏</a> (28)</li><li class="cat-item cat-item-37"><a href="https://boxqu.com/100">百科</a> (35)</li><li class="cat-item cat-item-16"><a href="https://boxqu.com/www/social">社交</a> (3)</li><li class="cat-item cat-item-17"><a href="https://boxqu.com/www/complex">综合</a> (9)</li><li class="cat-item cat-item-18"><a href="https://boxqu.com/www/upload">网盘</a> (3)</li><li class="cat-item cat-item-40"><a href="https://boxqu.com/soft/drive-tools">网盘工具</a> (1)</li><li class="cat-item cat-item-35"><a href="https://boxqu.com/tech/openwrt">路由刷机</a> (11)</li><li class="cat-item cat-item-38"><a href="https://boxqu.com/soft">软件</a> (29)</li></ul></div><div class="ct-sticky-widgets"><div class="ct-widget toc_widget" id="toc-widget-3"><ul class="toc_widget_list no_bullets"><li><a href="#m3u8"><span class="toc_number toc_depth_1">1</span> m3u8简介</a><ul><li><a href="#M3U8"><span class="toc_number toc_depth_2">1.1</span> M3U8 文件简介</a></li><li><a href="#m3u8-2"><span class="toc_number toc_depth_2">1.2</span> m3u8 文件格式</a></li><li><a href="#HTTP"><span class="toc_number toc_depth_2">1.3</span> 了解什么是HTTP 实时流式传输</a></li></ul></li></ul></div></div></div></aside></div></main><footer id="footer" class="ct-footer" data-id="type-1"><div data-row="top"><div class="ct-container"><div data-column="menu"><nav id="footer-menu" class="footer-menu-inline menu-container " data-id="menu" aria-label="页脚菜单"><ul id="menu-downmenu" class="menu" role="menubar"><li id="menu-item-72" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-72" role="none"><a href="https://boxqu.com/tech/windows-tech/office-tool-plus-2.html" class="ct-menu-link" role="menuitem">Office Tool Plus</a></li><li id="menu-item-73" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-73" role="none"><a href="https://boxqu.com/app/formatfactory.html" class="ct-menu-link" role="menuitem">格式工厂</a></li><li id="menu-item-74" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-74" role="none"><a href="https://boxqu.com/app/telegram-down.html" class="ct-menu-link" role="menuitem">纸飞机下载 telegram</a></li><li id="menu-item-75" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-75" role="none"><a href="https://pagespeed.web.dev/" class="ct-menu-link" role="menuitem">PageSpeed Insights</a></li><li id="menu-item-76" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-76" role="none"><a href="https://proton.me/mail" class="ct-menu-link" role="menuitem">匿名邮箱申请</a></li><li id="menu-item-77" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77" role="none"><a href="https://boxqu.com/app/smarttubenext.html" class="ct-menu-link" role="menuitem">电视看YouTube</a></li><li id="menu-item-78" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78" role="none"><a href="https://boxqu.com/www/gtmetrix.html" class="ct-menu-link" role="menuitem">网站性能测试</a></li><li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80" role="none"><a href="https://boxqu.com/tag/wordpress" class="ct-menu-link" role="menuitem">WP插件</a></li><li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81" role="none"><a href="https://boxqu.com/tech/sms-activate.html" class="ct-menu-link" role="menuitem">国外接码平台</a></li><li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82" role="none"><a href="https://boxqu.com/tech/free-aws.html" class="ct-menu-link" role="menuitem">免费云服务器</a></li><li id="menu-item-83" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-83" role="none"><a href="https://boxqu.com/ai/openai-chatgpt.html" class="ct-menu-link" role="menuitem">OpenAI-chatgpt</a></li><li id="menu-item-84" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84" role="none"><a href="https://boxqu.com/tech/linux/aws-lnmp.html" class="ct-menu-link" role="menuitem">WEB服务器搭建</a></li><li id="menu-item-85" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-85" role="none"><a href="https://boxqu.com/tech/wsa-pacman.html" class="ct-menu-link" role="menuitem">Win11安卓子系统</a></li><li id="menu-item-86" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-86" role="none"><a href="https://boxqu.com/ai/chatgpt-reg.html" class="ct-menu-link" role="menuitem">Chatgpt注册终极指南</a></li><li id="menu-item-87" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87" role="none"><a href="https://boxqu.com/tech/win11.html" class="ct-menu-link" role="menuitem">U盘安装Win11</a></li><li id="menu-item-88" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-88" role="none"><a href="https://boxqu.com/app/windows/office-tool-plus.html" class="ct-menu-link" role="menuitem">Office激活工具</a></li><li id="menu-item-89" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-89" role="none"><a href="https://boxqu.com/tech/google-play.html" class="ct-menu-link" role="menuitem">安装谷歌商店 Google Play</a></li><li id="menu-item-90" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-90" role="none"><a href="https://boxqu.com/app/tvbox.html" class="ct-menu-link" role="menuitem">安装TVBox</a></li><li id="menu-item-91" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-91" role="none"><a href="https://boxqu.com/game/winkawaks.html" class="ct-menu-link" role="menuitem">街机模拟器下载</a></li><li id="menu-item-92" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-92" role="none"><a href="https://www.amazonaws.cn/?sc_channel=seo&campaign=backlink" class="ct-menu-link" role="menuitem">亚马逊云科技</a></li><li id="menu-item-93" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-93" role="none"><a href="https://www.mediafire.com" class="ct-menu-link" role="menuitem">Mediafire网盘</a></li><li id="menu-item-94" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-94" role="none"><a href="https://www.ip138.com/" class="ct-menu-link" role="menuitem">IP地址查询</a></li><li id="menu-item-95" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-95" role="none"><a href="https://boxqu.com/ai/chatgpt.html" class="ct-menu-link" role="menuitem">ChatGPT注册教程</a></li><li id="menu-item-96" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-96" role="none"><a href="https://boxqu.com/usa/addgoogle.html" class="ct-menu-link" role="menuitem">谷歌账号注册</a></li><li id="menu-item-25838" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25838" role="none"><a href="https://kvdown.com" class="ct-menu-link" role="menuitem">破解软件下载</a></li><li id="menu-item-27223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27223" role="none"><a href="https://boxqu.com/tech/adobe/adobe-photoshop-2024.html" class="ct-menu-link" role="menuitem">Photoshop2024破解版</a></li></ul></nav></div></div></div><div data-row="middle" class="ct-hidden-sm ct-hidden-md"><div class="ct-container" data-columns-divider="md:sm"><div data-column="widget-area-1"><div class="ct-widget widget_recent_comments" id="recent-comments-1"><h3 class="widget-title">近期评论</h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">Search Engine Index</span> 发表在《<a href="https://boxqu.com/100/how-to-add-contacts-on-telegram.html/comment-page-1#comment-6799">如何在 Telegram 上添加联系人?</a>》</li><li class="recentcomments"><span class="comment-author-link">Domain Notice</span> 发表在《<a href="https://boxqu.com/100/how-to-add-contacts-on-telegram.html/comment-page-1#comment-6798">如何在 Telegram 上添加联系人?</a>》</li><li class="recentcomments"><span class="comment-author-link">47456290@qq.com</span> 发表在《<a href="https://boxqu.com/tech/m3u8noad.html/comment-page-1#comment-6794">量子/非凡/暴风/快看/m3u8资源免费去广告代码,代码详解附带json播放器</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href="https://boxqu.com" class="url" rel="ugc">优质盒子</a></span> 发表在《<a href="https://boxqu.com/tech/m3u8noad.html/comment-page-1#comment-6787">量子/非凡/暴风/快看/m3u8资源免费去广告代码,代码详解附带json播放器</a>》</li></ul></div></div><div data-column="ghost"></div><div data-column="logo"><div class="site-branding" data-id="logo" ><a href="https://boxqu.com/" class="site-logo-container" rel="home" itemprop="url" ><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCAyMDAgODAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="200" height="80" data-src="https://boxqu.com/storage/2024/10/2024103108081418.png" class="default-logo" alt="盒趣 Boxqu" decoding="async" /></a></div></div></div></div><div data-row="bottom"><div class="ct-container" data-columns-divider="md"><div data-column="copyright"><div class="ct-footer-copyright" data-id="copyright"><p>Copyright © 2024 by <a href="https://85box.com">盒趣 Boxqu</a>  All Rights Reserved  精品工具教程,真实可用! <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans" target="_blank" rel="nofollow noopener sponsored">CC BY-NC-SA 4.0 许可协议</a>。非商业转载及引用请注明出处。</p></div></div><div data-column="menu-secondary"><nav id="footer-menu-2" class="footer-menu-inline ct-hidden-sm ct-hidden-md" data-id="menu-secondary" aria-label="页脚菜单"><ul id="menu-footer-menu-2" class="menu" role="menubar"><li id="menu-item-27907" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27907" role="none"><a href="https://boxqu.com/feed" class="ct-menu-link" role="menuitem">RSS订阅</a></li><li id="menu-item-27910" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27910" role="none"><a href="https://boxqu.com/privacy-policy" class="ct-menu-link" role="menuitem">隐私政策</a></li></ul></nav></div></div></div></footer></div> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://boxqu.com/core/litespeed/js/a46ed4b55951660a7f4f165a38e34221.js"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:)?$/gm,"$1"))}return d}</script></body></html>