With one click, you can take screenshots of YouTube.

Latest Version

Version
1.2.6
Update
February 24, 2024
Size
1.34MiB
Developer
Category
Users
3,000+
Rating
4.58333 ★
Manifest Version
3
Web Store Status
Languages Support
English
日本語
See more
Permissions
Storage
WebNavigation
Scripting
See more

Screenshot Button Extension

After installing this extension, a button for taking screenshots will be added to the player of each video streaming site.
With a single click, you can take a screenshot of a live broadcast or video from a video streaming site.

◆Supported sites
・YouTube
・SPWN
・Z-aN
・Twitch
・OPENREC.tv
・SHOWROOM
・Mildom
・niconico live ( niconico video will be suppoted soon...)

◆Shortcut
You can take a screenshot with \"Ctrl + Alt + s\" (default).
You can set shortcut key on option page.

- ver1.0.0 Fixed a bug where the button was not displayed in Mildom.
- ver1.0.1 SPWN is now supported.
- ver1.0.2 Fixed a bug that prevented SPWN from taking pictures.
- ver1.0.3 English locale is now supported.
- ver1.0.4 Fixed a bug that prevented video titles from being retrieved on YouTube.
Changed the format of the timestamp attached to the screenshot taken.
- ver1.0.5 Supports SPWN subdomains (*.spwn.jp)
* There is a possibility that it will not work well because it has not been tested in the actual environment
- ver1.0.6 niconico live is now supported.
- ver1.0.7 Added support for shortcut keys.
- ver1.0.8 Fixed a bug that caused display corruption on twitch.
- ver1.0.9 Adjusted display on YouTube.
- ver1.1.0 Fixed a bug in twitch where you could not get a capture from a button.
English display of option pages is now supported.
- ver1.1.1 Fixed a bug that the screenshot button was not displayed in SHOWROOM.
- ver1.1.2 Z-aN is now supported.
- ver1.2.0 It corresponds to the new specification of extension function of chrome. Functionality remains the same as the previous version.
- ver1.2.1Fixed a bug that option screen does not work.
- ver1.2.2 Fixed a bug that the screenshot button was not displayed in SHOWROOM.
- ver1.2.3 Fixed an issue where the buttons were misaligned on Z-aN.
- ver1.2.4 Corrected to include the shooting date and time in the file name of the screenshot taken.
Added support for chzzk.
- ver1.2.5 Fixed an issue where screenshots could not be taken on niconico live.
- ver1.2.6 Corrected the timestamp of screenshots being streamed on Twitch to be accurate.
Supports chzzk wide mode.

If you have any issues, please report them on our support page or review.

Source Code:https://github.com/arus307/screenshot-button
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "__MSG_extName__", "description": "__MSG_extDescription__", "default_locale": "ja", "version": "1.2.6", "manifest_version": 3, "homepage_url": "https://arus.me", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "web_accessible_resources": [ { "resources": [ "icons/icon.svg" ], "matches": [ "https://www.youtube.com/*", "https://www.openrec.tv/*", "https://www.twitch.tv/*", "https://www.mildom.com/*", "https://spwn.jp/*", "https://*.spwn.jp/*", "https://live.nicovideo.jp/*", "https://*.zan-live.com/*", "https://www.showroom-live.com/*", "https://chzzk.naver.com/*" ] } ], "background": { "service_worker": "js/background.js" }, "options_page": "options/options.html", "permissions": [ "storage", "webNavigation", "scripting" ], "host_permissions": [ "https://www.youtube.com/*", "https://www.openrec.tv/*", "https://www.twitch.tv/*", "https://www.mildom.com/*", "https://spwn.jp/*", "https://*.spwn.jp/*", "https://live.nicovideo.jp/*", "https://*.zan-live.com/*", "https://chzzk.naver.com/*" ], "content_security_policy": { "extension_pages": "script-src 'self' ; object-src 'self'" }, "content_scripts": [ { "matches": [ "https://www.youtube.com/*" ], "js": [ "js/youtube.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://www.openrec.tv/*" ], "js": [ "lib/jquery-3.5.1.slim.min.js", "js/openrec.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://www.showroom-live.com/*" ], "js": [ "js/showroom.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://www.mildom.com/*" ], "js": [ "js/mildom.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://www.twitch.tv/*" ], "js": [ "lib/jquery-3.5.1.slim.min.js", "js/twitch.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://spwn.jp/*", "https://*.spwn.jp/*" ], "js": [ "js/spwn.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://live.nicovideo.jp/*" ], "js": [ "js/nicolive.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://*.zan-live.com/*" ], "js": [ "js/zan.js", "js/util.js", "js/shared.js" ] }, { "matches": [ "https://chzzk.naver.com/*" ], "js": [ "js/chzzk.js", "js/util.js", "js/shared.js" ] } ]}
Read more

How to download and manually install Screenshot Button extension for Chrome

Looking for a way to install Screenshot Button extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Screenshot Button extensions manually, this article outlines two simple methods to effortlessly install Screenshot Button extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Screenshot Button extension and manually install through Drag &Drop

If you ever need to manually install a Screenshot Button extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Screenshot Button Extension by clicking the "Download CRX" button on the website.

Look for the Screenshot Button extension you wish to install. Go to the website and download the Screenshot Button extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Screenshot Button extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Screenshot Button extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Screenshot Button extension for Chrome and install in Developer Mode

This is another method to install Screenshot Button extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Screenshot Button extension file

Select and download the Screenshot Button extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Screenshot Button extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Screenshot Button extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Screenshot Button extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Screenshot Button extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

MaxChat Extension · Productivity 3,000+ 37 ★ 51.95KiB

icon

YouTubeScreenShot Extension · Productivity 3,000+ 7 ★ 14.89KiB

icon

みんなよう見とる Extension · Accessibility 3,000+ 56 ★ 14.59KiB

icon

SHOWROOM Live Player Extension · Accessibility 3,000+ 1 ★ 671KiB

icon

video-screenshot Extension · Fun 3,000+ 3 ★ 20.9KiB

icon

DevilEar Extension · Productivity 3,000+ 25 ★ 18.79KiB

icon

StreamShot: Screenshot for Youtube and Twitch Extension · Social & Communication 3,000+ 10 ★ 286KiB

icon

DetailedTime Extension · Productivity 3,000+ 19 ★ 47.7KiB

icon

HyperChat [Improved YouTube Chat] Extension · Social & Communication 3,000+ 145 ★ 1.19MiB

icon

SHOWROOM トイすこツール Extension · Social & Communication 3,000+ 5 ★ 165KiB

icon

SukoStamp Extension · Productivity 3,000+ 26 ★ 74.01KiB

icon

VScreenshot Assistant Extension · Productivity 3,000+ 1 ★ 501KiB

icon

Screenshot YouTube Extension · Productivity 3,000+ 420 ★ 16.15KiB

icon

Pan for Video Extension · Productivity 3,000+ 82 ★ 49.28KiB

icon

Showroom 投げカウントはワンクリックで回収も補助するちゃん1号 Extension · Accessibility 3,000+ 4 ★ 85.43KiB

icon

SHOWROOM すこすこツール+ Extension · Social & Communication 3,000+ 40 ★ 678KiB

icon

Showroom Toolbox Extension · Accessibility 3,000+ 142 ★ 385KiB

icon

OutsideBar Extension · Productivity 3,000+ 13 ★ 42.3KiB

icon

x-zombie-killer Extension · Productivity 3,000+ 117 ★ 129KiB

icon

SepaList Extension · Productivity 3,000+ 17 ★ 43.01KiB

icon

Stream Life Extension · Fun 3,000+ 43 ★ 3.8MiB

icon

twitter画像原寸ボタン Extension · Accessibility 3,000+ 162 ★ 75.16KiB

icon

SHOWROOM Broadcast Starting Notifications Extension · Social & Communication 3,000+ 35 ★ 59.61KiB

icon

youtube-live-chat-selector Extension · Accessibility 3,000+ 37 ★ 100KiB

User reviews

icon

__ (ID: 00000073c7094a74) Voted 2 ★ - Updated 08/07/2023 SHOWROOMのスクショボタンが表示されません…

icon

Hartmann (ID: 000000009e38f6a9) Voted 5 ★ - Updated 04/09/2023 シンプルで使いやすい 助かってます

icon

ほにゃららほにゃらら (ID: 0000000e2d86eb68) Voted 4 ★ - Updated 01/26/2023 ローカルに保存だけではなく、クリップボードにコピーするオプションもつけていただけるとうれしいです!

icon

江藤健太郎 (ID: 000000dcdbbe2a84) Voted 5 ★ - Updated 12/02/2021 色んな配信サイトで1クリックでスクリーンショットが撮れるため、とても便利でありがたいです。不具合にもすぐ対応頂けて感謝しています。