YouTube等の動画サイト上でタイムスタンプをより便利に使えるようにします

Latest Version

Version
0.2.15
Update
October 7, 2021
Size
36.8KiB
Developer
Category
Users
758
Rating
4.6 ★
Manifest Version
3
Web Store Status
Languages Support
日本語
See more
Permissions
Storage
Tabs
UnlimitedStorage
See more

YouTube Timestamp Loader Extension

動画サイト(YouTube, Mildom)の概要欄やコメント欄、外部サイト(GitHub, Pastebin)から読み込んだタイムスタンプをプレイヤー上に表示し、操作出来るようにします。
また、読み込んだタイムスタンプの全文検索もできます。


<機能>
・動画サイト(YouTube, Mildom)のプレイヤー上にタイムスタンプを表示
・前後のタイムスタンプへのジャンプと現在のタイムスタンプの頭出し
・概要欄やコメント欄からのタイムスタンプの読込
・Chromeのローカルストレージへのタイムスタンプの保存・読込
・外部サイト(GitHub, Pastebin)に保存したタイムスタンプの読込
・ローカルストレージと外部サイトに保存したタイムスタンプの全文検索


<こんな人にオススメ>
タイムスタンプを使うためにいちいちスクロールするのが面倒
作成したタイムスタンプをコメントとして公開せずに自分だけで使いたい
自分で作成したタイムスタンプから目的のシーンを検索したい
自分で作成したタイムスタンプをJSON形式で公開したい
他人が公開している本拡張機能で作成したJSON形式のタイムスタンプを利用したい

機能のデモのために、私が公開しているタイムスタンプのURLが標準で登録されています。
不要な方はCloudタブから削除してください。


<更新履歴>
・0.2.15 2021/10/07
[変更] Chrome拡張機能 Manifest V3に移行
[修正] YouTubeの仕様変更によるレイアウトの崩れ

・0.2.14 2021/05/16
[修正] Mildomの仕様変更の影響で正しく動作しない

・0.2.13 2021/03/31
[修正] Mildomのサムネイルが正しく取得できない
[修正] Mildomのサムネイルが取得できなかった場合に正しく動作しない

・0.2.12 2021/03/31
[変更] \"unlimitedStorage\"パーミッションの追加
-5Mibを超えるJSONの保存・バックアップに対応するため
[改善] Mildomのサムネイルに対応
[改善] 検索結果のYouTube以外のタイムスタンプにバッジを表示
[改善] 検索結果のフォーカスのスタイル
[改善] 検索結果のキーボードでの操作性
-↑↓: フォーカスの移動
-Enter / →: 決定
-BackSpace / ←: ポップアップを閉じる

・0.2.11 2021/01/03
[修正] Mildomで時間指定(独自対応)したURLを開いた場合にプレイヤー下部のコントロールが表示されない

・0.2.10 2020/11/18
[修正] MildomでURLによる時間指定(独自対応)が動作しない

・0.2.9 2020/11/18
[修正] MildomのアーカイブURLの仕様変更の影響で正しく動作しない

・0.2.8 2020/10/23
[修正] Mildomの仕様変更の影響で正しく動作しない

・0.2.7 2020/10/20
[修正] Mildomの一部のアーカイブでタイムスタンプが正しく読み込まれない

・0.2.6 2020/10/18
[修正] Mildomの一部のアーカイブでタイムスタンプが正しく読み込まれない

・0.2.5 2020/10/15
[修正] YouTubeの仕様変更によるレイアウトの崩れ
[変更] 概要欄のタイムスタンプの自動読み込みを行う条件をYouTube公式のチャプター機能に準拠
[改善] 概要欄のタイムスタンプの自動読み込みを無効にする設定の追加

・0.2.4 2020/08/04
[修正] YouTubeの仕様変更によるレイアウトの崩れ

・0.2.3 2020/07/31
[修正] YouTubeの仕様変更によるレイアウトの崩れ
[変更] 概要欄・コメント欄からタイムスタンプを読み込んだ時に自動でオーバーレイを表示しないようにした
[変更] 一部ボタンのアイコンデザイン

・0.2.2 2020/07/07
[改善] より多くのカラー絵文字に対応
[修正] YouTube標準のチャプター機能と競合する
[修正] Searchタブで日本語のチャンネル名を選択したときに余計なスクロールバーが出ることがある

・0.2.1 2020/06/12
[修正] Mildomにおいて、プレイヤー上に表示されるタイムスタンプ一覧のURLが正しくない
[修正] Mildomにおいて、一部のURLで正しく動作しない
[修正] Searchタブで日本語のチャンネル名を選択したときに余計なスクロールバーが出ることがある
[変更] Mildomにおける、本拡張機能の一部デザイン

・0.2.0 2020/06/04
[新機能] Mildomに対応
-拡張機能内でのサムネイルの表示は対応しません
-URLによる時間指定(例: &t=123)は本拡張機能の独自対応のため、本拡張機能を入れていない人に共有しても指定した時間から再生されません

・0.1.6 2020/05/09
[修正] 新しい仕様のコメント欄からタイムスタンプを読み込んだとき、絵文字が読み込まれない

・0.1.5 2020/04/30
[改善] 外部サイトからタイムスタンプデータが取得できなかった場合、代わりにバックアップを使用する
[変更] 移動ボタンのツールチップに前後のタイムスタンプの内容を表示
[変更] 数字の桁区切りを追加
[修正] 検索窓に半角スペースを大量に入力すると、検索条件が重複して重くなる
[修正] リロード時にSearchのチャンネル指定がリセットされる場合がある
[修正] 外部サイトのXHRステータスの表示条件

・0.1.4 2020/04/19
[修正] コントロールが表示されないことがある
[修正] 概要欄が自動で読み込まれないことがある

・0.1.3 2020/04/19
[修正] 標準のチャプター表示との競合
[修正] /で始まるURLがリンクにならない
[改善] \"*-_\"による文字修飾の精度
[改善] プレイヤー下部のテキストの表示幅
[変更] 概要欄に時間指定が3つ以上含まれる場合に自動で読み込む

・0.1.2 2020/04/15
[修正] 返信コメントに読込ボタンが表示されない
[修正] JSONの自動更新時にプレイヤー側の表示が更新されない
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "YouTube Timestamp Loader", "version": "0.2.15", "manifest_version": 3, "description": "YouTube\u7b49\u306e\u52d5\u753b\u30b5\u30a4\u30c8\u4e0a\u3067\u30bf\u30a4\u30e0\u30b9\u30bf\u30f3\u30d7\u3092\u3088\u308a\u4fbf\u5229\u306b\u4f7f\u3048\u308b\u3088\u3046\u306b\u3057\u307e\u3059", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "permissions": [ "storage", "tabs", "unlimitedStorage" ], "host_permissions": [ "https://raw.githubusercontent.com/*", "https://pastebin.com/raw/*", "https://cloudac.mildom.com/*" ], "background": { "service_worker": "background.js" }, "action": { "default_title": "", "default_icon": {"16": "icon16.png"}, "default_popup": "popup.html" }, "content_scripts": [{ "matches": ["https://www.mildom.com/*"], "js": [ "mildom.js" ] },{ "matches": ["https://www.youtube.com/*"], "js": [ "youtube.js" ] }], "content_security_policy": { "script-src": "self", "object-src": "self" }}
Read more

How to download and manually install YouTube Timestamp Loader extension for Chrome

Looking for a way to install YouTube Timestamp Loader 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 YouTube Timestamp Loader extensions manually, this article outlines two simple methods to effortlessly install YouTube Timestamp Loader extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download YouTube Timestamp Loader extension and manually install through Drag &Drop

If you ever need to manually install a YouTube Timestamp Loader 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 YouTube Timestamp Loader Extension by clicking the "Download CRX" button on the website.

Look for the YouTube Timestamp Loader extension you wish to install. Go to the website and download the YouTube Timestamp Loader extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for YouTube Timestamp Loader 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 YouTube Timestamp Loader 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 YouTube Timestamp Loader extension for Chrome and install in Developer Mode

This is another method to install YouTube Timestamp Loader 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 YouTube Timestamp Loader extension file

Select and download the YouTube Timestamp Loader 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 YouTube Timestamp Loader 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 YouTube Timestamp Loader 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 YouTube Timestamp Loader 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 YouTube Timestamp Loader extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Timestamped YouTube Comments Extension · Accessibility 758 82 ★ 884KiB

icon

YouTube Timestamps Extension · Productivity 758 39 ★ 16.03KiB

icon

OutsideBar Extension · Productivity 758 13 ★ 42.3KiB

icon

YouTube Timestamp Comments Extension · Accessibility 758 7 ★ 764KiB

icon

SukoStamp Extension · Productivity 758 26 ★ 74.01KiB

icon

Highlights for YouTube Extension · Fun 758 15 ★ 41.6KiB

icon

Tubestamps Extension · Accessibility 758 47 ★ 157KiB

icon

YouTubeTimeMemo Extension · Productivity 758 7 ★ 57.3KiB

icon

YouTube Timestamps to Playlist Extension · Fun 758 2 ★ 375KiB

icon

SepaList Extension · Productivity 758 17 ★ 43.01KiB

icon

MaxChat Extension · Productivity 758 37 ★ 51.95KiB

icon

Pan for Video Extension · Productivity 758 82 ★ 49.28KiB

icon

みんなよう見とる Extension · Accessibility 758 56 ★ 14.59KiB

icon

DevilEar Extension · Productivity 758 25 ★ 18.79KiB

icon

Comment Overlay Extension · Social & Communication 758 6 ★ 53.86KiB

icon

DetailedTime Extension · Productivity 758 19 ★ 47.7KiB

icon

prevent timestamp scrolling for YouTube Extension · Productivity 758 7 ★ 17.66KiB

icon

YouTube Auto Volume Changer Extension · Accessibility 758 16 ★ 143KiB

icon

HyperChat [Improved YouTube Chat] Extension · Social & Communication 758 145 ★ 1.19MiB

icon

Outside YouTube Player Bar Extension · Accessibility 758 81 ★ 2.17MiB

icon

YouTube Live chat filter Extension · Accessibility 758 17 ★ 13.75KiB

icon

Stream Life Extension · Fun 758 43 ★ 3.8MiB

icon

Delta for YouTube Extension · Social & Communication 758 10 ★ 678KiB

icon

FloatFrame Extension · Productivity 758 14 ★ 42.84KiB

User reviews

icon

Tokyo family (ID: 0000002062a9221c) Voted 3 ★ - Updated 03/17/2022 seems like a good idea, but could you upload a demo video of how the extension works?

icon

坂本匡史 (ID: 000000e7b4b30f0c) Voted 5 ★ - Updated 08/21/2020 昨日からアイドル部の視聴で使わせて貰ってます リアルタイムでもタイムスタンプが表示されるのがありがたいです

icon

shifuxa (ID: 00000063358b7a16) Voted 5 ★ - Updated 08/20/2020 助かりすぎてあらいぐまタスカルになってます。

icon

カルラ (ID: 00000026027bd9ec) Voted 5 ★ - Updated 07/19/2020 Vtuberの配信を追う際にお世話になっています。大御所配信者のコメント欄には大体タイムスタンプまとめコメントがあるため、非常に便利です。