GitHub - Nolovenodie/emby-crx: Emby 增强/美化 插件 (适用于 Chrome 内核浏览器 / EmbyServer)
emby美化尝试
简介
通过本文，可以美化emby和添加功能，使其看起来赏心悦目。教程同时适用于docker，pc，linux直装等emby场景，请找到对应的文件夹修改即可。
添加多种播放按钮
项目是这个 https://github.com/bpking1/embyExternalUrl，感谢bpking1大佬的付出。 成功后将有如下的排版显示：
先下载上面项目，解压后将其中embyWebAddExternalUrl目录复制到emby安装目录的dashboard-ui中。 再修改dashboard-ui/index.html文件，在</head>前添加：
如下：
此时保存后刷新页面就可以看到相关的图标了。
进阶
原作者的embyLaunchPotplayer.js 中引用了js cdn的地址，有时候在某些环境下刷不出来，这里可以将其改为本地地址，具体来说就是编辑embyLaunchPotplayer.js文件将
去掉即可。也即是这部分:
改为：
再次刷新后就用的本地地址了，在所有的环境都可以把图标刷出来。
添加首页大屏
项目是这个： https://github.com/Nolovenodie/emby-crx 感谢 Nolovenodie 大佬的付出。 成功后显示如下：
先下载上面项目，在每个文件夹中都找一遍，我们总共需要如下几个文件：
去emby的安装目录中找到dashboard-ui文件夹，在其中创建一个emby-crx文件夹： 把上面的文件全部复制进去
然后修改dashboard-ui/index.html文件，在</head>前添加下面的代码：
下面这个样子就是正确的。
保存后刷新网页即可。
添加弹幕
项目是这个：https://github.com/RyoLee/dd-danmaku 感谢 RyoLee 大佬的付出。
我这里测试没有成功，等待尝试再补充上去。
最后
我更推荐直接用docker版本的，特别是这个大佬的把这些都集成了：https://hub.docker.com/r/amilys/embyserver
上面教程提供给其他平台使用的用户修改思路。
参考
- https://hub.docker.com/r/amilys/embyserver
- https://github.com/bpking1/embyExternalUrl
- https://github.com/Nolovenodie/emby-crx
- https://github.com/RyoLee/dd-danmaku
项目主页：
https://github.com/Nolovenodie/emby-crx该主题是通过chrome插件来调用的，但是本文介绍的是如何直接安装到emby server中
以群晖emby 4.7.11举例
web ui目录为：
/volume1/@appstore/EmbyServer/system/dashboard-ui/如果是Docker安装的，比如lovechen/embyserver
位置在:
/system/dashboard-ui/
无论你什么安装方式，你只需要找到安装目录下的index.html就找对了！比如容器就是
docker exec -it 容器ID find -name "index.html"从作者的github库中下载源码压缩包：emby-crx-master.zip
从压缩包中提取如下文件：
common-utils.js
jquery-3.6.0.min.js
md5.min.js
style.css
main.js把他们上传到 web ui目录 中去
然后编辑 web ui目录 中的index.html文件
在</head>前插入
<link rel='stylesheet' id='theme-css' href='style.css' type='text/css' media='all' /><script src="common-utils.js"></script><script src="jquery-3.6.0.min.js"></script><script src="md5.min.js"></script><script src="main.js"></script>刷新Emby网页即可生效
------------------------------------------------------------------------------------------------------------------------------
项目地址： https://github.com/Nolovenodie/emby-crx
该主题是通过chrome插件来调用的，但是本文介绍的是如何直接安装到emby server中
我这里以群晖emby 4.8.0.67举例
web ui目录为：
/volume1/@appstore/EmbyServer/system/dashboard-ui/
如果是Docker安装的，比如lovechen/embyserver
位置在:
/system/dashboard-ui/
无论你什么安装方式，你只需要找到安装目录下的index.html就找对了！比如容器就是
docker exec -it 容器ID find -name "index.html"
从作者的github库中下载源码压缩包：emby-crx-master.zip
从压缩包中提取如下文件：
common-utils.js
jquery-3.6.0.min.js
md5.min.js
style.css
main.js
把他们上传到 web ui目录 中去
然后编辑 web ui目录 中的index.html文件
在</head>前插入
<link rel='stylesheet' id='theme-css' href='style.css' type='text/css' media='all' /><script src="common-utils.js"></script><script src="jquery-3.6.0.min.js"></script><script src="md5.min.js"></script><script src="main.js"></script>
这里会有2个坑，
第一个，上述压缩包内的5个文件可能读取权限不够就会出现500报错，web并没有变化，不能加载美化。
这里我们需要给这5个文件所有权限，我这里用的是MobaXterm直接读取文件 ，右键选择权限，并勾选全部权限，保存。（前提是登录SSH，需要root账户）
应用完成后刷新web网页，就成功了。
第二个，就是style.css需要修改
这里需要把flex修改成为none，不然在媒体库标题上会显示标题文字，从而导致只能点击标题文字才能进入标题媒体库。
最后展示一下emby主页美化轮播：
![[.NET] Aspire 9 新特性及优化](https://img2024.cnblogs.com/blog/3358435/202501/3358435-20250104140423452-1974900881.png)
