A detailed walkthrough of the Excalidraw-Obsidian Slideshow 3.0 script
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- 🙏Developing new features takes more time than you can ever imagine. If you enjoy the new Excalidraw features, consider becoming a GOLD supporter, or buy me a coffee here: ko-fi.com/zsolt
✏️ If you want to learn my Visual Thinking Workflows firsthand, Sign up for the Visual Thinking Workshop: www.visual-thinking-workshop....
🚀 Cohort 5 starts on August 19. 📔 We will be summarizing Finite and Infinite Games into a book-on-a-page
------
Create Prezi-like slideshows from your Excalidraw drawings in a matter of seconds, and enjoy more flexibility and reusability by having it fully integrated into your personal knowledge management system, leveraging all the other powerful features of the Excalidraw-Obsidian plugin like links, reusable components, markdown embeds, text transclusions, image deconstructions, embedding images and parts of images into your documents, and more, more, more.
Pin the slideshow button to the toolbar on the right. Watch the how-to video here: • Obsidian-Excalidraw 1....
-------
Timestamps:
00:00 Intro
00:39 How to install or update the script
01:40 How to create your presentation material
02:09 Defining slides (intro)
02:29 Using a line or arrow
04:10 Changing adding slides using the arrow approach
05:59 Using the edit line button
07:04 Hiding the line
08:57 Using Frames to define slides
09:52 Editing a frame
10:22 Frames - slide sequence
11:13 Fullscreen / Window mode
12:00 Line, hidden line, frames: which ones will the script use?
13:56 Overview of the slide show control tools
-------
🪲If you'd like to request a feature or report a bug, please raise it on GitHub: github.com/zsviczian/obsidian...
📩 If you want to connect, you can reach me: (@zsviczian) on the Obsidian Members Group (OMG) on Discord, or on 🐦 Twitter: / zsviczian
Links:
---------
My blog: zsolt.blog/
Obsidian: obsidian.md
The Slideshow script: github.com/zsviczian/obsidian...
#excalidraw #obsidianmd
![[Full Episode] MasterChef Junior Thailand มาสเตอร์เชฟ จูเนียร์ ประเทศไทย Season 3 Episode 4](http://i.ytimg.com/vi/e7Oqqo90x_w/mqdefault.jpg)
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! Спасибо от всего сердца!💖
Thanks Sir, for all your hard work.
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.
this is just so well thought out, easy to setup and beautiful to watch, thank you very very much for making this possible 🙏
Brilliant Zsolt. Thanks for great script, passion for the project, prolific updates and very clear guide in this vid.
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!
Zsolt, you are a genius. Thank you so much!!!
thank you very much. speed animations transition between slide will be the perfect improvent to this awsome tool!
Many thanks to you, for all your brilliant work.
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!
Thank you very much !! One of the best feature!
Thank you Zsolts!
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.
Obsidian Excalidraw supports LaTeX
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: th-cam.com/video/r08wk-58DPk/w-d-xo.html
Great video!
very helpful thanks a lot always
Really cool !
awesome, thanks
What a pro!
Fantastic
Again well done. Your drive to contributie is amazing.
Maybe an option to changement the speed of animation (percentage) would be a nice feature.
there are couple settings that may make sense, transition speed is one, slide number display (vs. frame title display) is another.
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)
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.
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}`;
@@VisualPKM I did it, thanks )) What are you doing it's amazing. Hello from Ukraine.😉
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!
This is very good! It would be even better if it supports layer functions like Photoshop.
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.
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!
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.
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!
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
@@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!
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
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.
So we can make doodles in excalidraw for a presentation as video.
is there a way to change the transition delay/duration between slides?
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
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?
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.
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
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.
@@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
I used 091,092,093 instead of 10 , 11.. Etc and now working as expected
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.
Oh, I just realized this is because of dark mode.
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
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
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!
@@VisualPKM okay. It's in Obsidian on an M1 Macbook. I'll create an issue. Thanks for responding.
I can't see "hide arrow" button" in my slideshow mode =(
Are you presenting using frames? In that case hide arrow is not visible
03:17 How to drag the arrow seamlessly like you?
Chose the arrow tool, click once (while not moving the mouse), then drag the mouse and click, click, click, finally double click.
@@VisualPKM Thank you very much, I watched the video last time and got stuck at this point