A MSE+Fmp4+websocket+H265播放器

介绍

最近有个需求需要在浏览器上播放网络摄像机的音视频,基本要求就是要低延时,

目前最符合低延时要求的是webrtc方案,但由于项目自身原因,暂时无法引入webrtc方案,调研下来,ws+hflv, ws+fmp4是比较好的方案,很多开源播放器也支持播放ws+flv,

从低延时的角度选择,ws+fmp4可能延迟更低一些,毕竟类似flv.js的MSE方案最终也是要把flv封装的视频数据转换成fmp4格式数据喂给MSE。

后来发现开源的支持ws+fmp4的web播放器很少, 要么就是将这个功能放在pro版本收费,要么就是不支持ws+fmp4+h265 .....

最后在各种AI工具的加持下,我这个从未写过前端代码的后端老司机,硬生生的捣鼓出来一个web播放器(功能很单调)
A MSE+fmp4+websocket H2655 WEB 播放器

github地址:https://github.com/machh/machhPlayer

连续跑了四五天,目前看效果还可以,延迟基本上在1秒左右, 这里开源出来,希望大家都可以尝试使用,有问题可以反馈,共同优化,记得点赞+star。

关键特性

  • 低延迟播放:延时1s左右, 通过WebSocket接收fMP4片段,直接追加到MSE的 SourceBuffer中,使用 video.buffered设置currentTime实现从缓存片段的播放。
  • 编解码支持:原生H.264/H.265(fMP4 格式)
  • 技术栈:WebSocket(流传输)、MSE(媒体追加)、HTML5 Video(渲染)
  • 实现了简单的重连/退避机制及内存回收机制,
  • 支持音频H.264/H.265+AAC
  • 对于H.265的解码播放,依赖浏览器MSE原生能力,最新版本的chrome,Edge都可以

截图展示

相关推荐
paopaokaka_luck36 分钟前
滑雪场管理系统(AI智能助手流式对话,ECharts 运营数据分析、教练、雪具与场地一体化预约,钱包支付退款、订单核销与服务评价)
java·人工智能·spring boot·网络协议·数据分析·echarts
CCblandy2 小时前
HTTP 长连接 3 类故障实测:[WinError 10053]、99 个 TIME_WAIT、69 次多余握手,4 种对策怎么选
后端·python·网络协议·http·云原生·性能优化·架构
雪雪爱冲浪2 小时前
2026 年网络爬虫领域的Puppeteer vs. Playwright
爬虫·网络协议·测试工具·接口隔离原则
zxanz12 小时前
SSL 证书申请下来快吗?
网络·网络协议·ssl
false_or_true2 小时前
一次由 tcp_tw_recycle 引发的“灵异”故障排查:基于双网闸架构的踩坑记
网络·tcp/ip·架构
爱写代码的倒霉蛋3 小时前
我用book-to-skill把尹圣雨的《TCP/IP网络编程》做成了知识库(适合快速入门网络编程)
网络·网络编程·知识库
..过云雨3 小时前
19.【网络】多路转接poll、epoll、Reactor反应堆 - 修正版
网络
Raas1003 小时前
MAI Gateway(魔芋企业级AI网关)功能全解:AI网关能做Prompt注入防护吗?一文看懂AI网关能力矩阵(v1.2.0)
网络·人工智能·gateway·prompt·mai gateway·企业级ai网关·企业级产品
Lzg_na3 小时前
DHCP 作用、原理、机制和报文格式详解
网络
发量惊人的中年网工4 小时前
SD-WAN 组网方案怎么选?跨地域与多分支企业的选型指南(含成本对比)
服务器·网络·数据库