Hugging Face's logo

Spaces:
ColinGPT9
/
Clips-Studio
Running

App Files Community
Clips-Studio
File size: 7,929 Bytes
9ea9e58
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Twitch clip generator: turn VODs into vertical clips on your own PC | Clips Studio</title>
    <meta
      name="description"
      content="Turn Twitch VODs into vertical clips locally. Clips Studio reads chat replay to find the moments your viewers actually reacted to, then crops, captions and titles them. Free and open source."
    />
    <link rel="canonical" href="https://colingpt9.github.io/clips-studio/twitch.html" />
    <link rel="icon" href="assets/mascot.png" />
    <link rel="stylesheet" href="styles.css" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="Twitch clip generator that runs on your own PC" />
    <meta
      property="og:description"
      content="Clips Studio reads Twitch chat replay to find the moments viewers reacted to, then crops and captions them locally."
    />
    <meta property="og:image" content="https://colingpt9.github.io/clips-studio/assets/mascot.png" />
  </head>
  <body>
    <header class="site">
      <div class="wrap">
        <a class="brand" href="index.html">
          <img src="assets/mascot.png" alt="" />
          <span>
            <span class="name">Clips <span>Studio</span></span>
            <span class="tagline">local-first AI clipping</span>
          </span>
        </a>
        <nav class="site" aria-label="Main">
          <a href="index.html">Home</a>
          <a href="twitch.html" aria-current="page">Twitch</a>
          <a href="kick.html">Kick</a>
          <a href="youtube.html">YouTube</a>
          <a href="local-vs-cloud.html">Local vs cloud</a>
          <a href="roadmap.html">Roadmap</a>
          <a href="changelog.html">Changelog</a>
          <a href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">GitHub</a>
          <a class="donate" href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate</a>
        </nav>
      </div>
    </header>

    <main>
      <div class="hero">
        <div class="wrap">
          <span class="eyebrow">Twitch VODs</span>
          <h1>Clip Twitch VODs without uploading them anywhere</h1>
          <p class="lead">
            Paste a <code>twitch.tv/videos/…</code> link. Clippy downloads the VOD, works
            through it on your own machine, and hands back vertical clips with captions.
          </p>
          <div class="cta-row">
            <a class="btn btn-accent" href="https://github.com/ColinGPT9/clips-studio/releases/download/v0.1.2/ClipsStudio-Web-Setup-0.1.2.exe" target="_blank" rel="noopener noreferrer">Download for Windows</a
            >
            <span class="cta-note">VODs, not live streams</span>
          </div>
        </div>
      </div>

      <section id="support">
        <div class="wrap">
          <div class="support">
            <div class="body">
              <p class="title">Clips Studio is free &amp; open source ❤️</p>
              <p>
                It runs entirely on your PC with no fees. Please consider donating to help
                cover development costs and keep it free for everyone.
              </p>
            </div>
            <a class="btn btn-accent" href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate to Clips Studio</a>
          </div>
        </div>
      </section>

      <section>
        <div class="wrap">
          <h2>Chat tells you where the moments are</h2>
          <p class="section-lead">
            Twitch is the one platform that keeps its chat after the stream ends, and that is
            the most honest signal there is: hundreds of people reacting in real time to
            something that just happened.
          </p>
          <p class="section-lead">
            Clips Studio reads chat replay and measures <strong>unique chatters per
            window</strong> rather than raw message count. That distinction matters, because a
            gifted-sub train or one person spamming copypasta produces a wall of messages that
            says nothing about the content. Counting distinct people instead means a genuine
            room-wide reaction registers and a single excited viewer does not.
          </p>
          <div class="note">
            Chat is a <strong>bonus, capped deliberately low</strong>. It nudges a moment up
            the list; it cannot carry a clip on its own. What was said and what the audio and
            video were doing still decide the score, because chat also erupts at things that
            do not survive out of context.
          </div>
        </div>
      </section>

      <section>
        <div class="wrap">
          <h2>Built for how streams actually look</h2>
          <div class="grid">
            <div class="card">
              <h3>Long and unstructured</h3>
              <p>
                A six-hour stream is chunked and analysed end to end, so the good bit at hour
                five gets the same attention as the intro.
              </p>
            </div>
            <div class="card">
              <h3>Sparse talking</h3>
              <p>
                IRL and gym streams go quiet for minutes at a time. Analysis is sized by how
                much was actually said, not by the clock.
              </p>
            </div>
            <div class="card">
              <h3>Guests wander in</h3>
              <p>
                The crop stays locked on whoever is speaking rather than jumping to every
                person who walks past the camera.
              </p>
            </div>
          </div>
        </div>
      </section>

      <section>
        <div class="wrap">
          <h2>What it does not do</h2>
          <ul class="ticks">
            <li>
              <strong>Live streams are not supported</strong>, by design. Clips Studio works on
              finished VODs, where the whole thing can be studied before deciding what matters.
            </li>
            <li>
              <strong>It does not post for you.</strong> Clips land in a folder, organised by
              creator and video, ready to upload wherever you like.
            </li>
            <li>
              <strong>It does not need your Twitch account.</strong> There is no login and no
              API key.
            </li>
          </ul>
        </div>
      </section>

      <section>
        <div class="wrap">
          <h2>Try it on your own VOD</h2>
          <div class="cta-row">
            <a class="btn btn-accent" href="https://github.com/ColinGPT9/clips-studio/releases/download/v0.1.2/ClipsStudio-Web-Setup-0.1.2.exe" target="_blank" rel="noopener noreferrer">Download for Windows</a
            >
            <a class="btn btn-ghost" href="kick.html">Clipping Kick instead?</a>
          </div>
        </div>
      </section>
    </main>

    <footer class="site">
      <div class="wrap cols">
        <span>Free and open source.</span>
        <nav aria-label="Footer">
          <a href="index.html">Home</a>
          <a href="roadmap.html">Roadmap</a>
          <a href="changelog.html">Changelog</a>
          <a href="privacy.html">Privacy</a>
          <a href="https://github.com/ColinGPT9/clips-studio" target="_blank" rel="noopener noreferrer">★ Star it</a>
          <a href="https://github.com/ColinGPT9/clips-studio/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener noreferrer">Contribute</a>
          <a href="https://github.com/ColinGPT9/clips-studio/issues" target="_blank" rel="noopener noreferrer">Issues</a>
          <a href="https://paypal.me/clipsstudio" target="_blank" rel="noopener noreferrer">Donate</a>
        </nav>
      </div>
    </footer>
    <script src="analytics.js"></script>
    <script src="donate.js"></script>
  </body>
</html>