การอัปเดตของ Jellyfin ทำให้สกิน Netflix แบบกำหนดเองของฉันเสีย ดังนั้นฉันจึงเปลี่ยนมาใช้สิ่งนี้แทน

หนึ่งในสิ่งที่ดีที่สุดเกี่ยวกับ Jellyfin คือความยืดหยุ่นของมัน คุณสามารถปรับแต่งให้ดูเป็นแบบใดก็ได้ตามที่คุณต้องการ และชุมชนรอบ ๆ Jellyfin ก็ได้สร้างสกินที่ยอดเยี่ยมสำหรับจุดประสงค์นั้น หนึ่งในสกินที่ดีที่สุดสำหรับฉันเกิดปัญหา แต่ฉันพบตัวทดแทนที่ดียิ่งขึ้น

สกินคลาสสิกของ Netflix สำหรับ Jellyfin ดูเหมือนจะเสีย

ขอให้ JellyFlix สู่สุขติ

ในอดีต ขั้นตอนคลาสสิกหลังการติดตั้งบนเซิร์ฟเวอร์ Jellyfin คือการหาธีมแบบกำหนดเองสำหรับ Jellyfin ที่ทำให้เว็บอินเทอร์เฟซของคุณดูเหมือน Netflix คุณสามารถทำได้โดยเพียงแค่คัดลอกและวางโค้ดเพียงบรรทัดเดียวที่ชี้ไปยังที่เก็บ git ซึ่งมีไฟล์ CSS ชื่อ JellyFlix และปุ๊บ ปั๊บ เว็บ Jellyfin ของคุณก็จะดูแทบไม่ต่างจาก Netflix เลย หรืออีกทางหนึ่ง คุณสามารถหลีกเลี่ยงการยุ่งกับโค้ดใด ๆ โดยการติดตั้งปลั๊กอิน Skin Manager

คุณสามารถก้าวไปอีกขั้นได้โดยการติดตั้งปลั๊กอิน Jellyfin สำหรับ pre-roll หากคุณเจอ pre-roll ของ Netflix ออนไลน์ คุณก็สามารถให้เซิร์ฟเวอร์ Jellyfin ของคุณเล่นมันก่อนภาพยนตร์และรายการทีวีทุกเรื่อง เพื่อสร้างประสบการณ์ที่ดื่มด่ำยิ่งขึ้น

ฉันอยากจะสืบทอดประเพณีนี้กับเซิร์ฟเวอร์ Jellyfin ใหม่ของฉันเมื่อเร็วๆ นี้ แต่กลับผิดหวังเพราะ CSS เสีย จากที่ฉันสังเกต ดูเหมือนว่า CSS จะหยุดทำงานตั้งแต่หรือหลังจากการอัปเดต 10.11 ที่ Jellyfin ได้รับในเดือนตุลาคม ฉันชัดเจนว่าค่อนข้างเร่งรีบกับกิจวัตรการอัปเดตเซิร์ฟเวอร์ของฉัน

ทำให้เรื่องแย่ลงไปอีก ฉันไม่รู้เกี่ยวกับ CSS มากพอที่จะซ่อมโค้ดด้วยตัวเอง ถ้ารู้ ฉันคงจะแก้ไขปัญหาและแชร์โค้ด CSS ของฉันที่นี่เพื่อให้คนที่อ่านได้รับประโยชน์ ขอโทษนะทุกคน เราคงต้องรอจนกว่าสมาชิกชุมชน Jellyfin คนหนึ่งจะแก้ไขมัน

ในช่วงเวลาของความสิ้นหวัง ฉันพยายามขอให้ Gemini ช่วยเรื่องนี้ ในการกระทำที่คงไม่ทำให้ใครที่รู้วิธีทำงานของ LLMs ประหลาดใจ คำตอบที่ฉันได้รับยืนยันว่าสิ่งที่ฉันต้องการทำมันง่าย และฉันเพียงแค่ต้องดึงโค้ดบางส่วนจากแหล่งเก็บบน GitHub ที่ไม่มีอยู่จริง โปรดให้อภัยฉันที่ไม่ได้ขอบคุณ GPU ราคาแพงสำหรับ 'ปัญญา' เล็กๆ นั้น

ธีม ElegantFin ดีกว่าอยู่แล้ว

มีชุมชนที่เคลื่อนไหวเพื่อให้แน่ใจว่ามันทำงานได้

เอาล่ะ ด้วยโค้ดของ JellyFlix ที่ใช้ไม่ได้แล้ว ผมจึงต้องหาวิธีแก้ปัญหาอีกวิธี หนทางนั้นกลับกลายเป็นธีมที่ต่างออกไปโดยสิ้นเชิง แต่เป็นธีมที่ผมพึงพอใจอย่างเต็มที่: ElegantFin

ธีม ElegantFin เป็นธีมที่มุ่งเน้นไปที่การทำให้ Jellyfin ดูทันสมัยและดูเรียบหรู มันไม่ได้พยายามเลียนแบบแพลตฟอร์มเฉพาะอย่างเช่น Netflix แม้ว่าผมจะบอกว่ามันทำให้ผมนึกถึงอินเทอร์เฟซของ HBO Max บ้าง

มันมีโทนสีเทาเข้มที่ไม่ดูรุนแรงในเวลากลางคืน แต่ก็ไม่ให้ความรู้สึกแบบ 'แฮกเกอร์' มากเกินไป ElegantFin ใช้มุมโค้งมนและรวมถึงการโปร่งแสงบ้าง แต่ไม่ถึงระดับที่ทำให้เวียนหัวเหมือน Liquid Glass ของ Apple ที่ดีที่สุดคือ มันรองรับทั้งเซิร์ฟเวอร์ Jellyfin 10.11.x และเซิร์ฟเวอร์เวอร์ชันเก่า (แม้ว่าฉันจะไม่พบเวอร์ชันขั้นต่ำที่ต้องใช้)

ฉันชอบรูปลักษณ์เริ่มต้นของ ElegantFin แต่แม้ว่าฉันจะไม่ชอบ เอกสารในรีโปก็ให้คำแนะนำเกี่ยวกับวิธีปรับแต่งและปรับเปลี่ยนมัน ซึ่งแตกต่างอย่างมากกับรีโป JellyFlix ที่ไม่ได้ให้ความช่วยเหลืออะไรหาก CSS ไม่ทำงานหรือไม่ตรงตามที่คุณต้องการ

นอกจากนี้ แตกต่างจาก JellyFlix, ElegantFin มีชุมชนที่มีการเคลื่อนไหวอยู่เบื้องหลัง หากคุณไปที่หน้าการอภิปรายของ GitHub repo คุณจะเห็นหลายคนถามหาความช่วยเหลือเป็นประจำในการปรับแก้เล็กน้อยและเพิ่มการแก้ไขเพื่อความเข้ากันได้กับปลั๊กอิน และอื่น ๆ นั่นทำให้ฉันรู้สึกมั่นใจว่าจะไม่ถูกถอนพื้น CSS ออกไปจากใต้เท้าอย่างกะทันหัน

คุณจะสามารถรับ ElegantFin ได้อย่างไร

มันก็แค่การคัดลอกแล้ววาง

ถ้าคุณต้องการใช้ธีม ElegantFin สิ่งที่คุณต้องทำคือไปที่แดชบอร์ดผู้ดูแลของคุณ ไม่เหมือนกับ JellyFlix, ElegantFin สามารถใช้ได้ทั้งบนเซิร์ฟเวอร์ 10.11.x และเซิร์ฟเวอร์ก่อน 10.11 แต่ขั้นตอนจะแตกต่างกันเล็กน้อย

บนเซิฟเวอร์ที่อัปเดตเป็นเวอร์ชัน 10.11 หรือใหม่กว่า คุณต้องไปที่ Branding > รหัส CSS แบบกำหนดเอง บนเซิฟเวอร์รุ่นเก่า ให้ไปที่ General > รหัส CSS แบบกำหนดเอง ในทั้งสองกรณี ให้วางรหัสนี้ลงไป:

@import url("https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css");

หากคุณไม่มีสิทธิ์ผู้ดูแลระบบในการเข้าถึงเซิร์ฟเวอร์ คุณยังคงสามารถใช้มันได้ เพียงแค่ไปที่การตั้งค่าผู้ใช้ของคุณ จากนั้นไปที่ แสดงผล > รหัส CSS ที่กำหนดเอง และวางรหัสเดียวกันลงในช่องนั้น จากนั้นบันทึกการตั้งค่า แล้วคุณก็พร้อมใช้งาน—หรือควรจะพูดว่าคุณดูสง่างาม

ฉันไม่หยุดอยู่แค่การสร้างธีม

คุณสามารถขยายระบบนิเวศของ Jellyfin ของคุณด้วยไคลเอนต์และปลั๊กอิน

ฉันได้ทำอะไรกับเซิร์ฟเวอร์ Jellyfin ของฉันมากกว่าการใส่ CSS ในช่องแบรนด์ดิ้งเท่านั้น คุณยังสามารถใช้ไคลเอนต์ที่สวยงามคล้าย Spotify สำหรับสตรีมเพลงบนเดสก์ท็อป หรือปลั๊กอินที่ช่วยให้คุณสามารถข้ามตอนเปิดตัวใน Jellyfin ได้

นั่นแหละคือความสวยงามของ Jellyfin: คุณไม่ได้ถูกจำกัดด้วยค่าดีฟอลต์ และคุณก็ไม่ต้องจ่ายเงินเพื่ออัปเกรดด้วยเช่นกัน