Scroll Capture
Record your websites and automate scrolling and mouse actions for your portfolio screen captures.
What is Scroll Capture?
Scroll Capture is a Chrome extension developed by patrickmatte, and its main feature is "Record your websites and automate scrolling and mouse actions for your portfolio screen captures.".
Extension Screenshots
Download Scroll Capture Extension CRX File
Download Scroll Capture extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Scroll Capture is primarily aimed towards web designers and developers that need to create beautiful video screen captures for their portfolio. The extension lets you automate scroll animations that smoothly ease in and out, and also add mouse events and gestures. It can also create full page screenshots.
Update Log :
0.2.6 Some UI simplification, the action timeline and video settings sections have been merged. Image Capture mode can now hide fixed elements and custom element selectors. A link to the video tutorial is available in the Info section.
0.2.0 The scroll action has a new "Use speed" option which will automatically calculate the duration based on the scrolling distance.
0.1.9 The recordings are now saved as MP4 or M4V.
0.1.8 The Image Capture section now has a hidden elements list. You can add element selectors to make them dissapear after the first scroll.
0.1.7 Scroll target is now easier to use as a select box instead of a text input. Image Capture section can now capture the documentElement as well as scrolling overflow html elements.
0.1.6 There's a new section called Image Capture which creates a long image of the whole scrolling area.
0.1.5 There's a new CSS action to add custom css rules.
0.1.4 The :hover css states are now getting triggered by the event action when using the mouseover and mouseout event types.
0.1.0 The purpose of the new URL action is to reload the browser tab to capture a website's intro animation. It is also now possible to record multiple html pages with the same timeline. Scroll capture will now keep recording after a browser refresh following a click event.
0.0.8 Added toggle buttons in the settings panel to turn sound or video on and off. You can now record video files without sound, or sound files without video! You can also hide the scrollbars and cursor while recording.
0.0.7 Added all the other video codecs supported natively by Chrome. The video codecs are "h264", "av1", "avc1", "vp8", "vp9" and sound codecs are "opus" and "pcm".
0.0.6 - The scrolling bug caused by scroll-behavior:smooth is now fixed. Transitioned to Chrome Extension Manifest V3. The JS action had to be removed because of the new security features in Manifest V3. The recording also now uses devicePixeRatio so high density screens like Apple retina can be recorded in their full resolutions. Extension Basic Information
| Name |  Scroll Capture |
| ID | egmhoeaacclmanaimofoooiamhpkimkk |
| Official URL | https://chromewebstore.google.com/detail/scroll-capture/egmhoeaacclmanaimofoooiamhpkimkk |
| Description | Record your websites and automate scrolling and mouse actions for your portfolio screen captures. |
| File Size | 10.05 MB |
| Installation Count | 15,228 |
| Current Version | 0.2.8 |
| Last Updated | 2024-02-29 |
| Publish Date | 2020-05-12 |
| Rating | 4.26/5 Total 57 Ratings |
| Developer | patrickmatte |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/sponsors/patrickmatte |
| Help Page URL | https://github.com/patrickmatte/scroll-capture/issues |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "Scroll Capture",
"version": "0.2.8",
"description": "Record your websites and automate scrolling and mouse actions for your portfolio screen captures.",
"permissions": [
"activeTab",
"storage",
"tabCapture",
"scripting",
"offscreen"
],
"background": {
"service_worker": "background.js"
},
"content_scripts": [],
"web_accessible_resources": [
{
"resources": [
"*.js",
"*.wasm",
"*.css",
"*.html",
"assets\/fonts\/*",
"assets\/images\/*.jpg",
"assets\/images\/*.png"
],
"matches": [
" | |
