懒加载

关于懒加载的技术文章和开发文档。

Microsoft Edge浏览器访问网页很慢

Microsoft Edge浏览器访问网页很慢

浏览器访问部分网站速度慢,可能是安全设置导致,如关闭Microsoft Defender Smartscreen或谷歌浏览器类似服务可提升网页加载速度。

2023-04-28 829 前端开发
如何在 Fedora 40 上使用 PM2 部署 React 应用

如何在 Fedora 40 上使用 PM2 部署 React 应用

本文详细介绍如何在 Fedora 40 系统上使用 PM2 部署 React 应用。教程涵盖使用 npm 全局安装 PM2、创建新项目、构建静态文件、配置启动脚本以及管理服务状态等完整步骤,助您快速上线 React 项目。

2026-10-22 7 前端开发

【Mediabunny 文档】读取 HLS

本文深入介绍如何在 Mediabunny 中读取 HLS (.m3u8) 播放列表,涵盖 VOD 与直播内容。文章解析了 HLS 的心智模型、轨道扁平化、懒加载机制、Unix 时间戳处理、直播边缘检测及 DRM 加密支持等关键技术点,并提供实用的代码示例与配置建议。

2026-10-28 2 前端开发

【ffmpeg.wasm 手册】基本用法

本文档详细介绍如何在 Web 应用程序中使用 ffmpeg.wasm 执行常见多媒体处理任务。内容涵盖核心生命周期管理、实例化与加载流程、事件监听器设置以及 React、Vue 等框架的集成方法,帮助开发者高效实现前端视频转码功能。

2026-10-27 5 前端开发

【ffmpeg.wasm 手册】交互式沙箱

本文介绍基于Web的交互式沙盒环境,无需安装即可在浏览器中实验。文档详解其工作原理、内部状态管理及组件生命周期。作为API实时演示,它展示资源加载、FFmpeg命令执行及虚拟文件系统管理功能,支持多线程切换与文件操作。

2026-10-27 2 前端开发

【ffmpeg.wasm 手册】Web Worker 系统

本文档深入解析 ffmpeg.wasm 中的 Web Worker 系统架构。该系统利用 Web Worker 在后台线程运行 FFmpeg 核心,确保视频转码等计算密集型任务不阻塞主浏览器线程。文章详细阐述了基于消息的通信协议、UMD/ESM 加载策略、多线程初始化机制以及错误处理流程,旨在帮助开发者实现高效且响应流畅的前端多媒体处理应用。

2026-10-27 3 前端开发

【ffmpeg.wasm 手册】原生 JavaScript 示例

本文档介绍在无框架依赖的纯 JavaScript 环境中使用 FFmpeg WebAssembly 的实现。涵盖本地服务器配置、资源准备及转码、裁剪、拼接等核心功能。提供单线程与多线程模式对比,支持 UMD 和 ESM 模块系统,并包含详细的性能基准数据参考。

2026-10-27 2 前端开发

【ffmpeg.wasm 手册】API 参考

本文档全面介绍 ffmpeg.wasm JavaScript API,支持在 Web 浏览器和 Node.js 环境中通过 WebAssembly 运行 FFmpeg 命令。文档涵盖核心架构、FFmpeg 类方法、事件处理机制、虚拟文件系统操作及工具函数等详细内容,并提供多线程配置指南与资产加载策略,助您高效实现音视频处理功能。

2026-10-27 6 前端开发

【ffmpeg.wasm 手册】实用工具函数

本文介绍 ffmpeg.wasm 库的实用工具函数包,提供辅助媒体处理的核心功能。主要解决浏览器环境下的资源加载、CORS 跨域问题及二进制文件规范化挑战。支持从多种来源获取文件、管理带进度跟踪的流式下载,并将外部资源转换为 Blob URL 以绕过执行限制,是构建 Web 端视频处理应用的重要依赖。

2026-10-27 3 前端开发

【ffmpeg.wasm 手册】框架示例

本文提供将 WebAssembly (WASM) 与 React、Angular、Vue 等主流 JavaScript 框架集成的技术指南。涵盖实例化、资源加载及 VFS 写入模式,解决 CORS 与多线程配置难题。

2026-10-27 4 前端开发