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都可以

截图展示

相关推荐
晚烛几秒前
CANN 数据流水线优化:从数据加载到模型输入的端到端加速
开发语言·网络·人工智能·python·深度学习
ylscode5 分钟前
npm遭遇大规模供应链投毒:@antv生态被植入Shai-Hulud后门,全球开发者需紧急排查
网络·安全·web安全·安全威胁分析
彦为君30 分钟前
JavaSE-11-网络编程(详细版)
java·前端·网络·ai·ai编程
头歌实践平台42 分钟前
头歌静态路由与默认静态路由
运维·服务器·网络
2601_957882241 小时前
多平台数字内容集群的版权合规与风控体系:从查重检测到IP保护的技术实践
人工智能·网络协议·tcp/ip
TechWayfarer1 小时前
营销反作弊实战:用IP归属地查询平台识别虚假流量
网络·python·网络协议·tcp/ip·数据分析
楷哥爱开发1 小时前
如何验证代理IP纯净度?2026年IP检测与优化指南
网络
一路往蓝-Anbo2 小时前
第五章:如何对 HAL 库本身进行单元测试?
网络·数据结构·stm32·单片机·嵌入式硬件·单元测试·tdd
青天喵喵2 小时前
Linux Wi-Fi 实战指南:AP / STA 实战用例(实战篇一)
linux·网络·架构·智能路由器·嵌入式·wi-fi
InHand云飞小白2 小时前
【企业网络实战】分支机构灾备联网方案设计与实践
网络·企业网络·5g路由器·5gcpe·网路运维·it网络·链路故障