Folia PlayerCap 教程:逐字歌词动画零门槛接入 OBS 直播画面

Folia PlayerCap 教程:逐字歌词动画零门槛接入 OBS 直播画面

【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major

Folia 内置 PlayerCap 源,把逐字歌词动画变成一页透明背景的网页,直接喂给 OBS 浏览器源。不用窗口捕获、不用截图,粘一条 URL,直播画面就跟着音乐逐字发光。

为什么选 PlayerCap 而不是窗口捕获

做过播放器上屏的人大概都被窗口捕获坑过:分辨率缩放后动画发糊,主题随封面换色时颜色还会"冻"在半路。

PlayerCap 走的是另一条路——Folia 不交给 OBS 一帧像素,而是给一个活网页:透明背景、歌词逐词动、配色跟着封面实时派生。页面永远和音乐同步,因为渲染源头就是同一份事件流。

工作原理:一条不断线的 WebSocket 数据流

Folia 先请求localhost:8765的/service-status接口,拿到这台 PlayerCap 服务支持的播放器列表(见连接层实现),然后建立一条 WebSocket 长连接——约等于一条不挂断的电话线,歌曲信息、逐句逐字歌词、播放进度、暂停恢复都顺着它推过来。

这些事件在 playerCapSession 里被归约成一份干净的播放状态,页面层通过 usePlayerCapSource 消费,再渲染成 OBS 专用舞台页,配色按封面自动算。整个过程不截你的窗。

三步配置:从设置面板到 OBS 浏览器源

在设置里找到舞台源:打开 设置 → 集成,在 Web 舞台源下拉里选中Nexus PlayerCap。播放界面左下角会立刻切进舞台模式,这就是效果预览,相当于本地小样。

把连接参数填对:PlayerCap 地址留空即走默认localhost:8765,失焦自动保存并重连。播放器选"跟随默认"就跟着服务当前活跃的那个走;选项列表要等连接建立后才可点。时间轴默认play_time,忽略播放器清除默认开启。

把地址交给 OBS:点设置面板里的"复制 OBS URL",在 OBS 新建浏览器源、粘贴即可。cfg参数携带外观短码;只有当你把地址、播放器等改成非默认值时,URL 才会附带nxpcPlayer、nxpcBasis、nxpcSticky之类的连接参数,默认配置下 URL 干干净净(构建逻辑见 currentObsUrl)。

细节怎么调:主题模式与时间轴对齐

  • 主题模式:static把当前主题烧进 URL,OBS 里颜色固定;builtin(默认)按封面为每首歌派生配色;ai在 builtin 基础上每首歌调 AI 重新生成主题。
  • 时间轴对不齐:逐字时机偏了的话,切到timestamp走原始 on-beat 时间轴,再用全局歌词偏移手动微调;play_time则沿用 PlayerCap 各播放器调教好的提前量。
  • sticky 开关:想暂停休息时歌词留在直播画面就保持"忽略播放器清除"开启,关掉则暂停后舞台随之清空。

这些设置都持久化在本地(见 useStageSettingsStore),改完地址连接会自动重启,不用手动重配。

常见问题:连不上、没歌词、下拉是灰的

先开 OBS 还是先开 PlayerCap?不用纠结,探测和重连每 2 秒自动重试,而且内部代号机制保证你快速切换地址时不会留下并发连接。

连接成功却没歌词?纯音乐或无歌词曲目的正常状态,换一首有歌词的即可,界面上会显示"已连接,等待歌词"。

掉线弹了提示?那只是通知,后台重连不会停,无需手动干预。

改了地址没反应?地址是失焦才保存的,填完点一下别处才生效。

一条 URL,就把逐字歌词动效从本地播放窗原封不动搬进了直播画面。下次开播前,记得先给 OBS 加一个浏览器源 🎧

【免费下载链接】folia-major专注于绚丽的歌词动画效果的本地音乐/navidrome/第三方多平台在线音乐播放器项目地址: https://gitcode.com/GitHub_Trending/fo/folia-major

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关新闻

构建可落地的SQA体系:从评审缺陷池到质量门禁的全解析

构建可落地的SQA体系:从评审缺陷池到质量门禁的全解析

简介:一份由微软中国撰写的软件质量保证体系文档,服务于2021-2022年度精品课件开发,面向项目经理、开发人员、测试工程师与QA团队,解决课件开发中质量标准模糊、过程管控不足的问题。文档参照ISO 9001:2015和CMMI3标准&#xff0c…

2026/10/20 1:11:40 阅读更多 →
副队长JavaScript教程(4)–浏览器开发者工具

副队长JavaScript教程(4)–浏览器开发者工具

点此查看 所有教程、项目、源码导航 本文目录1. 前言2. 打开开发者工具3. 小结1. 前言 在上一篇中&#xff0c;我们曾经演示过一个错误实例&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8"> </head><body><…

2026/10/20 1:10:40 阅读更多 →
副队长JavaScript教程(2)–在网页中使用JS

副队长JavaScript教程(2)–在网页中使用JS

点此查看 所有教程、项目、源码导航 本文目录1. 前言2. 如何引入JS代码3. 如何确定script标签的位置3.1 代码执行顺序3.2 script位置探讨3.3 script最佳位置4. 浏览器不支持JS的情况处理4.1 现状4.2 使用noscript标签5. 小结1. 前言 上一篇&#xff0c;给大家聊了很多关于JS的…

2026/10/20 1:10:40 阅读更多 →

最新新闻

无源贴片晶振匹配解决方案:负载电容计算与PCB布局实战

无源贴片晶振匹配解决方案:负载电容计算与PCB布局实战

做硬件调试这些年&#xff0c;绕不开一个特别“小”但又特别容易坑人的器件&#xff1a;无源贴片晶振。很多开发者第一次画板子&#xff0c;MCU选好了、代码写好了&#xff0c;上电却发现系统时钟不对&#xff0c;或者干脆不振&#xff0c;最后查来查去&#xff0c;问题往往就出…

2026/10/20 9:46:04 阅读更多 →
密钥不是密码:从加密算法到密钥全生命周期管理

密钥不是密码:从加密算法到密钥全生命周期管理

做安全这么些年&#xff0c;我发现一个特别普遍的现象&#xff1a;很多人一听到“密钥”&#xff0c;第一反应就是“哦&#xff0c;密码嘛”。这个误解比想象中更耽误事。密钥不是你在网站注册时设的那串字符&#xff0c;也不是登录服务器的口令。密钥是加密算法真正依赖的那个…

2026/10/20 9:46:04 阅读更多 →
计算机视觉学术速递拆解:从高频词到落地价值的阅读方法论

计算机视觉学术速递拆解:从高频词到落地价值的阅读方法论

1. 计算机视觉学术速递到底在速递什么第一次看到"计算机视觉学术速递[9.7]"这个标题&#xff0c;很多人会以为就是一个论文列表搬运。但我实际跟踪这类速递内容两年多&#xff0c;发现真正有价值的部分根本不是"有哪些新论文"&#xff0c;而是从当天扎堆出…

2026/10/20 9:46:04 阅读更多 →
C语言入门不绕路:环境搭建、指针初体验与新手高频坑

C语言入门不绕路:环境搭建、指针初体验与新手高频坑

决定学C语言那天&#xff0c;我在笔记本上只写了一行字&#xff1a;从今天开始&#xff0c;不绕路了。之前大半年我一直徘徊在各种语言教程里&#xff0c;能照着写点小工具&#xff0c;但只要别人追问一句"那个内存错误到底怎么回事""为什么这段代码快那段代码慢…

2026/10/20 9:46:04 阅读更多 →
Transformer长上下文之困:SSM与混合架构如何破局?

Transformer长上下文之困:SSM与混合架构如何破局?

1. 为什么Transformer的“上下文墙”不只是算力问题&#xff0c;而是记忆结构问题我一开始接触长文本任务的时候&#xff0c;也以为只要把显卡堆上去、把序列长度拉到128K、甚至1M&#xff0c;Transformer就能从容应对。直到有一次跑一个金融公告的风险因子抽取任务&#xff0c…

2026/10/20 9:46:04 阅读更多 →
AI课程矩阵实战路线:从提示词工程到API调用与批量部署

AI课程矩阵实战路线:从提示词工程到API调用与批量部署

AI 课程现在不难找&#xff0c;难的是判断一门课在你的成长路径里到底处于哪个位置。市面上大量课程要么只教提示词&#xff0c;要么直接堆 ComfyUI 节点&#xff0c;学完能复现案例&#xff0c;但换个场景就不会用了。“河南元力共生 AI 课程矩阵”这个提法&#xff0c;核心是…

2026/10/20 9:45:00 阅读更多 →

日新闻

CLRC663芯片Pin-to-Pin替代实战:从评估到量产全记录

CLRC663芯片Pin-to-Pin替代实战:从评估到量产全记录

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →
ESP32舵机控制指南:原理、多路驱动与避坑实战

ESP32舵机控制指南:原理、多路驱动与避坑实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →
位移法实现一阶低通滤波:单片机ADC采样降噪实战

位移法实现一阶低通滤波:单片机ADC采样降噪实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/20 1:01:30 阅读更多 →

周新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型&#xff08;GMM&#xff09;的语音识别系统&#xff0c;很多人第一反应就是一堆数学公式&#xff0c;觉得门槛很高。但如果你真的在MATLAB里把它落地跑通&#xff0c;会发现核心其实就是三件事&#xff1a;把声音变成特征向量&#xff0c;用GMM给每个类别…

2026/10/19 10:02:04 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人&#xff0c;但落到具体操作上&#xff0c;无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程&#xff1a;对图像做反白、改调色板、彩色转灰度&#xff0c;最后把像素数据导出成txt文件。单看每一…

2026/10/19 17:32:41 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词&#xff0c;你会发现一个很有意思的现象&#xff1a;每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型&#xff0c;有人指的是运动控制系统&#xff0c;还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/20 2:50:50 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/19 2:54:50 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/19 9:10:22 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/18 12:16:16 阅读更多 →