Clip details from YouTube videos

[mrdotkg]

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-

• Video Title, Url
• Channel Name, Url
• Video player Screenshot
• Current time in player

Steps to do

1. Setup this project on your local dev machine README.md
2. Install dependencies and run the project README.md
3. Edit javascript files and add your own scripts source/scripts/youtube.js.

TODO Checklist

• Capture video title
• Capture video url
• Capture channel title
• Capture channel url
• Capture current time in video player
• Capture current screenshot in video player

[Spyabhishek]

Hi @measdot,
I have done 3 tasks which are current time in player, video title and channel link. 2 tasks are yet to done which is video Link and Videoplayer screenshot. Handing over it to you or you can give some clues for remaining tasks so that i can complete it.
Thank you.

[mrdotkg]

Thank you @Spyabhishek, excellent progress considering, you just started. Keep it up!

Could you also

• Comment a screenshot or any proof of concept you can think of for the things you have done
• Check those items as done in the todo checklist included in the issue description

[Spyabhishek]

By this screenshot I can say that I had done 3 tasks as current time , channel Url and video title is showing in console.

[mrdotkg]

Alright @Spyabhishek , thanks. I will push some changes probably today

[mrdotkg]

@Spyabhishek ,
Take help from this for capturing screenshot of video player only.

1. https://github.com/ReeganExE/youtube-screenshot/blob/master/youtube-screengrab.js
2. https://github.com/FutureMillennium/Screenshot-YouTube/blob/master/extension/page.js#L8
3. https://github.com/deactivated/video-snapshot/blob/master/snapshot.js#L1
4. https://github.com/gurumukhi/youtube-screenshot/blob/master/content_script.js#L5