-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (130 loc) · 8.15 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ニコニコ実況 過去ログ リストビューア</title>
<meta name="color-scheme" content="dark">
<script type="module" src="main.js"></script>
</head>
<body>
<header><a href=".">ニコニコ実況 過去ログ リストビューア</a></header>
<div class="wrap">
<div class="list-area">
<form class="jk-load-form" name="jk-load">
<div class="channel-picker">
<fieldset>
<legend><label for="channel-picker">チャンネル</label></legend>
<select id="channel-picker">
<optgroup label="地デジ">
<option value="jk1">jk1: NHK総合</option>
<option value="jk2">jk2: NHK Eテレ </option>
<option value="jk4">jk4: 日本テレビ</option>
<option value="jk5">jk5: テレビ朝日</option>
<option value="jk6">jk6: TBSテレビ</option>
<option value="jk7">jk7: テレビ東京</option>
<option value="jk8">jk8: フジテレビ</option>
<option value="jk9">jk9: TOKYO MX</option>
<option value="jk10">jk10: テレ玉</option>
<option value="jk11">jk11: tvk</option>
<option value="jk12">jk12: チバテレビ</option>
</optgroup>
<optgroup label="BS・CS">
<option value="jk101">jk101: NHK BS1</option>
<option value="jk103">jk103: NHK BSプレミアム</option>
<option value="jk141">jk141: BS日テレ</option>
<option value="jk151">jk151: BS朝日</option>
<option value="jk161">jk161: BS-TBS</option>
<option value="jk171">jk171: BSテレ東</option>
<option value="jk181">jk181: BSフジ</option>
<option value="jk191">jk191: WOWOW PRIME</option>
<option value="jk192">jk192: WOWOW LIVE</option>
<option value="jk193">jk193: WOWOW CINEMA</option>
<option value="jk211">jk211: BS11</option>
<option value="jk222">jk222: BS12 トゥエルビ</option>
<option value="jk236">jk236: BSアニマックス</option>
<option value="jk252">jk252: WOWOW PLUS</option>
<option value="jk260">jk260: BS松竹東急</option>
<option value="jk263">jk263: BSJapanext</option>
<option value="jk265">jk265: BSよしもと</option>
<option value="jk333">jk333: AT-X</option>
</optgroup>
</select>
</fieldset>
</div>
<div class="datetime">
<fieldset>
<legend><label for="date">日付</label></legend>
<div class="datetime-field">
<input type="date" id="date" min="2009-11-26" required>
<input type="time" id="time-start" required>
<span>-</span>
<input type="time" id="time-end" required disabled>
</div>
<div class="datetime-buttons" hidden>
<div class="date-buttons" hidden>
<button type="button" id="date--1d">-1日</button>
<button type="button" id="date--2d">-2日</button>
<button type="button" id="date--5d">-5日</button>
<button type="button" id="date--7d">-7日</button>
<button type="button" id="date--14d">-14日</button>
<button type="button" id="date--1m">-1ヶ月</button>
<button type="button" id="date--3m">-3ヶ月</button>
<button type="button" id="date--6m">-6ヶ月</button>
<button type="button" id="date--1y">-1年</button>
<button type="button" id="date--5y">-5年</button>
</div>
<div class="time-buttons" hidden>
<button type="button" id="time-+1h">+1時間</button>
<button type="button" id="time-+2h">+2時間</button>
<button type="button" id="time-+6h">+6時間</button>
<button type="button" id="time-+12h">+12時間</button>
<button type="button" id="time-+1m">+1分</button>
<button type="button" id="time-+2m">+2分</button>
<button type="button" id="time-+5m">+5分</button>
<button type="button" id="time-+10m">+10分</button>
<button type="button" id="time-+30m">+30分</button>
</div>
<button type="reset" id="reset-button" hidden>入力をやりなおす</button>
</div>
</fieldset>
</div>
<button id="submit-button" disabled>取得</button>
</form>
<div class="intro">
<details open>
<summary>説明</summary>
<p>
非公式APIを利用したオリジナルのニコニコ実況過去ログビューア(リスト形式)です。<br>
「見やすい」「使いやすい」を目指しました。<br>
最大24時間のコメントを見れるようにしています。
</p>
<details>
<summary>過去ログ利用の注意点</summary>
<div>
<blockquote cite="https://jikkyo.tsukumijima.net/">
<ul>
<li>5分に1回、当日分の全チャンネルの過去ログを自動で収集します。</li>
<li>
<ul>
<li>収集は5分に1回のため、たとえば 17:02 に終わった番組の過去ログを直後の 17:03 に取得する、といったことはできません。</li>
<li>17:00 ~ 17:05 の過去ログの収集が終わる 17:05 以降(実際は収集に 3 分ほどかかるため 17:08 以降)まで待つ必要があります。</li>
<li>コミュニティベースの実況チャンネルでは必ずしも24時間放送されているわけではないため、そのコミュニティで番組が放送されていない時間帯のコメントは取得できません。</li>
</ul>
</li>
</ul>
</blockquote>
<a href="https://jikkyo.tsukumijima.net/" target="_blank" rel="noopener noreferrer">ニコニコ実況 過去ログ API</a>より引用
</div>
</details>
</details>
</div>
<div class="comments">
<ul id="comments-list">
</ul>
</div>
</div>
<div class="detail-pc"></div>
</div>
</body>
</html>