Slides Extended

Share & showcase
1

This is a fork/continuation of Advanced Slides.

demo

Slides Extended is the perfect slide deck extension for Obsidian

Features

  • Embed your notes into your slides
  • Live Preview while editing your slides
  • Themes allow you to change the appearance of your slides
  • Annotations allow you to change the style of your slides
  • Export slides as PDF Documents or as HTML Presentations
  • Support for most of the Obsidian Markdown Syntax
6 Likes
2

I apologize if this is not the right place to ask my question.

Can anyone point me to some troubleshooting guidance aimed at less technical users? I installed Slides Extended and disabled Advanced Slides. Clicking on the Slides Extended preview button generates an empty preview window and an empty browser at http://127.0.0.1:3000.

I tried changing the port, but that didn’t do anything.

Switching back to Advanced Slides seems to renders fine in both the preview and browser. I had a similar problem when I first tried Advanced Slides, and I think I solved it by nuking one of the folders in .obsidian/plugins/obsidian-advanced-slides. But I don’t remember what that was (I can’t seem to find the post where that solution was suggested).

3

It is hard to diagnose a problem by that description.

  • Install/enable of slides extended should work. You can take a look at the slides-extended folder under plugins to make sure content has been expanded. The contents of slides-extended and advanced-slides should be similar.
  • Restarting Obsidian may help, to make sure you only have one of the two running (I believe both do a decent job of cleaning themselves up, but when in doubt, close and reopen the application).
  • Make sure the note containing your slides is open/active when you open the slides extended view.
1 Like
4

I have the same problem where my slides no longer show background images when using http://127.0.0.1:3000. Changing it to http://localhost:3000/ works. Something must have changed recently.

1 Like
5

Thanks for responding… Something must be borked in my obsidian settings, but I don’t know enough to ask useful questions.

I installed the plugin in a fresh vault and it worked perfectly. On a whim, I deleted the slides-extended sub-directory from the offending vault’s .obsidian directory and replaced it with the slides-extended sub-directory from the fresh vault. It seems to be working now.

Thank you for your work.

6

My problem came back (but only with slide decks I created previously to work with Advanced Slides). According to the console, I get an uncaught Reference Error…

Uncaught ReferenceError: ElapsedTimeBar is not defined
    at c435f24_Deck02.md:176:17
(anonymous) @ c435f24_Deck02.md:176

Once I remove that from the YAML, the deck renders fine. But if I toggle on the Elapsed Timebar in the settings, the preview goes blank again.

(Again, sorry if I’m not supposed to report this here. Let me know if there’s a more appropriate place).

7

Not at the code level. It’s still listening on 127.0.0.1. localhost usually resolves to that address, so they should be equivalent.

In my case, either URL works. I’m not sure how to diagnose why 127.0.0.1 would not work… it could be an issue in the browser (developer console may have something interesting), or in your operating system (related to how the hostname/ip are resolved).

Slides Extended is pretty dumb in this case:
await this._server.listen({ host: ‘127.0.0.1’, port: this._port });

That’s as far as it knows. The browser finding that is out of its hands.

8

As far as background images not resolving go:

  • does it find the image at all (i.e. if you just make it a foreground image, does that work?)
  • how are you adding the image to the background? (an issue on the repo or a question in a repo discussion may be more useful here)
9

I did just push a fix for this one…

1 Like
10

Hi, I use some background images I host on imgur for the slides.

The format is

<!-- slide bg="https://i.imgur.com/xyz.png" data-background-opacity="1"-->

This works in the preview within Obsidian, but not when I click on ‘Open in Browser’ (that opens ‘http://127.0.0.1:3000/#/’) only when I change it to http://localhost:3000/#/ the background image works.

I’ll try to make a repo issue.

11

Hi,

So firstly I think this is an amazing plugin. Allows me to use reveal.js with the simple pleasure and ease of markdown.

I am just in my testing and trying to export my slides as an html so I can host from GitHub. However I always seem to get a 404 error.

Is this common? Is there a way to run this from my iPad?

Alternatively if it was possible to run from mobile then that would be amazing as I will be presenting from an iPad but I’m unsure of the work that may involved in doing that. So, I’m sure you have a better picture here.

12

Auto completion, selecting ‘Always’ is invalid. What is the reason for this

13

Thanks for a great plugin! Is there somewhere official to discuss its feats?