Comments (16)
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.
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.
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.
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.
- @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.
@rohan2734 refer https://docs.circuitverse.org/#/embedding_circuits?id=embedding-circuits
from circuitverse-presentation-embed.
@satu0king ok understood, i will try to get a solution.
from circuitverse-presentation-embed.
- @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.
-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.
- 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.
@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.
@satu0king so we need to create a chrome extension which suites our task on google slides?
from circuitverse-presentation-embed.
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 🎉
from circuitverse-presentation-embed.
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.
Firefox + Chrome Extension is complete 🥳
from circuitverse-presentation-embed.
@satu0king can you please explan me how did you embed images of ciruit verse, in google slides,
from circuitverse-presentation-embed.
@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.
@satu0king ok it is working now.
i will try a addon for ppt.
from circuitverse-presentation-embed.
Related Issues (17)
- Initialize Read Me file. HOT 3
- Port Firefox/Chrome Extension to Safari HOT 3
- [BUG] Google Slides Add On - Issue in Backend API HOT 1
- Improve Google Slides Add on Menu HOT 5
- Add CircuitVerse Logos HOT 1
- Rounded Corners for the logos HOT 2
- Browser Action : Link in popup does not redirect on click HOT 13
- Google Slides Add on - Rejection HOT 3
- Firefox Add On stopped working
- Create Nice Instructions Page HOT 7
- Revamp Google Chrome & Firefox Extension HOT 2
- Port Chrome Extension to Firefox
- Create Google Slides Add On
- Position and size of iframe to be limited to embed image HOT 2
- Support Multiple circuit embeds
- Google Slides menu hidden [Chrome Extension] HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from circuitverse-presentation-embed.