Skip to content

feat(video): integrate MediaBunny for enhanced audio/video playback#422

Draft
xrgzs wants to merge 1 commit intoOpenListTeam:mainfrom
xrgzs:feat/ac3
Draft

feat(video): integrate MediaBunny for enhanced audio/video playback#422
xrgzs wants to merge 1 commit intoOpenListTeam:mainfrom
xrgzs:feat/ac3

Conversation

@xrgzs
Copy link
Member

@xrgzs xrgzs commented Mar 16, 2026

  • Added @mediabunny/ac3 and artplayer-proxy-mediabunny dependencies to package.json and pnpm-lock.yaml.
  • Implemented AudioEngine, VideoEngine, MediaBunnyEngine, and EventTarget classes for managing audio and video playback.
  • Created VideoShim to simulate HTMLVideoElement interface for MediaBunny integration.
  • Updated video preview component to utilize artplayerProxyMediabunny for video playback.
  • Added TypeScript definitions for the new MediaBunny proxy.

Description / 描述

集成 MediaBunny,以便支持直接在前端转码播放 EAC3 格式的音频。

Motivation and Context / 背景

Relates to OpenListTeam/OpenList#881

TODO: 由于 @mediabunny/ac3 使用了 WASM,文件较大,需要实现按需导入,同时要给 Lite 版精简移除。

How Has This Been Tested? / 测试

必须要拷贝 artplayer-proxy-mediabunny 源码至仓库,否则无法注册 @mediabunny/ac3。

测试播放以下视频文件有声音:

eac3.mp4

Checklist / 检查清单

  • I have read the CONTRIBUTING document.
    我已阅读 CONTRIBUTING 文档。
  • I have formatted my code with go fmt or prettier.
    我已使用 go fmtprettier 格式化提交的代码。
  • I have added appropriate labels to this PR (or mentioned needed labels in the description if lacking permissions).
    我已为此 PR 添加了适当的标签(如无权限或需要的标签不存在,请在描述中说明,管理员将后续处理)。
  • I have requested review from relevant code authors using the "Request review" feature when applicable.
    我已在适当情况下使用"Request review"功能请求相关代码作者进行审查。
  • I have updated the repository accordingly (If it’s needed).
    我已相应更新了相关仓库(若适用)。

- Added @mediabunny/ac3 and artplayer-proxy-mediabunny dependencies to package.json and pnpm-lock.yaml.
- Implemented AudioEngine, VideoEngine, MediaBunnyEngine, and EventTarget classes for managing audio and video playback.
- Created VideoShim to simulate HTMLVideoElement interface for MediaBunny integration.
- Updated video preview component to utilize artplayerProxyMediabunny for video playback.
- Added TypeScript definitions for the new MediaBunny proxy.

Signed-off-by: MadDogOwner <xiaoran@xrgzs.top>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant