Scroll Capture

Record your websites and automate scrolling and mouse actions for your portfolio screen captures.

什麼是Scroll Capture?

Scroll Capture是由patrickmatte開發的Chrome擴展程式,該擴展的主要功能是“Record your websites and automate scrolling and mouse actions for your portfolio screen captures.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載Scroll Capture擴展crx文件

下載Scroll Capture擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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.                    

擴展基本資訊

名稱 Scroll Capture Scroll Capture
ID egmhoeaacclmanaimofoooiamhpkimkk
官方網址 https://chromewebstore.google.com/detail/scroll-capture/egmhoeaacclmanaimofoooiamhpkimkk
簡介 Record your websites and automate scrolling and mouse actions for your portfolio screen captures.
檔案大小 10.05 MB
安裝次數 15,228
目前版本 0.2.8
更新時間 2024-02-29
上架時間 2020-05-12
評分 4.26/5 共 57 次評分
開發者 patrickmatte
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/sponsors/patrickmatte
說明頁面URL https://github.com/patrickmatte/scroll-capture/issues
支援的語言 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": [
                ""
            ]
        }
    ],
    "action": {
        "default_title": "Default Title",
        "default_popup": "noscript.html",
        "default_icon": {
            "16": "assets\/images\/get_started16.png",
            "32": "assets\/images\/get_started32.png",
            "48": "assets\/images\/get_started48.png",
            "128": "assets\/images\/get_started128.png"
        }
    },
    "icons": {
        "16": "assets\/images\/get_started16.png",
        "32": "assets\/images\/get_started32.png",
        "48": "assets\/images\/get_started48.png",
        "128": "assets\/images\/get_started128.png"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self' 'wasm-unsafe-eval'"
    }
}