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
公式URL 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
Eメール [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'"
    }
}