Plex Swiper

一个为 Plex Web 客户端定制的 UI 美化脚本,为首页和媒体库推荐页添加轮播图。

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Necesitarás instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Necesitará instalar una extensión como Tampermonkey para instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión como Stylus para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

Necesitará instalar una extensión del gestor de estilos de usuario para instalar este estilo.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
onelxzy
Instalaciones diarias
0
Instalaciones totales
0
Calificaciones
0 0 0
Versión
1.1
Creado
26/12/2025
Actualizado
28/12/2025
Tamaño
23 KB
Licencia
GPL-3.0-only
Funciona en

Plex Swiper (Plex 首页轮播图美化)

这是一个为 Plex Web 客户端定制的 UI 美化脚本。它能自动识别你库中的推荐内容(电影或剧集),并在首页顶部生成一个丝滑、高颜值的 Swiper 轮播图。 参考项目地址:https://github.com/newday-life/emby-web-mod


📥 安装方式一:浏览器端(推荐)

这是最简单的安装方式。它不会修改你的 Plex 服务器文件,且支持官方 Web 端 (app.plex.tv)。

适用场景

安装步骤

  1. 在浏览器中安装扩展程序 Tampermonkey
  2. 点击 安装此脚本
  3. 刷新 Plex 网页即可生效。

🛠️ 安装方式二:服务端安装

该安装方式会使所有连接到你服务器的网页客户端(通过 IP/域名访问)都会自动加载此效果,无需客户端安装油猴插件

⚠️ 局限性

  1. 不支持 app.plex.tv: 通过 app.plex.tv 访问时,加载的是 Plex 官方托管的 Web 客户端,而不是你服务器上的文件。因此,服务端注入仅在使用 http://IP:32400 或自定义域名访问时生效。
  2. 更新会被覆盖: 每次升级 Plex Media Server (Docker 重建或应用更新),修改的文件会被还原,你需要重新操作一遍。
  3. 风险提示: 修改服务器核心文件有风险,建议操作前备份 index.html

安装步骤 (以 Linux/Docker 为例)

1. 定位 Plex Web 目录

通常位于: /usr/lib/plexmediaserver/Resources/Plug-ins-[版本号]/WebClient.bundle/Contents/Resources/

群晖位于: /var/packages/PlexMediaServer/target/Resources/Plug-ins-[版本号]/WebClient.bundle/Contents/Resources/

2. 上传脚本文件plex-swiper.js 上传到上述目录中。

3. 修改 index.html 编辑同目录下的 index.html 文件。

找到文件末尾的 <iframe> 标签,在它之前添加脚本引用。

正确的修改示例:

<script src="/web/js/main-xxxx.js" ...></script>
<script src="/web/plex-swiper.js"></script>
<iframe name="downloadFileFrame" style="display: none">
</body>
</html>

🌟 页面预览

image image