TicMoP/index.html at master · Chige12/TicMoP · GitHub

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
<!DOCTYPE html>
<html lang="jp">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>TicMoP</title>
  <meta name="description" content="Time controled Motion Presentation Application">
  <link rel="stylesheet" href="CSS/reset.css">
  <link rel="stylesheet" href="CSS/index.css">
</head>
<body id="root">
  <header class="container header">
    <h1 class="title-text">TicMop</h1>
    <p class="title-sub-text">Time controled Motion Presentation</p>
    <button type="button" name="button" onclick="location.href='Mconf_VideoSlide2017.html'"value="DEMO">DEMO</button>
  </header>

  <section class="container about-this">
    <h2>About TicMoP</h2>
    <p>モーションプレゼンをするための再生アプリ。突貫工事でとても雑。今後随時アップデート予定。</p>
    <p>
モーションプレゼンとは、動画の再生によってプレゼンする新しいプレゼンの方法。
現在主流のプレゼン方法は、静止画を作って、そこにアニメーションを付与する形が一般的だが、
先にアニメーションで全て作ってしまって、あとは再生する時間を自由に調整できるというスタイルのプレゼンテーションの方法を思いつき、
実際に作ってみたもの。なにか複雑な構造の解説や、何かを宣伝するときに効果的。
    </p>
  </section>

  <section class="container how-to-use">
    <h2>How to Use</h2>
    <p>スペースキーで再生/停止</p>
    <p>エンターキーでも可能。スペースキーとの違いは、動画再生中に押すと次の停止ポイントまで飛ぶ。
      ※ただ、まだ雑コードなのでバグがでます。</p>
  </section>

  <section class="container demo">
    <h2>Demo</h2>
    <ul>
      <li><a href="Mconf_VideoSlide2017.html">舞鶴カンファ　動画制作の話</a></li>
    </ul>
  </section>

  <section class="container vision">
    <h2>Vision</h2>
    <p>今後、開発を予定している機能</p>
    <ul>
      <li>ループ機能</li>
      <li>再生ルートの分岐機能</li>
      <li>重要文ポップアップ機能</li>
      <li>ショートカット機能</li>
    </ul>
  </section>

  <footer class="container">
    <h2>つくったひと</h2>
    <p><a href="https://chige12.github.io/index.html">ちげ</a>
     　<a href="https://twitter.com/technictige">Twitter: @Technictige</a></p>
  </footer>
</body>
</html>