-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (104 loc) · 4.08 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
---
title: NicoHaco
description: ニコニコ動画を音楽プレイヤーのように使いやすくするPCアプリ
---
<section class="hero">
<div class="text-container">
<h1 class="editable">NicoHaco</h1>
<p class="subtext editable">ニコニコ動画を音楽プレイヤーのように使いやすくする</p>
<div class="cta button alt">
<a href="https://hazel-server-ighgtcdaut.now.sh/download">インストール</a>
</div>
<div>
<p class="editable">Windows / macOS 対応</p>
<img src="https://nicohaco.github.io/site/images/hero.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<div class="content">
<section>
<div class="container flex">
<div class="text editable">
<h2>NicoBoxのように音楽の再生に特化したアプリケーション</h2>
<ul>
<li>連続再生、一曲ループ、マイリスト内ループが可能</li>
<li>キーボードショートカットで再生の操作が可能</li>
<li>再生時に曲の情報を通知として受け取ることが可能</li>
</ul>
</div>
<div class="image">
<img src="https://nicohaco.github.io/site/images/audio.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>動画プレイヤーとして利用する</h2>
<ul>
<li>動画をランキングや検索から探して再生することが可能</li>
<li>動画の再生方法は「全画面」、「小ウィンドウ」、「常に最前面で別ウィンドウ」の3種類存在する</li>
<li>別ウィンドウで最前面にプレイヤーを出すことで作業中に動画を見ることが可能</li>
</ul>
</div>
<div class="image">
<img src="https://nicohaco.github.io/site/images/video.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>マイページ</h2>
<p>ニコレポの表示、フォローしているユーザのリスト、閲覧履歴を見ることが可能</p>
</div>
<div class="image">
<img src="https://nicohaco.github.io/site/images/mypage.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>ユーザーページ</h2>
<p>公開されているタイムライン、マイリスト、投稿動画を見ることが可能</p>
</div>
<div class="image">
<img src="https://nicohaco.github.io/site/images/user.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<section>
<div class="container flex">
<div class="text editable">
<h2>検索・ランキング</h2>
<p>好きな動画を探してマイリストに登録したり、連続再生したりすることが可能</p>
</div>
<div class="image">
<img src="https://nicohaco.github.io/site/images/ranking.png" alt="Screenshot" class="screenshot editable" />
</div>
</div>
</section>
<section class="testimonial">
<div class="container flex">
<div class="testimonial-block">
<div class="square-image">
<img src="https://nicohaco.github.io/site/images/me.jpg" alt="Yuta Hiroto" class="editable">
</div>
<blockquote>
<h3 class="editable">お問い合わせ</h3>
<p class="editable">機能要望・バグ報告等は以下へ連絡を入れてください</p>
<a href="https://twitter.com/about_hiroppy" target="_blank">Twitter</a>
<a href="https://github.com/abouthiroppy" target="_blank">GitHub</a>
<p class="editable author">開発者: Yuta Hiroto</p>
</blockquote>
</div>
</div>
</section>
<section class="bottom-cta">
<h2 class="editable"><strong>手軽に</strong>動画を再生する環境を構築してみる</h2>
<div class="button alt">
<a href="https://hazel-server-ighgtcdaut.now.sh/download">インストール</a>
</div>
</section>
</div>