scrollio-content/about.html at main · lukaslutz/scrollio-content · 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
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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Über Lukas Lutz — Entwickler von Scrollio</title>
<meta name="description" content="Lukas Lutz ist Schweizer App-Entwickler und Macher von Scrollio, der Teleprompter-App für iPhone. Aus der Praxis für die Praxis: Scrollio entstand aus dem Bedarf nach einer einfachen, deutschsprachigen Teleprompter-App für Content Creator.">
<meta name="keywords" content="Lukas Lutz, Scrollio Entwickler, Teleprompter App Entwickler, iOS Entwicklung Schweiz">
<link rel="canonical" href="https://lukaslutz.github.io/scrollio-content/about.html">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Lukas Lutz",
  "jobTitle": "App-Entwickler & Schulischer Heilpädagoge",
  "description": "Schweizer App-Entwickler und Macher der Teleprompter-App Scrollio. Auch Entwickler der Mathe-Lernapp Lernland.",
  "knowsAbout": [
    "iOS App-Entwicklung",
    "SwiftUI",
    "Teleprompter-Technik",
    "Video-Produktion mit iPhone",
    "Content-Creation für Social Media",
    "Firebase",
    "App Store Optimization"
  ],
  "url": "https://lukaslutz.github.io/scrollio-content/about.html",
  "worksFor": {
    "@type": "Organization",
    "name": "Scrollio",
    "url": "https://apps.apple.com/ch/app/scrollio-skript-teleprompter/id6756810364"
  },
  "knowsLanguage": ["de-CH", "de", "en"],
  "nationality": {
    "@type": "Country",
    "name": "Switzerland"
  }
}
</script>

<style>
:root { --primary: #2563eb; --bg: #fafafa; --text: #1e293b; --muted: #64748b; --border: #e2e8f0; --accent: #f59e0b; }
* { box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; line-height: 1.7; max-width: 800px; margin: 0 auto; padding: 2rem 1.5rem; color: var(--text); background: var(--bg); }
.meta { color: var(--muted); font-size: 0.95rem; margin-bottom: 2rem; }
h1 { font-size: 2.5rem; line-height: 1.2; margin: 0 0 0.5rem; }
h2 { font-size: 1.6rem; margin-top: 3rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--border); }
.tagline { font-size: 1.2rem; color: var(--muted); margin: 0 0 2rem; }
.bio-card { background: white; padding: 2rem; border-radius: 12px; border: 1px solid var(--border); margin: 2rem 0; }
blockquote { background: #fef3c7; border-left: 4px solid var(--accent); padding: 1.25rem 1.5rem; margin: 1.5rem 0; border-radius: 0 8px 8px 0; font-style: italic; }
.cta-box { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); color: white; padding: 1.75rem 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; }
.cta-box a { display: inline-block; background: white; color: var(--primary); padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 700; margin-top: 0.75rem; }
a { color: var(--primary); }
footer { margin-top: 4rem; padding-top: 2rem; border-top: 1px solid var(--border); color: var(--muted); font-size: 0.9rem; }
</style>
</head>
<body>

<p class="meta"><a href="./">← Scrollio</a></p>

<h1>Lukas Lutz</h1>
<p class="tagline">App-Entwickler · Macher von Scrollio und Lernland</p>

<div class="bio-card">
<p>Ich bin Lukas Lutz, App-Entwickler aus der Schweiz. Scrollio ist meine Teleprompter-App für iPhone — entstanden aus eigenem Bedarf: Ich wollte Videos aufnehmen, ohne ständig in Notizen zu schauen oder Sätze 5x neu zu drehen, weil ich den Faden verloren habe.</p>

<p>Bestehende Teleprompter-Apps waren entweder nicht auf Deutsch, hatten aufdringliche Werbung, oder trennten Teleprompter und Videoaufnahme — sodass man zwei Apps brauchte. Scrollio macht beides in einer einzigen App: Text läuft als unsichtbares Overlay über dem Kamera-Bild, gleichzeitig wird das Video aufgenommen, und im fertigen Video ist vom Text nichts zu sehen.</p>

<p>Neben Scrollio entwickle ich auch <a href="https://github.com/lukaslutz/lernland-content">Lernland</a>, eine Mathe-Lernapp für Schweizer Primarschulen.</p>
</div>

<h2>Warum Scrollio</h2>

<blockquote>
"Eine Teleprompter-App muss zwei Dinge perfekt machen: Den Text so präsentieren, dass die nutzende Person ihn natürlich lesen kann — UND ihn aus dem aufgenommenen Video heraushalten, sodass die Zuschauer:innen es nie merken."
</blockquote>

<p>Die zentrale Anforderung war: <strong>Unsichtbares Text-Overlay</strong>. Der Text wird live über die Kamera-Preview gerendert, ist aber technisch nicht Teil des Videostreams. Damit entsteht der Effekt, der professionelle Nachrichtensprecher:innen auszeichnet — natürlicher Blickkontakt, fliessender Sprachfluss, ohne dass jemand merkt, dass abgelesen wird.</p>

<h2>Technische Highlights</h2>

<ul>
<li><strong>GPU-beschleunigtes Scrolling</strong>: Butterweiche 60 FPS Textanimation auch bei langen Skripten</li>
<li><strong>Quadratische Geschwindigkeitskurve</strong>: Feine Kontrolle bei niedrigen Geschwindigkeiten, schnelle Steigerung bei hohen</li>
<li><strong>Intelligente Flash-Implementierung</strong>: Software-Flash für Frontkamera (nicht im Video), Hardware-Torch für Rückkamera</li>
<li><strong>iCloud-Sync</strong>: Einstellungen automatisch über alle Geräte hinweg synchronisiert</li>
<li><strong>Atomic JSON Writes</strong>: Verhindert Datenverlust bei App-Absturz während Speichern</li>
<li><strong>Apple Login + Google Login + Email</strong>: Datenschutzfreundliche Auth-Optionen</li>
</ul>

<h2>Für wen Scrollio gemacht ist</h2>

<ul>
<li><strong>Content Creator</strong> auf YouTube, TikTok, Instagram Reels</li>
<li><strong>Journalist:innen</strong> für mobile Reportagen</li>
<li><strong>Business-Profis</strong> für LinkedIn-Videos, Pitches, Webinare</li>
<li><strong>Studierende und Lehrpersonen</strong> für Präsentationen und Online-Kurse</li>
<li><strong>Hochzeitsredner:innen</strong>, die ihre Rede nicht vergessen wollen</li>
<li><strong>Coaches</strong> für Video-Botschaften an Klient:innen</li>
<li><strong>Podcaster:innen</strong> mit Video-Format</li>
</ul>

<div class="cta-box">
<h2 style="color: white; border: none; margin-top: 0;">Scrollio im App Store</h2>
<p>Verfügbar für iPhone — kostenlos zum Ausprobieren.</p>
<a href="https://apps.apple.com/ch/app/scrollio-skript-teleprompter/id6756810364">Im App Store öffnen →</a>
</div>

<h2>Kontakt</h2>

<ul>
<li><strong>App Store:</strong> <a href="https://apps.apple.com/ch/app/scrollio-skript-teleprompter/id6756810364">Scrollio im App Store</a></li>
<li><strong>GitHub (Open-Content-Repository):</strong> <a href="https://github.com/lukaslutz/scrollio-content">github.com/lukaslutz/scrollio-content</a></li>
<li><strong>Mein anderes Projekt:</strong> <a href="https://github.com/lukaslutz/lernland-content">Lernland — Mathe-Lernapp</a></li>
</ul>

<footer>
<p><strong>Scrollio</strong> · <a href="./">Startseite</a> · <a href="blog/">Blog</a> · <a href="https://apps.apple.com/ch/app/scrollio-skript-teleprompter/id6756810364">App Store</a></p>
<p>Inhalte unter <a href="https://creativecommons.org/licenses/by/4.0/deed.de">CC BY 4.0</a> — frei zitierbar mit Namensnennung Lukas Lutz / Scrollio.</p>
</footer>

</body>
</html>