butterops / refer Goto Github PK
View Code? Open in Web Editor NEWCross browser web clipper. Takes notes from videos, screenshots and extract texts or images from supported web browsers.
License: MIT License
Cross browser web clipper. Takes notes from videos, screenshots and extract texts or images from supported web browsers.
License: MIT License
As a fellow learner on youtube.com, I want to clip details from YouTube videos at any timestamp as notes
While we are watching a youtube video, on click of refer button in the video player the extension should read the following data from web page-
Steps to do
TODO Checklist
Put a contributing.md with instructions in the root. Should be friendly to follow for our first time contributors.
Here are some good reference
take reference from: https://github.com/rubenspgcavalcante/webpack-extension-reloader
Clicking on 'Take Notes Button' in video player captures some details as notes. We want to be able to send these notes to user's Evernote account.
In the extension pop up, add a button "share notes to evernote". On click of this button
To write scripts, we should create a new file source/scripts/evernote.js
As a user I would like to send my web-clips to my Onenote account so that I can read them later
Configure two backends for storing captured clips:
As a developer I want web-clipper dev version to send clipped content via a URL to a mock REST server's end-points.
Running any of the dev commands line yarn dev:chrome
should start a local REST server at http://localhost:3002 with following end-points:
curl http://localhost:3002/status
should respond with OK
curl --data-urlencode "{}" http://localhost:3002/clip
should respond with DONE
yarn dev:chrome
Failed to connect to localhost port 3002: Connection refused
As a Lynda learner I want to clip timestamp details from Lyda tutorials so that I can use them as reference notes.
Clip from Lynda or LinkedIn Learning videos.
Copy JSON
button to Download JSON
The web clipper should support the following contents from over the internet in order to support initial youtube.com clips
Definition of done
info
clip must have it's clip-type as one of the above.The web clipper should support the following backends to store clipped contents
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.