YouTubeLiveClock

YouTubeプレイヤーの時計要素を拡張 + 関連ユーティリティ

YouTubeLiveClockとは何ですか?

YouTubeLiveClockはcalveroによって開発されたChromeの拡張機能で、その主な機能は「YouTubeプレイヤーの時計要素を拡張 + 関連ユーティリティ」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot
screenshot

YouTubeLiveClock拡張機能のCRXファイルをダウンロード

YouTubeLiveClock拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        # YouTubeプレイヤーの時計要素を拡張

## 配信中のページ

プレイヤーに「配信開始からの経過時間」を表示します。
操作の必要はなく自動表示されます。

## 配信後のアーカイブページ

プレイヤーに「配信当時の時刻」を表示します。
本拡張のアイコンをクリックするか、拡張操作オーバーレイの「当時の時刻を表示する」をクリックすることで表示されます。また、下記の条件を満たすページでは自動表示されます。

- そのアーカイブページで、本拡張を利用した方がいる。
- そのアーカイブの配信日が、過去5日以内である。
- 条件は予告なく変更されます。


# 関連ユーティリティ

1. 拡張操作オーバーレイ

プレイヤー上に拡張操作メニューを表示します。
オプションページでON/OFF、コンパクトモードを設定できます。

2. タイムラインノート

動画毎にメモを保存・ワンボタンで再生位置の時間を記入・記入した時間の位置に動画をジャンプ、などを行なうヘルパーです。
拡張操作オーバーレイから起動できます。

3. ローカルプレイヤーコントロール

プレイヤー上に指定時間進む/戻る操作メニューを表示します。
オプションページでON/OFF、指定時間の定義リストを設定できます。


# オプションページ

「配信当時の時刻」の表示形式などを設定できます。
本拡張のアイコンを右クリックし「オプション」から起動できます。


# 注意

- 正常に動作しない場合、ページをリロードした後、再度お試しください。
- 2時間以上に及ぶ配信アーカイブでは、全体のアーカイブ化が完了するまで、正しい時刻の表示ができません。
- YouTubeDataAPIの仕様上、時間帯によって正常に動作しない場合があります。数時間~半日程度の時間をおいた後、再度お試しください。


# 権限について

これらの権限は、本拡張がアクセスできるデータの範囲を最小限にするため設定したものです。

## "www.youtube.com 上にある自分のデータの読み取りと変更"

本拡張が読み込むデータを "https://www.youtube.com/*" 上の物に制限します。アーカイブページに時計の要素を追加するための権限です。

## "script.google.com 上にある自分のデータの読み取りと変更"

本拡張が読み込むデータを "https://script.google.com/*" 上の物に制限します。ライブ配信の開始時刻を返す外部APIにアクセスするための権限です。

## "閲覧履歴の読み取り"

ブラウザタブのURLを参照することで、上記以外へのアクセス時に本拡張の処理が発火しないよう制御するための権限です。


# 免責事項

本拡張の利用で生じたあらゆる事象について、当方は責任を負いません。また、本拡張の動作について、いかなる保証も行ないません。


# アップデート履歴

ver.1.1  : オプションページの実装
ver.1.2  : 「配信開始からの経過時間」を表示する機能の実装
ver.1.3  : 「配信当時の時刻」を自動表示する機能の実装
ver.1.4  : ビューワーの実装
ver.1.5  : 拡張操作オーバーレイの実装
ver.1.6  : タイムラインノートの実装
ver.1.7  : タイムラインノートのリッチエディタ化
ver.1.8  : 複数タブ同期機能の実装
ver.1.9  : オプションページの刷新
ver.1.10 : タイムラインノートのインポート・エクスポート機能の実装
ver.1.11 : タイムラインノートの保存容量を無制限化
ver.1.12 : ヘルプページの実装
ver.1.13 : タイムラインノート管理ページの改良
ver.1.14 : ManifestV3対応


バグ報告などは、開発者のTwitter @yeah_calvero までご連絡頂けると幸いです。                    

拡張機能の基本情報

名前 YouTubeLiveClock YouTubeLiveClock
ID chpodcedholiggcllnmmjlnghllddgmj
公式URL https://chromewebstore.google.com/detail/youtubeliveclock/chpodcedholiggcllnmmjlnghllddgmj
説明 YouTubeプレイヤーの時計要素を拡張 + 関連ユーティリティ
ファイルサイズ 2.05 MB
インストール数 36,194
現在のバージョン 1.14.10
最終更新日 2023-11-16
公開日 2020-06-21
評価 4.69/5 合計 67 レビュー
開発者 calvero
Eメール [email protected]
支払い方法 free
対応言語 ja
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "YouTubeLiveClock",
    "version": "1.14.10",
    "description": "YouTube\u30d7\u30ec\u30a4\u30e4\u30fc\u306e\u6642\u8a08\u8981\u7d20\u3092\u62e1\u5f35 + \u95a2\u9023\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3",
    "manifest_version": 3,
    "icons": {
        "128": "icons\/yt_live_clock.png"
    },
    "permissions": [
        "tabs",
        "storage",
        "scripting",
        "unlimitedStorage",
        "contextMenus"
    ],
    "host_permissions": [
        "https:\/\/www.youtube.com\/*",
        "https:\/\/script.google.com\/*"
    ],
    "background": {
        "service_worker": "js\/background.js"
    },
    "action": [],
    "options_ui": {
        "page": "html\/options.html",
        "open_in_tab": true
    },
    "content_scripts": [
        {
            "matches": [
                "https:\/\/www.youtube.com\/*"
            ],
            "css": [
                "css\/injection\/font.css",
                "css\/injection\/overlay.css",
                "css\/injection\/timeline_note.css",
                "vendor\/fontawesome-5.13.1\/css\/all.min.css",
                "vendor\/quill-1.3.7\/quill.snow.css"
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "css\/*",
                "vendor\/fontawesome-5.13.1\/*",
                "vendor\/quill-1.3.7\/*"
            ],
            "matches": [
                "https:\/\/www.youtube.com\/*"
            ]
        }
    ],
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    }
}