CircuitVerse / CircuitVerse-Presentation-Embed

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Google Slides Plugin | Powerpoint Plugin

satu0king opened this issue · comments

CircuitVerse circuit's can be easily be embedded in websites using an iframe. This is great however, it cannot be embedded in a PPTX or Google Slides. I have used liveslides program before to achieve the same on PPTX (Liveslides is deprecated now)

However, I think it is possible to create a plugin/extension/add-on to achieve the same. Poll Anywhere and several other services achieve this, so we definitely can.

Describe the solution you'd like

  1. Google Slides: Chrome Extension + Google Slides add on
    Unfortunately, Google Slides does not embed iframe embeds😞. However, it is possible to achieve that by using a combination of google slides add on and chrome extension.

  2. Powerpoint: Powerpoint add-in - I don't have any experience in powerpoint, however, I think it is possible, check this.

Describe alternatives you've considered
If there are other online presentation softwares which allow direct embed of iframe, please list them here if you find them.

Update: Google Slides is completed. Powerpoint is yet to be implemented.

Are you working on this? (Yes/No)
Yes - Created Chrome+Firefox Extension for Google Slides. Also created Google Slides add on.

Update:
Can someone check this repo and see how much of it we can use?
https://github.com/animysore/CircuitVersePPT

hey @satu0king i would like to wok on this issue.
and you want to embed the circuitVerse's circuits in google slides or powerpoint or in both?

hey @satu0king i would like to wok on this issue.
and you want to embed the circuitVerse's circuits in google slides or powerpoint or in both?

Great! We want both. They would be separate projects. I think Google Slides is easier, so go ahead with this first.

  • @satu0king okay i will go ahead with google slides. so i need to find a extension/plugin/add-on which can embed circuits into google slides right?
  • what is iframe? is it like a extension or just a tool to embed?.

@satu0king ok understood, i will try to get a solution.

  • @satu0king i have found a alternative for google slides which is Qwir page, there you can create a page, and embed an iframe.
  • i even tried embeding my circuit, it is working perfectly fine.
  • this is how it looks.
    image

-we can also add google slides here. and choose qwir as our alternative for google slides.

  • I have choosed an alternative for google slides,since google slides didnt add a feature for it , it seems.
    image
  • or else if you want to embed the iframe only in google slides, then i will look furthur into it.
  • then we need to change the embedding tool, (that i will confirm later)

@rohan2734 I am aware of this. It is not possible easily. But slido.com does it. They use a combination of chrome extension + slides add on to achieve it. I am trying to figure out how they manage to do so. But if they can do it, we definitely can.

@satu0king so we need to create a chrome extension which suites our task on google slides?

I spent the whole day trying to achieve it and I think I managed to do it.

Download extension from https://github.com/CircuitVerse/Chrome-Extension

On chrome, goto chrome://extensions/, enable developer mode
Click load unpacked extension and select the chrome extension repo folder.

Goto https://docs.google.com/presentation/d/1QybVSk8CujyHEHlLDtdlCiae9vK9qGhWfb4SA-WGCR0/edit
and try if it works.

Note: We still need to make a google slides add-on but that is very doable.

Please test it. Thanks!

For those who are wondering how it works.

The images are manually embedded with the url set as the desired embed url. This part can easily be automated by a google slides add-on.

Then when the presentation starts, the chrome extension first finds the URL of the circuit in the current slide and then injects an iframe of the same.

Challenges was mainly figuring out how to achieve this as google doesn't make it easy!

I spent the whole day trying to achieve it and I think I managed to do it.

Download extension from https://github.com/CircuitVerse/Chrome-Extension

On chrome, goto chrome://extensions/, enable developer mode
Click load unpacked extension and select the chrome extension repo folder.

Goto https://docs.google.com/presentation/d/1QybVSk8CujyHEHlLDtdlCiae9vK9qGhWfb4SA-WGCR0/edit
and try if it works.

Note: We still need to make a google slides add-on but that is very doable.

Please test it. Thanks!

It is Working really well @satu0king . Great work 🎉

image

The images are manually embedded with the url set as the desired embed url. This part can easily be automated by a google slides add-on.

how did you manually embed images? i am not able to do that.

Firefox + Chrome Extension is complete 🥳

@satu0king can you please explan me how did you embed images of ciruit verse, in google slides,

@rohan2734 , I just put the image and added a hyperlink to it. Now it is automated by the google slides add on as well. Check #13

@satu0king ok it is working now.
i will try a addon for ppt.