-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
67 lines (56 loc) · 3.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>LiveStreamChatNotifier.user.js - 配信のチャット投稿をお知らせ</title>
<link rel="stylesheet" href="main.css" type="text/css" media="screen" charset="utf-8">
<meta name="description" content="YouTube/Mirrativの配信で特定の人がチャットに投稿すると通知してくれる拡張機能です。Chrome, Firefox, Edgeに対応。">
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</head>
<body>
<header id="page-header">
<h1>LiveStreamChatNotifier.user.js</h1>
<p>
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="LiveStreamChatNotifier.user.js - 配信のチャット投稿をお知らせ" data-url="https://syusui-s.github.io/LiveStreamChatNotifier.user.js/" data-show-count="false" data-size="large">Tweet</a>
</p>
</header>
<p>
<strong>配信のチャットに投稿があったら通知してくれる拡張機能です。</strong><br>
見ている配信やアーカイブで、特定の人がチャットを投稿したら通知してくれます。<br>
VLiver/バーチャルYouTuber同士の交流を追うのに便利です。
</p>
<h2>特徴</h2>
<ul>
<li>最初から多くのバーチャルYouTuberに対応</li>
<li>Chrome、Firefox、Edge、Safariなど、多くのブラウザに対応</li>
</ul>
<h2>インストール</h2>
<div class="big-centered">
<p>
まずは、Tampermonkeyをインストールしましょう<br>
<a class="button" href="https://tampermonkey.net/" target="_blank">Tampermonkeyをインストール</a>
</p>
<p>
Tampermonkeyをインストールしたら、次のボタンでインストールできます
</p>
<div style="display: flex;">
<div>
<a class="button button--youtube" href="./YouTubeCommentNotifier.user.js">YouTube版</a>
<br>
<a class="button button--youtube button--small" href="./settings/YouTubeCommentNotifierSettings.html">⚙設定画面</a>
</div>
<div>
<a class="button button--mirrativ" href="./MirrativCommentNotifier.user.js">Mirrativ版</a>
</div>
</div>
<p>
うまくインストールできれば、次のように通知が出るはずです
<img class="screenshot" src="./screenshot.png" alt="このようにブラウザの通知機能により、コメントが通知されます。" width="820">
</p>
</div>
<h2>バグ報告・機能要望・質問・プルリクエスト</h2>
<p>バグ報告・機能要望・質問は<a href="https://twitter.com/syusui_s">Twitter</a>や<a href="https://github.com/syusui-s/LiveStreamChatNotifier.user.js/issues">GitHub Issues</a>で受け付けております。プルリクエスト歓迎です。詳しくはCONTRIBUTING.mdをご確認ください。</p>
<h2>GitHub</h2>
<p><a href="https://github.com/syusui-s/LiveStreamChatNotifier.user.js">GitHubのリポジトリ</a>でソースコードを公開しています。本ソフトウェアは、自由ソフトウェア・オープンソースソフトウェアです。</p>
</body>
</html>