CircuitVerse / CircuitVerse-Presentation-Embed

MIT License
9 stars 6 forks source link

Google Slides Plugin | Powerpoint Plugin #12

Open satu0king opened 3 years ago

satu0king commented 3 years ago

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

rohan2734 commented 3 years ago

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?

satu0king commented 3 years ago

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.

rohan2734 commented 3 years ago
satu0king commented 3 years ago

@rohan2734 refer https://docs.circuitverse.org/#/embedding_circuits?id=embedding-circuits

rohan2734 commented 3 years ago

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

rohan2734 commented 3 years ago

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

satu0king commented 3 years ago

@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.

rohan2734 commented 3 years ago

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

satu0king commented 3 years ago

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!

satu0king commented 3 years ago

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!

Shivansh2407 commented 3 years ago

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

rohan2734 commented 3 years ago

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.

satu0king commented 3 years ago

Firefox + Chrome Extension is complete 🥳

rohan2734 commented 3 years ago

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

satu0king commented 3 years ago

@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 https://github.com/CircuitVerse/CircuitVerse-Presentation-Embed/pull/13

rohan2734 commented 3 years ago

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