图像接口

关于图像接口的技术文章和开发文档。

神马站长平台获取Authkey

神马站长平台获取Authkey时出现Mixed Content错误,因HTTPS页面请求HTTP接口被浏览器阻止。解决方法是在页面head添加Content-Security-Policy代码,通过开发者工具修改实现。

2022-12-02 931 前端开发

【Mediabunny 文档】数据包与采样

本文介绍 Mediabunny 库中媒体数据的两种形式:包与采样。详细解析了视频包、音频包的创建与检查,以及视频样本、音频样本的构造、数据访问、转换和关闭方法。涵盖 WebCodecs API 对应关系、负时间戳处理及自定义资源支持等高级特性,帮助开发者高效处理多媒体数据。

2026-10-28 1 前端开发

【ffmpeg.wasm 手册】配置选项

本文档详细记录了 ffmpeg.wasm 可用的各种配置选项。您可通过初始化对象自定义核心组件加载、执行命令及文件处理方式。内容涵盖核心模块 URL 设置、命令超时与 AbortSignal 取消机制、文件系统后端选择(内存/IndexedDB/Node.js)、WORKERFS 挂载参数、ReadFile 编码格式以及日志和进度事件接口配置,并附带架构映射图与实现流程说明,助您灵活定制 WebAssembly 环境下的视频处理任务。

2026-10-27 5 前端开发

【Mediabunny 文档】媒体接收器

本文介绍媒体接收器(Media sinks)的通用用法与核心特性。涵盖异步迭代器、解码与呈现顺序、实时轨道处理及画布池机制。详细解析视频与音频接收器的创建、样本检索、稀疏迭代、画布调整大小旋转裁剪等高级功能,以及仅元数据提取优化,助力高效媒体数据处理。

2026-10-28 4 前端开发

【Mediabunny 文档】媒体源

本文详细介绍媒体源API,涵盖视频与音频数据的添加、编码配置及背压机制。内容包含视频源、音频源、字幕源的具体用法,如何设置编解码器、调整帧率、处理Alpha通道以及管理数据包顺序等最佳实践,适用于构建复杂的媒体输出轨道。

2026-10-28 2 前端开发

【Mediabunny 文档】转换媒体文件

本文介绍 Mediabunny 内置的文件转换抽象层,提供复用、转码、移除轨道、裁剪视频、调整大小、旋转、帧率调整、音频重采样及上下混音等功能。支持可组合转换、进度监控、取消与暂停操作,以及针对视频和音频轨道的精细化配置,适用于高效处理媒体数据。

2026-10-28 5 前端开发

【ffmpeg.wasm 手册】架构

本文档详细阐述了 ffmpeg.wasm 的分层架构,介绍如何通过 WebAssembly 将 FFmpeg 功能带入浏览器。系统利用 Web Worker 隔离计算密集型任务,确保主线程响应性。内容涵盖 JavaScript API、Web Worker 实现、FFmpeg Core 模块及基于 Emscripten 的虚拟文件系统,并解析了从初始化到清理的典型媒体处理流程与多线程支持机制。

2026-10-27 5 前端开发

【ffmpeg.wasm 手册】FFmpeg 核心模块

本文详细介绍 FFmpeg Core Module,即 FFmpeg 的 WebAssembly 编译版本。文章涵盖单线程与多线程两种变体的架构差异、Emscripten 编译配置及标志设置。同时解析虚拟文件系统 (VFS) 交互机制、数据流处理、日志进度回调以及解决多线程资源定位问题的哈希技巧,帮助开发者在浏览器中高效运行 FFmpeg。

2026-10-27 4 前端开发

【Mediabunny 文档】读取媒体文件

Mediabunny 是一款高效的媒体文件读取库,支持从内存、磁盘或网络等多种输入源以惰性方式读取数据。它提供强大的元数据提取功能,包括时长、分辨率、编解码器及色彩空间信息。库内支持视频与音频轨道的时序分析、帧率计算及数据包统计,并具备灵活的轨道配对能力。通过异步 API 和 Promise 机制,Mediabunny 确保高性能与低内存占用,适用于复杂的流媒体处理场景。

2026-10-28 3 前端开发

【ffmpeg.wasm 手册】JavaScript API 层

本文详细介绍 FFmpeg WebAssembly 的 JavaScript API 层,阐述其如何通过高层抽象简化与核心模块的交互。文章涵盖基于 Promise 的 API 设计、Web Worker 消息传递架构、FFmpeg 类初始化流程、请求生命周期管理、FFMessageType 通信协议、全局错误捕获机制以及用于流式数据的事件观察者模式系统。

2026-10-27 2 前端开发