最近更新：2025年4月16日
在处理音频文件时，尤其是类似 WAV 的格式，了解WAV 文件头至关重要。头部包含关于音频数据的关键信息，如其格式、采样率等。在本文中，我们将深入探讨 WAV 文件头的结构，解释其每个部分，并进一步了解如何修复损坏的头部。
什么是 WAV 文件？ WAV（波形音频文件格式）是一种由 Microsoft 和 IBM 开发的标准音频文件格式。它存储原始的未压缩音频数据，广泛用于高质量音频录制和编辑。
一个 WAV 文件 包含两个主要部分：
头部 — 包含文件的元数据。 数据 — 包含实际的音频采样数据。 WAV 文件头的结构 WAV 文件头通常是文件的前 44 字节。它提供了关于如何解释音频数据的详细信息。以下是其结构的分解：
偏移（字节） 字段 大小（字节） 描述 0 块标识符 4 应为 “RIFF”，以指示文件格式。 4 块大小 4 文件大小减去 RIFF 标识和大小字段的 8 字节。 8 格式 4 应为 “WAVE”。 12 子块1 标识符 4 “fmt “（包含尾随空格）。 16 子块1 大小 4 格式块的大小（PCM 通常为 16）。 20 音频格式 2 格式代码（PCM/未压缩为 1）。 22 通道数 2 单声道 = 1，立体声 = 2，等等。 24 采样率 4 采样频率（例如 44100 Hz）。 28 字节率 4 SampleRate × NumChannels × BitsPerSample / 8。 32 块对齐 2 NumChannels × BitsPerSample / 8。 34 每样本位数 2 位深度（例如 16、24 或 32 位）。 36 子块2 标识符 4 “data” — 表示音频数据的开始。 40 子块2 大小 4 数据段中的字节数。 WAV 头部的可视化表示 +-----------------+---------+ | Chunk ID | "RIFF" | | Chunk Size | FileSize| | Format | "WAVE" | | Subchunk1 ID | "fmt " | | Subchunk1 Size | 16 | | Audio Format | 1 (PCM) | | Num Channels | 1/2 | | Sample Rate | 44100 | | Byte Rate | .最后更新: 16 Apr, 2025
如果您正在处理数字音频，了解 WAV 文件格式规范 至关重要。WAV，全称 Waveform Audio File Format，是存储原始未压缩音频数据的最流行格式之一。在本文中，我们将拆解 WAV 文件格式 是什么、它的技术规格，以及它为何对音频专业人士和爱好者同样重要。
什么是 WAV 文件？ WAV 文件是一种由 Microsoft 和 IBM 于 1991 年开发的音频文件格式。它基于 RIFF（资源互换文件格式） 结构，以标记的 “块”（chunks）方式存储数据。WAV 文件因通常包含 未压缩 PCM（脉冲编码调制） 音频而以高音质著称。
WAV 的突出特点 高音频保真度：无损、未压缩格式 支持多声道（单声道、立体声及更高声道数） 与大多数操作系统和音频编辑软件兼容 简单且可扩展的格式，可包含元数据 什么是 WAV 文件格式规范？ WAV 文件格式规范 是一份技术蓝图，定义了音频数据在 WAV 文件中的组织和存储方式。它使用 RIFF 格式，并包含多个关键数据块，以实现高质量的音频存储。
RIFF 头在 WAV 文件中的作用是什么？ RIFF 头至关重要，因为它标识文件为 WAV 文件并指定数据的结构和大小。它确保软件和音频播放器能够正确读取和解释该文件。
WAV 规范的核心组件 要理解 WAV 文件格式规范，需要仔细查看其结构。典型的 WAV 文件包含若干重要块：
1. RIFF 头 标识符：“RIFF” 文件大小：整体文件大小减去 8 字节 文件类型：“WAVE” 2.最后更新: 2025年1月16日
我们在之前的文章中已经讨论了#EXTM3U文件的关键要素和相关的重要主题。请查看以下链接。
#EXTM3U简介 如何手动使用#EXTM3U创建M3U播放列表文件 在本文中，我们将讨论用户在创建或编辑#EXTM3U文件时容易犯的常见错误。
#EXTM3U播放列表的关键语法元素 #EXTM3U: 这是播放列表文件的第一行，表示该文件是扩展的M3U播放列表。 #EXTINF:,: 该行提供媒体文件的持续时间（以秒为单位）和曲目的标题。 <duration>: 媒体文件的持续时间，以秒为单位。 <title>: 曲目的名称或标题。如果未提供标题，可以省略，将使用文件名代替。 <file_path>: 该行包含实际媒体文件的文件路径。根据文件的位置，它可以是相对路径或绝对路径。 #EXTM3U文件的结构： #EXTM3U文件的结构相对简单，由一个头部和多个条目组成，每个条目代表一个媒体文件。以下是结构的分解：
头部行:
文件以#EXTM3U开始，以标识它是一个扩展的M3U播放列表。 曲目条目:
每个曲目条目由两行组成： 第一行以#EXTINF:开始，并提供持续时间和标题。 第二行提供实际媒体文件的文件路径或URL。 完整#EXTM3U文件示例： #EXTM3U #EXTINF:215,Song A C:\Music\songA.mp3 #EXTINF:300,Song B C:\Music\songB.mp3 #EXTINF:180,Song C http://example.com/songC.mp3 播放列表以#EXTM3U开始。 第一首曲目“Song A”的持续时间为215秒，文件位于C:\Music\songA.mp3。 第二首曲目“Song B”的持续时间为300秒，文件位于C:\Music\songB.mp3。 第三首曲目“Song C”的持续时间为180秒，其URL为http://example.com/songC.mp3。 创建或编辑#EXTM3U文件时的常见错误和修复方法 创建和编辑#EXTM3U播放列表可能会出现一些错误。让我们来看看一些常见问题以及如何修复它们。
1. 缺失#EXTM3U头部 错误: 如果缺少#EXTM3U头部，播放列表可能无法被识别为有效的扩展M3U文件。 修复: 请始终确保播放列表的第一行为#EXTM3U。 2. #EXTINF中的持续时间格式错误 错误: #EXTINF行中指定的持续时间必须为正整数。常见的错误是输入非数字值或将持续时间留空。 修复: 确保持续时间是有效的整数，并用秒指定。例如，#EXTINF:240,Song Title。 3. 文件路径或URL错误 错误: 如果文件路径或URL不正确，媒体文件将无法找到或播放。 修复: 仔细检查文件路径或URL，确保它们是正确的和可访问的。对于本地文件使用绝对路径，并确保如果通过互联网流式传输，URL是有效的。 4. 省略曲目标题 错误: 在#EXTINF行中省略曲目标题可能会导致混淆，因为标题在播放列表中用于标识。 修复: 始终在#EXTINF行中包括标题。如果您希望将其留空，请务必提供持续时间（以秒为单位）。 5.
</section>
<footer class="entry-footer"><span title='2025-01-16 00:00:00 +0000 UTC'>一月 16, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 创建或编辑#EXTM3U文件时的常见错误及修复方法" href="https://blog.fileformat.com/zh/audio/common-errors-when-creating-or-editing-extm3u-files-and-how-to-fix-them/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>如何手动创建带有 #EXTM3U 的 M3U 播放列表文件
</h2>
</header>
<section class="entry-content-home">
最后更新: 2025年1月14日
M3U 和 #EXTM3U 之间的主要区别在于它们在 播放列表文件中的功能和用途。M3U是基础的播放列表文件格式。它仅列出媒体文件的位置（URL或文件路径），每行一个，没有任何额外的元数据。#EXTM3U 是 M3U 的扩展版本。它通过 #EXTINF 标签支持额外的元数据，允许你在每个媒体条日前添加诸如曲目名称、时长等信息。
如何手动创建 M3U 播放列表文件？ 创建 M3U 播放列表文件很简单。以下是你可以手动执行的步骤：
打开文本编辑器：使用记事本（Windows）或文本编辑（Mac）。 从 M3U 头开始：第一行必须是 #EXTM3U 以指明这是扩展的 M3U 文件。 添加媒体条目：每个媒体文件（音频或视频）应该有自己的条目。例如： #EXTINF:123, Sample Song http://www.example.com/song.mp3 #EXTINF 行指定像时长和标题这样的元数据，后跟媒体的 URL 或文件路径。 保存文件：将文件保存为 .m3u 扩展名。 示例文件和截图 下载示例文件：您可以通过此链接下载一个扩展 #EXTM3U 文件的示例：下载 M3U #EXTM3U 播放列表 示例文件截图：截图展示了 VLC 如何播放 M3U 文件并显示元数据。 如何使用 #EXTM3U 添加元数据？ 在 M3U 播放列表中，可以使用 #EXTINF 添加元数据。此标签提供有关媒体文件的更多信息，例如其时长、标题等。以下是一个示例：
#EXTINF:123, Song Title http://www.example.com/song.mp3 #EXTINF:123 中的 123 表示媒体的时长（以秒为单位），Song Title 是曲目的显示名称。你可以通过调整逗号后的字符串来添加更多元数据，如艺术家、专辑和流派。
使用 #EXTM3U 文件进行 IPTV 流媒体：逐步指南 M3U 文件也广泛用于 IPTV 流媒体。以下是使用 M3U 文件进行 IPTV 的简单指南：
</section>
<footer class="entry-footer"><span title='2025-01-14 00:00:00 +0000 UTC'>一月 14, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 如何手动创建带有 #EXTM3U 的 M3U 播放列表文件" href="https://blog.fileformat.com/zh/audio/how-to-create-add-metadata-and-use-m3u-playlist-files-for-iptv-streaming/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>介绍 #EXTM3U
</h2>
</header>
<section class="entry-content-home">
最后更新: 2025年1月13日
播放列表文件在高效管理和播放数字媒体内容中起着至关重要的作用。有多种格式，其中一种常用于音频和视频流的是 M3U 格式。
然而，并非所有 M3U 文件都是相同的。#EXTM3U 格式是 M3U 的一种变体，引入了额外的功能，以增强播放列表体验。
什么是 #EXTM3U 及其在播放列表文件中的作用？ #EXTM3U 是 M3U 格式的扩展版本，广泛用于创建多媒体播放列表。M3U 和 #EXTM3U 之间的关键区别在于播放列表中是否包含元数据。#EXTM3U 头部表示播放列表将包含额外的信息，如曲目时长、标题和其他属性，这些在标准的 M3U 文件中不存在。
一个 #EXTM3U 文件 通常包含一个或多个音频或视频文件引用，每个文件都附带描述曲目内容的元数据。这些元数据允许媒体播放器解释关于媒体的更多细节，如曲目的持续时间或标题，从而增强用户体验。
基本 #EXTM3U 文件示例： #EXTM3U #EXTINF:123, Sample Artist - Sample Song /sample/path/song1.mp3 #EXTINF:456, Another Artist - Another Song /sample/path/song2.mp3 在此示例中，#EXTINF 标签提供了每个曲目的持续时间（以秒为单位）以及描述（艺术家和歌曲名称）。紧随 #EXTINF 标签后的路径是要播放的媒体文件的位置。
更多示例 示例 1: 基本 M3U 播放列表 #EXTM3U #EXTINF:123,Sample Artist - Sample Title /path/to/audio1.mp3 #EXTINF:456,Another Artist - Another Title /path/to/audio2.mp3 解释: #EXTM3U: 这是告诉媒体播放器此为扩展 M3U 播放列表的头部。 #EXTINF:123,Sample Artist - Sample Title: 此行包含元数据（轨道持续时间和歌曲标题）。 /path/to/audio1.
</section>
<footer class="entry-footer"><span title='2025-01-13 00:00:00 +0000 UTC'>一月 13, 2025</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 介绍 #EXTM3U" href="https://blog.fileformat.com/zh/audio/introduction-to-extm3u-enhancing-playlist-files-with-metadata/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>MP3 文件编码：音频优化入门指南
</h2>
</header>
<section class="entry-content-home">
介绍 MP3 编码是创建压缩且高质量音频文件的基础，适用于各种用途。无论你是发烧友、播客制作者，还是仅仅对音频技术感兴趣，了解 MP3 编码的基础都能提升你的音频水平。
MP3 文件编码意味着什么？ MP3 文件编码是将 音频 从一种格式转换为 MP3。此过程在保持良好音质的同时减小文件大小，使 MP3 成为 音乐和播客 的最受欢迎选择。
为什么将音频编码为 MP3？ 紧凑的文件大小：非常适合存储和流媒体。 广泛的兼容性：被大多数设备和平台支持。 可定制的质量：调整比特率以实现质量与大小的最佳平衡。 MP3 文件编码工具 以下是一些流行的工具，可帮助你编码 MP3 文件：
Audacity：一款免费、开源的音频编辑器，具备编码功能。 FFmpeg：一款强大的命令行工具，用于批量编码。 iTunes：对 Apple 用户而言，快速且用户友好。 编码 MP3 文件的步骤 选择工具：选择适合你的技能水平和需求的软件。 加载文件：导入你想要编码的音频文件。 设置编码偏好： 比特率：常见选项有 128 kbps（标准）、192 kbps（更好）和 320 kbps（高质量）。 采样率：通常为音乐设置为 44.1 kHz。 开始编码：将文件保存为 MP3。 测试输出：播放文件以确保质量。 提升编码质量的技巧 始终从最高质量的源文件开始。 使用 可变比特率 (VBR) 以在质量和大小之间取得平衡。 尝试不同的比特率，以找到最适合你需求的折中方案。 高级编码技术 对于准备深入了解的用户：
批量编码：使用如 FFmpeg 等工具同时编码多个文件。 元数据标签：添加艺术家姓名、专辑标题和流派等信息。 音频处理：在编码前应用均衡或降噪。 常见错误需避免 再次对低质量文件进行编码不会提升其质量。 过度压缩会导致音频保真度明显下降。 结论 MP3 文件编码既是一门艺术，也是一门科学。掌握此技能后，你可以获得符合个人偏好的优化音频文件。今天就开始探索这些工具和技术，释放数字音频的真正潜力！
</section>
<footer class="entry-footer"><span title='2025-01-02 00:00:00 +0000 UTC'>一月 2, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to MP3 文件编码：音频优化入门指南" href="https://blog.fileformat.com/zh/audio/encoding-mp3-files/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>什么是未压缩音频？优势、格式和使用案例
</h2>
</header>
<section class="entry-content-home">
最近更新: 2025年1月22日
介绍 在音频质量方面，没有什么能比未压缩音频的清晰度和细节更出色。但未压缩音频到底是什么，它为何重要？本文将探讨未压缩音频的定义、优势、常见文件格式，以及它与压缩音频的对比。
什么是未压缩音频？ 未压缩音频指的是以原始、未修改的形式存储的音频数据。不同于 MP3 或 AAC 等压缩音频格式，未压缩音频保留了原始录音的每一位细节。
结果如何？提供了发烧友和专业人士在关键聆听、音乐制作和声音设计中依赖的卓越音质。
流行的未压缩音频格式 以下是最常用的未压缩音频文件格式，并简要比较 WAV 与 AIFF：
WAV（波形音频文件格式）
由 Microsoft 和 IBM 开发。 广泛用于专业音频录制和编辑。 AIFF（音频互换文件格式）
由 Apple 开发。 在基于 Mac 的音频制作环境中很受欢迎。 PCM（脉冲编码调制）
CD 使用的原始数字音频格式。 构成其他未压缩格式的基础。 未压缩音频的优势 高保真度： 保持原始音频质量。 编辑精度： 适合专业编辑和混音。 通用兼容性： 大多数音频软件均支持。 未压缩音频 vs. 压缩音频 特性 未压缩音频 压缩音频 文件大小 大 小 音质 优秀 良好至一般 使用场景 专业、归档 流媒体、便携设备 未压缩音频的应用 未压缩音频在多个行业中至关重要，例如：
音乐制作： 用于混音和母带处理。 电影制作： 保持高质量原声轨。 归档： 为未来使用保存原始录音。 使用未压缩音频的挑战 存储需求： 文件体积可能非常庞大。 带宽需求： 不适合在线流媒体或共享。 结论 未压缩音频提供了无与伦比的音质，是专业人士和追求高保真度的爱好者的首选。虽然它需要更多的存储空间和资源，但其优势在关键音频应用中远远超过缺点。
</section>
<footer class="entry-footer"><span title='2025-01-02 00:00:00 +0000 UTC'>一月 2, 2025</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 什么是未压缩音频？优势、格式和使用案例" href="https://blog.fileformat.com/zh/audio/uncompressed-audio-what-you-need-to-know/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>如何使用 FFmpeg 创建 OGG 文件
</h2>
</header>
<section class="entry-content-home">
在此博客中，我们将向您展示如何使用 FFmpeg 创建 OGG 文件。此博客中分享的命令将让您了解如何将任何音频文件转换为 OGG。
什么是 OGG？ OGG 是一种开源音频文件格式，它使用高效压缩以较小的文件大小提供高质量的声音。它通常与 Vorbis 压缩配对，以在类似大小下提供比 MP3 更好的音频质量。OGG 可以免费使用，没有许可限制。
什么是 FFmpeg？ FFmpeg 是一款免费的开源软件，可处理多媒体文件，允许用户转换、录制和流式传输音频和视频。它支持多种格式，包括 MP4、AVI 和 MP3。FFmpeg 通常用于视频转换和编辑等任务。
如何使用 FFmpeg 将音频转换为 OGG 文件格式？ 安装 FFmpeg。 Windows：从 FFmpeg.org 下载 FFmpeg Windows 版本并按照说明进行设置。
macOS：使用 Homebrew 安装 FFmpeg，运行：
brew install ffmpeg Linux：大多数 Linux 发行版都支持 FFmpeg。使用以下命令安装：
sudo apt install ffmpeg **运行转换命令。**这样，您可以从任何音频创建 OGG 文件。 安装 FFmpeg 后，打开终端（或命令提示符）并导航到包含要转换的音频文件的目录。使用以下命令创建 OGG 文件：
ffmpeg -i inputfile.mp3 outputfile.ogg inputfile.mp3：将其替换为要转换的文件的名称。 FFmpeg 接受多种文件格式，因此您可以使用 MP3、WAV 甚至视频文件。 outputfile.ogg：将其替换为您所需的新 OGG 文件的名称。 示例
</section>
<footer class="entry-footer"><span title='2024-11-06 00:00:00 +0000 UTC'>十一月 6, 2024</span> · 1 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 如何使用 FFmpeg 创建 OGG 文件" href="https://blog.fileformat.com/zh/audio/how-to-create-ogg-file-using-ffmpeg/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>高级音频编码 (AAC)
</h2>
</header>
<section class="entry-content-home">
最后更新: 2025 年 4 月 30 日
在本文中，我们将讨论 AAC（高级音频编码）的各个方面，包括 AAC 是什么、AAC 文件是什么以及为何 AAC 比 MP3 更好。我们还将比较 AAC 与 MP3、OGG Vorbis、FLAC 和 Opus 的区别。请继续关注我们。
目录 什么是 AAC（高级音频编码）？ AAC 版本 压缩技术 简要历史与发展 什么是高级音频编码文件 AAC 的重要性 AAC 如何工作 AAC 的应用 是什么让 AAC 比 MP3 更好 AAC 与其他现代编解码器的比较 AAC vs. MP3 AAC vs. OGG Vorbis AAC vs. FLAC AAC vs. Opus 常见问题 什么是 AAC（高级音频编码）？ AAC（高级音频编码）是一种数字音频压缩格式，旨在在较低比特率下提供高质量的声音，相比其前身 MP3。由 MPEG（动态影像专家组）开发，AAC 广泛用于各种应用，包括流媒体服务、数字广播和便携式媒体播放器。它支持多声道音频，具有改进的编码效率，使其适用于高保真音频体验。AAC 是 YouTube、iTunes 和苹果音乐等平台的默认音频格式，确保跨多种设备的兼容性，同时在较小的文件尺寸下提供卓越的音质。
AAC 版本 以下是 AAC 版本的简要概述：
</section>
<footer class="entry-footer"><span title='2024-07-10 00:00:00 +0000 UTC'>七月 10, 2024</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to 高级音频编码 (AAC)" href="https://blog.fileformat.com/zh/audio/advanced-audio-coding-aac/"></a>
</article>
<article class="post-entry tag-entry">
<header class="entry-header">
<h2>OGG 格式：深入探索音频和视频
</h2>
</header>
<section class="entry-content-home">
最后更新时间：2025 年 4 月 30 日
什么是 OGG 格式？ 可能你已经听说过“OGG 格式”这个词，并想了解它到底是什么。 OGG 格式广泛用于音频文件，因其免费、开放而备受关注。你会根据其 .ogg 扩展名 识别这种格式的文件。这些文件使用一种称为 Vorbis 的编解码器压缩音频数据，使得文件更小而质量损失不大，比 MP3 压缩更高效。
但是 OGG 格式不仅仅用于音频。 除了音频外，OGG 还可以处理使用 Theora 编解码器的视频、字幕文本和艺术家及曲目详细信息之类的元数据。OGG 音频格式由 Xiph.Org 基金会维护，不需要费用或许可，鼓励在多媒体项目中的广泛使用。
最初用于音频，OGG 音频格式 通常使用 Vorbis 编解码器来处理大部分文件。但这还不是全部——它非常灵活。其他格式如 FLAC 或 Speex 会用 .OGA 扩展名 保存。由于这种多功能性，OGG 音频格式适用于广泛的多媒体应用，无论是在设备上本地播放还是在线流式传输。
许多专业人士青睐 OGG 格式，因为它在相似的压缩级别下提供比 MP3 更好的音质。由于其高效性，无论是本地播放还是流媒体传输，它都是可靠的。当然，如果你需要，OGG 格式的文件可以轻松转换为 MP3 等格式，从而在各种设备和平台上使用。
你可能会好奇“OGG”的含义。事实上，OGG 并不代表任何特定的含义—它不是一个缩写。这只是给该容器格式的名字。所以当你听到“OGG”时，请知道 OGG 的意思就是一个简单的格式名称，除此之外没有特别的含义。
在你对比 MP3 与 OGG 或 OGG 与 MP3 时，你会发现每种格式都有其优势。 MP3 非常流行，因为它在音质和文件大小之间取得了良好的平衡，虽然它使用的是有损压缩。但 OGG 提供了一些不同的东西。它是一个支持有损压缩（Vorbis 编解码器）和无损压缩（FLAC 编解码器）的多媒体容器。这使得 OGG 非常灵活，此外，它是开源的，对于各种多媒体用途来说是一个很大的优势。
</section>
<footer class="entry-footer"><span title='2024-07-03 00:00:00 +0000 UTC'>七月 3, 2024</span> · 2 分钟 · Shakeel Faiz</footer>
<a class="entry-link" aria-label="post link to OGG 格式：深入探索音频和视频" href="https://blog.fileformat.com/zh/audio/ogg-format-in-depth-exploration-of-audio-and-video/"></a>
</article>
<footer class="page-footer">
<nav class="pagination">
<a class="prev" href="https://blog.fileformat.com/zh/categories/audio/">« 上一页</a>
<a class="next" href="https://blog.fileformat.com/zh/categories/audio/page/3/">下一页 »</a>
</nav>
</footer>
</main>
<footer class="footer">
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
<path d="M12 6H0l6-6z" />
</svg>
</a>
<script>
(function(i, s, o, g, r, a, m) {i['ContainerizeMenuObject'] = r; i[r] = i[r] || function() {(i[r].q = i[r].q || []).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o),m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.append(a)})(window, document, 'script', 'https://menu.containerize.com/scripts/engine.min.js?v=1.0.1', 'fileformat-zh');
</script>
<script>
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
</script>
<script>
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
</script>
<script>
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
</script>
</body>
</html>