SPOTLIGHT - Trailers on the homepage

[valere]

Hey guys, just came across this plugin and it looks amazing!

I've followed the install instructions on the github page and I seem to be getting some errors with it...mainly Error code: 404 not found.

Things I've tried:
1. changed src="/web/UI/spotlight.html" to src="/usr/share/jellyfin/web/UI/spotlight.html" within the home-html chunk file.
2. tried out different file permissions for the home-html chunk file and the /web/ui folder+contents to root or jellyfin (I'm actually not sure what user Jellyfin uses, everything else inside the web folder have root owner so I assume its the root user).
3. used the spotlight.css and spotlight.html from both the releases page and from the main zip file

I should also point out that the 404 error happens on firefox (both normal tab and private tab). I tried it on chrome and it doesn't show the 404 error, just a blank empty space with my movies are underneath. I also tried the desktop Jellyfin Media Player, this one shows the background of, what I assume to be, the movie that Spotlight wants to show the trailer for. (check screenshots)

Thanks in advanced!

Can you try pasting over your whole home-html.chunk.js file with this? 

Code:

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372],{5939:function(a,e,t){
  t.r(e),e.default='<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book"> \
<iframe class="spotlightiframe" src="/web/UI/spotlight.html" tabindex="0" \
style="width:99.5vw;height:63vh;display:block;border:0;margin:-65px auto -50px auto;"></iframe> \
<div class="tabContent pageTabContent" id="homeTab" data-index="0"> <div class="sections"></div> </div> \
<div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div> </div> \
</div>'
}}]);

This one below is a backup of home-html.chunk.js if you need it

Code:

"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8372],{5939:function(a,e,t){t.r(e),e.default='<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs" data-backdroptype="movie,series,book"> <div class="tabContent pageTabContent" id="homeTab" data-index="0"> <div class="sections"></div> </div> <div class="tabContent pageTabContent" id="favoritesTab" data-index="1"> <div class="sections"></div> </div> </div> '}}]);

Hello,

I am using Firefox 144.0 on Linux.

The code you provided returned an error :

Code:

Uncaught SyntaxError: '' string literal contains an unescaped line break

The \ characters you entered are in the string (and preceded by a space), so they do not escape line breaks.

I corrected it by using:

PHP Code:

"use strict";
(self.webpackChunk = self.webpackChunk || []).push([[8372], {
  5939: function (a, e, t) {
    t.r(e);
    e.default = `
<div id="indexPage" style="outline:0" data-role="page" data-dom-cache="true"
    class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs withTabs"
    data-backdroptype="movie,series,book">

  <iframe class="spotlightiframe" src="/web/UI/spotlight.html" tabindex="0"
          style="width:99.5vw;height:63vh;display:block;border:0;margin:-65px auto -50px auto;"></iframe>

  <div class="tabContent pageTabContent" id="homeTab" data-index="0">
    <div class="sections"></div>
  </div>

  <div class="tabContent pageTabContent" id="favoritesTab" data-index="1">
    <div class="sections"></div>
  </div>

</div>`;
  }
}]);