https://4m3.org/wiki/index.php?action=history&feed=atom&title=HTMLScreenRecorder4m3 2026-04-29T18:03:06Z Versionsgeschichte dieser Seite in 4m3 MediaWiki 1.44.0 https://4m3.org/wiki/index.php?title=HTMLScreenRecorder4m3&diff=57&oldid=prev 2025-08-29T05:03:43Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. August 2025, 07:03 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:HTMLScreenRecorder4m3}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:HTMLScreenRecorder4m3}}</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:HTMLScreenRecorder4m3.png|<del style="font-weight: bold; text-decoration: none;">mini</del>|Vorschaubild HTMLScreenRecorder4m3]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:HTMLScreenRecorder4m3.png|<ins style="font-weight: bold; text-decoration: none;">thumb|pageimage</ins>|Vorschaubild HTMLScreenRecorder4m3]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= HTMLScreenRecorder4m3 =</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= HTMLScreenRecorder4m3 =</div></td></tr> </table>

Jens https://4m3.org/wiki/index.php?title=HTMLScreenRecorder4m3&diff=53&oldid=prev 2025-08-29T01:01:59Z

<p>Vorschaubild HTMLScreenRecorder4m3</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 29. August 2025, 03:01 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:HTMLScreenRecorder4m3}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:HTMLScreenRecorder4m3}}</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Datei:HTMLScreenRecorder4m3.png|mini|Vorschaubild HTMLScreenRecorder4m3]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= HTMLScreenRecorder4m3 =</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= HTMLScreenRecorder4m3 =</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein einfacher, browserbasierter Screen-Recorder in reinem HTML/JavaScript für das 4m3-Ökosystem. Ideal zum schnellen Aufzeichnen von Bildschirm, Fenster oder Tab – ohne zusätzliche Software.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein einfacher, browserbasierter Screen-Recorder in reinem HTML/JavaScript für das 4m3-Ökosystem. Ideal zum schnellen Aufzeichnen von Bildschirm, Fenster oder Tab – ohne zusätzliche Software.</div></td></tr> </table>

Jens https://4m3.org/wiki/index.php?title=HTMLScreenRecorder4m3&diff=36&oldid=prev 2025-08-28T07:17:07Z

<p>Jens verschob die Seite <a href="/wiki/index.php?title=Projekt:HTMLScreenRecorder4m3&amp;action=edit&amp;redlink=1" class="new" title="Projekt:HTMLScreenRecorder4m3 (Seite nicht vorhanden)">Projekt:HTMLScreenRecorder4m3</a> nach <a href="/HTMLScreenRecorder4m3" title="HTMLScreenRecorder4m3">HTMLScreenRecorder4m3</a>, ohne dabei eine Weiterleitung anzulegen</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="de"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Version vom 28. August 2025, 09:17 Uhr</td> </tr><tr><td colspan="2" class="diff-notice" lang="de"><div class="mw-diff-empty">(kein Unterschied)</div> </td></tr></table>

Jens https://4m3.org/wiki/index.php?title=HTMLScreenRecorder4m3&diff=35&oldid=prev 2025-08-28T07:13:02Z

<p>Die Seite wurde neu angelegt: „{{DISPLAYTITLE:HTMLScreenRecorder4m3}} = HTMLScreenRecorder4m3 = Ein einfacher, browserbasierter Screen-Recorder in reinem HTML/JavaScript für das 4m3-Ökosystem. Ideal zum schnellen Aufzeichnen von Bildschirm, Fenster oder Tab – ohne zusätzliche Software. ; Repository: [https://github.com/IchBinChrist/HTMLScreenRecorder4m3 GitHub – HTMLScreenRecorder4m3] ; Demo: [https://4m3.org/ScreenRecorder Demo-Seite] &lt;!-- Falls deine Wiki-Demo unter /Screen…“</p> <p><b>Neue Seite</b></p><div>{{DISPLAYTITLE:HTMLScreenRecorder4m3}}<br /> = HTMLScreenRecorder4m3 =<br /> Ein einfacher, browserbasierter Screen-Recorder in reinem HTML/JavaScript für das 4m3-Ökosystem. Ideal zum schnellen Aufzeichnen von Bildschirm, Fenster oder Tab – ohne zusätzliche Software.<br /> <br /> ; Repository: [https://github.com/IchBinChrist/HTMLScreenRecorder4m3 GitHub – HTMLScreenRecorder4m3]<br /> ; Demo: [https://4m3.org/ScreenRecorder Demo-Seite] &lt;!-- Falls deine Wiki-Demo unter /ScreenRecorder liegt --&gt;<br /> ; Lizenz: MIT<br /> ; Autor: [[Jens der Christ]]<br /> <br /> == Funktionen ==<br /> * Aufnahme von Bildschirm, Anwendungsfenstern oder Browser-Tabs über die Browser-Freigabe (getDisplayMedia).<br /> * Aufzeichnung inkl. System-/Tab-Audio (sofern vom Browser/OS erlaubt).<br /> * Start/Pause/Stop, Dateidownload als WebM/MP4* (abhängig vom Browser).<br /> * Einfache, klare Oberfläche – ideal für Erklärvideos und Fehlermeldungs-Demos.<br /> * Keine Server-Abhängigkeit: läuft vollständig im Browser.<br /> <br /> &#039;&#039;Hinweis:&#039;&#039; Der exakte Ausgabe-Codec/Container hängt vom Browser ab (z. B. Chrome/Edge → WebM/VP9/Opus). <br /> <br /> == Installation ==<br /> # Repo klonen oder ZIP laden: [https://github.com/IchBinChrist/HTMLScreenRecorder4m3 GitHub].<br /> # Dateien auf deinen Webspace legen (z. B. &lt;code&gt;/ScreenRecorder&lt;/code&gt;).<br /> # Seite im Browser öffnen.<br /> <br /> == Nutzung ==<br /> # „Bildschirm teilen“ klicken und Quelle wählen (Bildschirm, Fenster, Tab).<br /> # Aufnahme starten, optional Audio einschalten.<br /> # Aufnahme stoppen und Datei speichern.<br /> # (Optional) Datei in dein Wiki/Nextcloud/YouTube hochladen.<br /> <br /> == Browser-Support ==<br /> * Aktuelle Chromium-Browser (Chrome, Edge, Brave) und Firefox unterstützen Screen-Capture über &lt;code&gt;MediaDevices.getDisplayMedia&lt;/code&gt;.<br /> * Auf iOS/iPadOS kann der Funktionsumfang eingeschränkt sein.<br /> * Mobilgeräte: Wenn nicht unterstützt, zeige einen deutlichen Hinweis (Projekt enthält einen entsprechenden Fallback-Hinweis).<br /> <br /> == Lizenz ==<br /> MIT-Lizenz – Details im Repository: [https://github.com/IchBinChrist/HTMLScreenRecorder4m3/blob/main/LICENSE LICENSE].<br /> <br /> == Quellcode ==<br /> * Hauptrepo: [https://github.com/IchBinChrist/HTMLScreenRecorder4m3 GitHub – HTMLScreenRecorder4m3]<br /> <br /> == Siehe auch ==<br /> * [[Kategorie:Projekte|Weitere 4m3-Projekte]]<br /> <br /> [[Kategorie:Projekte]]<br /> [[Kategorie:Software]]<br /> [[Kategorie:JavaScript]]<br /> [[Kategorie:4m3]]</div>

Jens