A detailed walkthrough of the Excalidraw-Obsidian Slideshow 3.0 script

[@jomoswagos]

this is just so well thought out, easy to setup and beautiful to watch, thank you very very much for making this possible 🙏

[@SynergiaT]

OMG, You and your works are just always amazing, thank you very much! The possibilities with these tools are growing day by day, tending towards infinity, so much progresses ♥. As a student, I really love drawing and notes management, I would definitely want to become a supporter when I will have the means.

[@АлександрВладимиров-б1з]

Thank you so much for the work you've done to improve the presentations! I am a school teacher and have been using Excalidraw in my work for a year now. Now I can navigate my presentations much easier! Спасибо от всего сердца!💖

[@RameshBaburbabu]

Thanks Sir, for all your hard work.

[@CrusNB]

Zsolt, you are a genius. Thank you so much!!!

[@robmitchell9475]

Brilliant Zsolt. Thanks for great script, passion for the project, prolific updates and very clear guide in this vid.

[@gavada8596]

This is really amazing work, Obsidian (especially in combination of Obsidian-Excalidraw) is my new favourite tool and this presentation ability raises this up to the next level. Thank you for this!

[@rsandovuaem]

Thank you Zsolts! I have been eagerly awaiting this improvement. The lines were difficult to understand, but now with the addition of frames, it is much smoother. Thank you for your excellent work!

[@divelix2666]

Wow, this looks like most convenient presentation tool available right now. I used to consider reveal.js based presentation tools before, but if this excalidraw infinite canvas in obsidian supports latex formulas, your script will become my tier 1 presentation tool.

[@VisualPKM]

Obsidian Excalidraw supports LaTeX

[@VisualPKM]

I am just about to release some improvements to LaTeX support in 1.9.29 (multiline support and proper Chinese - and I guess other unicode character - support) Here's a short video that introduces how LaTeX in Obsidian Excalidraw works: kzbin.info/www/bejne/qGGbqJ5jap13hs0

[@acalsmo]

thank you very much. speed animations transition between slide will be the perfect improvent to this awsome tool!

[@gosber]

Many thanks to you, for all your brilliant work.

[@pawn9131]

Hello. It's an incredible update, I have been waiting for it.👍👍 In the new update, include, please, names for slides that help to see their names in the navigation menu. Sometimes you need to understand what the next slide will be or the previous one without opening them.

[@VisualPKM]

so when you are using frames you want to name the frames like "00 - Intro", "01 - Exec summary", ... "12 - Decision points", and would like to see not just slide 1/12, 2/12, but the title? Sure happy to do that, but also if you do a little digging you can do it yourself as well. The downloaded script is in the Excalidraw/Scripts/Downloaded/Slideshow.md file (assuming default settings) Look for this line in the code: option.text = `Slide ${i + 1}/${slides.length}`; and replace it with this, I think that will do the job: option.text = (presentationPathType==="frame" && frames[i]?.name)?frames[i].name:`Slide ${i+1}/${slides.length}`;

[@pawn9131]

@@VisualPKM I did it, thanks )) What are you doing it's amazing. Hello from Ukraine.😉

[@marcpijnappels1351]

Again well done. Your drive to contributie is amazing. Maybe an option to changement the speed of animation (percentage) would be a nice feature.

[@VisualPKM]

there are couple settings that may make sense, transition speed is one, slide number display (vs. frame title display) is another.

[@cgvinny]

Hey thanks for this awesome tool! I have a question/problem: I'm using frames on Excalidraw-Obsidian combo. But contrary to your video, all the frames are called 'Frame', and i didn't find a proper way to reorder the slides/frames of my presentation. Howcould I achieve this ? Thanks again for all the great work!

[@lsolesen]

Great update. Going to redo some of my old Prezis so I can remember what the different frames were about with the note feature :) I experienced one unexpected issue. I put frames around a lot of the content. Then I wanted to delete the frames again, but then all of the content inside the frames also disappeared. Could there be a logic way to remove the frames without the content going away. (Luckily I had a backup of the file)

[@zetendra]

Thank you Zsolts!

[@linhao-mc8xz]

Thank you so much!!!🥰

[@cachaça_baby]

Pure gold man

[@murators4732]

very well done!

[@santoscarvalho-zo4wt]

Hello, how are you? I love this tool and especially the presentation option. However, I have a problem that I would like a solution for. I created a presentation with several frames and then saved the file. Now that I have opened it again, I cannot see the frame boundaries. I wanted to make some adjustments to them, but I cannot see them. Their boundary lines simply do not appear. If I open a new excalidraw, it works normally, but this current file does not work. Is there something I am not doing? Thank you.

[@DanielBachmann1337]

HI,, Awesome work, this is just beautiful! Is there a way to autoplay a embedded youtube video when the slide comes up? Thanks a bunch for this!

[@paultill2767]

Hello Zsolt, very nice script. Thank you. One enhancement Idea: What if the move from one frame to another is triggered by time instead of a click by the user. At the last frame it jumps back to the beginning. I can think of some use cases for it.

[@VisualPKM]

You mean a fixed universal delay for all slides?

[@paultill2767]

@VisualPKM yes exactly. Plus on the last slide jumping back automatically to the first slide. A endless loop. Can be useful e.g. for exhibitions where no human presenter is present.

[@IKcodeIgorWnek]

Awesome, thanks!

[@stefanguiton]

Great video!

[@choclitboi1dr483]

Thanks for the fantastic plugin! Is it possible to draw dynamically DURING the slideshow? Is there a combination of scripts or techniques I can use to make this seamless?? Thank you!

[@VisualPKM]

Not yet.I saw some development on GitHub to implement a laser pointer, but I haven't checked where it has gotten, or if it will ever be rolled out

[@choclitboi1dr483]

@@VisualPKM thanks for getting back to me so quickly. Hope this feature is in the pipeline because it would allow for such a fantastic paradigm shift in the way presentations are done from static to dynamic. Thanks again, I really appreciate your work!

[@sansubaek9412]

very helpful thanks a lot always

[@sambenito]

Great update, about this, how does the presentation work on a second monitor? that is, control the presentation on the main monitor but put it in full screen on the secondary or external projector? another thing is, as in prezi, one can put the frames at different angles, is it possible that in Excalidraw? I had some problems when trying to delete the frames, it also deletes its interior, when in reality I only want to remove the frame from the presentation

[@VisualPKM]

Before deleting frames you need to right click to remove all elements from the frame. What do you mean different angles in prezi? You want the frame to appear tilted? When do you use that? Control is a good question. I haven't thought about that. You can open the drawing in an Obsidian popout window and place that on the other screen and start the presentation there. And you can control the presentation with the keyboard. Allowing the presentation controls to be moved to another window will be tricky, but maybe opening the presentation tools in a popout window 🤔... I'll need to think about this.

[@portalteam5832]

is there a way to change the transition delay/duration between slides?

[@VisualPKM]

You need to edit the script. It should be in the Excalidraw/Scripts/Downloaded folder. Scroll down to find "TRANSITION_DELAY" and change the number

[@neonsegaming3114]

when in full screen mode, there is a white space on the right side cutting the slider. How to avoid it and always center the slider?

[@VisualPKM]

That is likely a stylesheet issue. In my current setup I don't see the white space on the right side, but I recall seeing it in the past. I suggest you experiment with Obsidian style settings.

[@fire17102]

Hi there! I really liked Prezi , and this is very cool! Subscribed! 💛 Some questions? Have you added F5 as a shortcut to start the slideshow? Space key for next slide,(shift+pace for prev slide) Also adding a setting for clean mode/auto present, so when you enter the page the slideshow will start(without the tools layout) And finally, how can I embed this in a webpage? I imaging the slide to be in the background, and when scrolling down the page, the animations will go from frame to frame (either fluidly or steps at predefined scroll location) Thanks a lot and all the best!

[@VisualPKM]

F5 has an easy fix: go to Obsidian settings and set a hotkey for the slideshow script Autostart is moderately easy: if you switch to markdown view, you can add the following YAML frontmatter line which will do the trick: excalidraw-onload-script: app.commands.commands["obsidian-excalidraw-plugin:Downloaded/Slideshow"].checkCallback() Embedding in a webpage is not supported, and I don't see how I would do it... issue is Obsidian is a local first platform not a collaborative web environment. However Excalidarw+ (I am not affiliate with it in any way) offers a similar presentation service that allows sharing of the presentation on a link with others.

[@samersammour6801]

Hi, I noticed that if the frames are more than 10, the slideshow gets confused and messes with the sequence of the slideshow. For example, it starts with first, then second, then 11. If the frames are up to 10, I have no issues. It is only when they are greater than 10. Is this a limitation that will be resolved later? wondering if there is a workaround

[@VisualPKM]

the issue is alphabetical sequence. In an alphabetical sense "11" comes before "2". I will release an update to the script to address this. The fix is to rename frames manually. Numbering should have leading zeros. i.e. 01, 02, 03, ... 10, 11, 12, etc.

[@samersammour6801]

@@VisualPKM i just tried that and it is still not working optimally i don't know why. It goes well into 10 then confuses 11 with 12

[@samersammour6801]

I used 091,092,093 instead of 10 , 11.. Etc and now working as expected

[@Drugvigil]

So we can make doodles in excalidraw for a presentation as video.

[@anonymous.youtuber]

Really cool !

[@canalbalbinatech6574]

Fantastic

[@mfpears]

I really want to try this, but when I paste images into Excalidraw, they appear very washed-out. So I think I can only do this for grayscale presentations, or colors of things that I've drawn within Excalidraw.

[@mfpears]

Oh, I just realized this is because of dark mode.

[@mfpears]

I could put a giant dark square in the background and keep it in light mode. Not ideal imo... Is there a way to keep dark mode from affecting certain things? I think it's a pasted PNG but maybe it was an SVG

[@mfpears]

This isn't going to work. My embedded notes will be white (unless I change a setting I don't want to change) and all the text will be black, with the dark background

[@VisualPKM]

Are you using Excalidraw Obsidian? Are you by any chance using Obsidian on an iPad? let me explain... Normally images are not effected by dark mode. The only exception is if you are using Excalidraw Obsidian on an iPad, and that is because iOS Safari (since the Obsidian App is simply running in an Safari webview) does not support certain otherwise industry standard (i.e. supported by all other browsers and platforms) transformations.So in short, on iOS I can't do anything, in dark mode the images will be inverted. On all other platforms images should not be effected. I just tested it with an image and it works as expected in both light and dark modes. If you are using Obsidian but you are not on an iPad, then please raise an issue here with a sample image and some screenshots so I can see what you are doing exactly. github.com/zsviczian/obsidian-excalidraw-plugin/issues Thanks!

[@mfpears]

@@VisualPKM okay. It's in Obsidian on an M1 Macbook. I'll create an issue. Thanks for responding.

[@DiegoSLLC]

I can't see any of the frames! :(

[@VisualPKM]

This sometimes happen if for some reason the slideshow plugin terminates incorrectly. There is an Obsidian command palette action (CTRL/CMD+P) to toggle the visibility of frames. - Excalidraw: Frame Settings - Excalidraw: Toggle Frame Clipping - Excalidraw: Toggle Frame Rendering you can turn frame rendering back on.

[@hazemhemied3293]

awesome, thanks

[@Max-9527]

This is very good! It would be even better if it supports layer functions like Photoshop.

[@VisualPKM]

Yes layers would be great. I am sure eventually they will be developed. Technically speaking Excalidraw does support the basics for layers since objects follow a strict stacking logic, but the ability to hide and show layers, as well as to animate layers would be great.

[@andresgardiol8111]

What a pro!

[@hoangblueky]

03:17 How to drag the arrow seamlessly like you?

[@VisualPKM]

Chose the arrow tool, click once (while not moving the mouse), then drag the mouse and click, click, click, finally double click.

[@hoangblueky]

@@VisualPKM Thank you very much, I watched the video last time and got stuck at this point

[@ivanzeleninx]

I can't see "hide arrow" button" in my slideshow mode =(

[@VisualPKM]

Are you presenting using frames? In that case hide arrow is not visible