Skip to content

Commit c2fa6be

Browse files
authored
docs: add website (#33)
1 parent 16d3def commit c2fa6be

File tree

3 files changed

+140
-0
lines changed

3 files changed

+140
-0
lines changed

.gitattributes

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
*.mp4 filter=lfs diff=lfs merge=lfs -text

docs/demo.mp4

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
version https://git-lfs.github.com/spec/v1
2+
oid sha256:9f60a451a7cf7904669e9c4f405e72e55a0eaa19a2903bf6b68c07b5764a38c8
3+
size 16697564

docs/index.html

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>ffzap</title>
8+
<style>
9+
body {
10+
background-color: #0e0e0e;
11+
color: #f5f5f5;
12+
font-family: monospace, sans-serif;
13+
display: flex;
14+
flex-direction: column;
15+
min-height: 100vh;
16+
padding: 2rem;
17+
}
18+
19+
.ascii-box {
20+
border: 1px solid #333;
21+
border-radius: 8px;
22+
padding: 1rem;
23+
margin: 2rem 0;
24+
overflow-x: auto;
25+
max-width: 100%;
26+
box-sizing: border-box;
27+
}
28+
29+
.ascii-box pre {
30+
white-space: pre;
31+
font-size: 0.9rem;
32+
}
33+
34+
.buttons {
35+
margin-top: 1.5rem;
36+
}
37+
38+
.button {
39+
display: inline-block;
40+
margin: 0 0.5rem;
41+
padding: 0.6rem 1.2rem;
42+
background-color: #1f1f1f;
43+
color: #fff;
44+
border: 1px solid #444;
45+
border-radius: 4px;
46+
text-decoration: none;
47+
transition: background-color 0.3s;
48+
}
49+
50+
.button:hover {
51+
background-color: #333;
52+
}
53+
54+
video {
55+
max-width: 40%;
56+
max-height: 40%;
57+
border: 1px solid #333;
58+
border-radius: 8px;
59+
}
60+
61+
section {
62+
height: 100vh;
63+
display: flex;
64+
align-items: center;
65+
flex-direction: column;
66+
justify-content: space-evenly;
67+
}
68+
69+
#examples {
70+
display: flex;
71+
flex-direction: column;
72+
align-items: start;
73+
justify-content: center;
74+
}
75+
76+
#download {
77+
display: flex;
78+
flex-direction: column;
79+
justify-content: center;
80+
}
81+
</style>
82+
</head>
83+
84+
<body>
85+
<section>
86+
<div class="ascii-box">
87+
<pre>
88+
/$$$$$$ /$$$$$$
89+
/$$__ $$ /$$__ $$
90+
| $$ \__/| $$ \__//$$$$$$$$ /$$$$$$ /$$$$$$
91+
| $$$$ | $$$$ |____ /$$/ |____ $$ /$$__ $$
92+
| $$_/ | $$_/ /$$$$/ /$$$$$$$| $$ \ $$
93+
| $$ | $$ /$$__/ /$$__ $$| $$ | $$
94+
| $$ | $$ /$$$$$$$$| $$$$$$$| $$$$$$$/
95+
|__/ |__/ |________/ \_______/| $$____/
96+
| $$
97+
| $$
98+
|__/
99+
</pre>
100+
</div>
101+
<p>A blazing fast & convenient CLI for batch media processing using FFmpeg with parallel execution.</p>
102+
103+
<video controls loop muted>
104+
<source src="demo.mp4" type="video/mp4">
105+
Your browser does not support the video tag.
106+
</video>
107+
108+
<div class="buttons">
109+
<a href="#examples" class="button">Examples</a>
110+
<a href="#download" class="button">Install</a>
111+
</div>
112+
</section>
113+
<section id="examples">
114+
<span>Re-encode two videos in parallel in H265</span>
115+
<pre
116+
class="ascii-box">$ ffzap --file-list files.txt -f "-c:v libx265 -preset medium -crf 23 -c:a libopus -b:a 128k" -o "Output/{{name}}.mp4" -t 2</pre>
117+
<span>Convert six PNGs to JPG in parallel</span>
118+
<pre class="ascii-box">$ ffzap --file-list files.txt -f "-c:v mjpeg -q:v 2" -o "Output/{{name}}.jpg" -t 6</pre>
119+
<span>Add a watermark to two videos in parallel</span>
120+
<pre
121+
class="ascii-box">$ ffzap --file-list files.txt -f "-i watermark.png -filter_complex [1]format=rgba,lut=a=val*0.3[watermark];[0][watermark]overlay=(main_w-overlay_w)/2:(main_h-overlay_h)/2 -c:a copy" -o "{{name}}_watermark.mp4" -t 2</pre>
122+
<span>Re-size two videos to 720p in parallel</span>
123+
<pre
124+
class="ascii-box">$ ffzap --file-list files.txt -f "-vf scale=1280:720 -c:a copy" -o "{{name}}_resized.mp4" -t 2</pre>
125+
<span>Remux two videos to MKV in parallel</span>
126+
<pre class="ascii-box">$ ffzap --file-list files.txt -o "{{name}}.mkv" -t 2</pre>
127+
</section>
128+
<section id="download">
129+
<pre class="ascii-box">$ brew tap CodeF0x/formulae<br>$ brew install ffzap</pre>
130+
<pre class="ascii-box">$ winget install CodeF0x.ffzap</pre>
131+
<pre class="ascii-box">$ cargo install ffzap</pre>
132+
<p>Or download from <a href="https://github.com/CodeF0x/ffzap/releases/latest/">GitHub</a></p>
133+
</section>
134+
</body>
135+
136+
</html>

0 commit comments

Comments
 (0)