Giter Site home page Giter Site logo

Comments (16)

satu0king avatar satu0king commented on June 20, 2024 1

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!

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024 1

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!

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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?

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024

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.

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024
  • @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?.

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024

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

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024
  • @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)

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024

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

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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

from circuitverse-presentation-embed.

Shivansh2407 avatar Shivansh2407 commented on June 20, 2024

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

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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.

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024

Firefox + Chrome Extension is complete 🥳

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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

from circuitverse-presentation-embed.

satu0king avatar satu0king commented on June 20, 2024

@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

from circuitverse-presentation-embed.

rohan2734 avatar rohan2734 commented on June 20, 2024

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

from circuitverse-presentation-embed.

Related Issues (17)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.