Rejestrator ekranu online

Nagrywaj ekran komputera lub zakładkę przeglądarki bez instalacji. Screen Capture API. Pobierz nagranie jako WebM. Bezpłatnie.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Jakość

Cursor

Codec

Filename

Fps

Countdown

Mic Opcja narzędzia

System audio Opcja narzędzia

Notes

Wynik

Format nagrania

WebM (auto)

plik zapisywany lokalnie w przeglądarce

Docelowa rozdzielczość

1080p (High)

Klatki

30 FPS

Odliczanie

3 s

Mikrofon

Tak

Dźwięk systemowy

Nie

Screen Recorder Settings
======================
Filename: toolsti-screen-recording
Quality: HIGH
Frame rate: 30 FPS
Cursor: MOTION
Codec preference: AUTO
Microphone: ON
System audio: OFF
Countdown: 3s

Notes:
Record a short demo of the checkout flow with narration.

Next steps:
1) Click Start Recording in the Recorder panel.
2) Choose a screen, window, or tab in the browser picker.
3) Stop to finalize and download the file.

Ściąga: jak działa nagrywanie ekranu w przeglądarce

Element	Jak działa
Format nagrania	WebM z kodekiem VP9 albo VP8 (wybór w ustawieniach); „Auto” pozostawia kodek przeglądarce. Zapis robi MediaRecorder — MP4 pojawia się tylko tam, gdzie przeglądarka go wspiera.
Źródło obrazu	navigator.mediaDevices.getDisplayMedia: przeglądarka otwiera okno wyboru ekranu, okna aplikacji lub karty i nagrywanie startuje dopiero po Twojej zgodzie.
Wymagania	Bezpieczny kontekst (HTTPS) i gest użytkownika — start po kliknięciu przycisku. Bez HTTPS i bez interakcji przeglądarka odmówi dostępu do ekranu.
Dźwięk	Opcjonalny mikrofon i/lub dźwięk systemowy (przełączniki w ustawieniach). Wsparcie dźwięku systemowego zależy od przeglądarki i systemu — niektóre pozwalają go udostępnić w oknie wyboru.
Zapis pliku	Nagranie powstaje w pamięci przeglądarki (MediaRecorder → Blob) i jest pobierane lokalnie pod nazwą z ustawień. Nic nie jest wysyłane na serwer — nagrywanie dzieje się w całości na Twoim urządzeniu.
Jakość i FPS	Cele jakości 720p / 1080p / 1440p oraz 5–60 klatek/s z ustawień; rzeczywista rozdzielczość zależy od udostępnionego ekranu, okna lub karty i od przeglądarki.
Kursor	Tryby z ustawień: zawsze widoczny, widoczny przy ruchu albo ukryty — jak kursor zostanie utrwalony, decyduje przeglądarka.

Zgodnie z kodem narzędzia: wybierasz jakość, kodek, tryb kursora, dźwięki, odliczanie (0–10 s) i nazwę pliku (bez rozszerzenia — dopisuje je przeglądarka przy pobieraniu), a panel rejestratora startuje przechwytywanie ekranu. Nagranie nigdy nie opuszcza Twojej przeglądarki.

Warto wiedzieć — rejestrator a prywatność

Nagrywaj tylko to, do czego masz prawo

Nie nagrywaj cudzych treści bez zgody: rozmów wideo, spotkań online, filmów z płatnych serwisów ani materiałów objętych poufnością. Przed nagraniem wideorozmowy poinformuj uczestników — w wielu miejscach jest to wymóg prawny, a zawsze jest to kultura.

Plik zostaje na Twoim urządzeniu

Nagranie powstaje w przeglądarce (MediaRecorder) i pobiera się lokalnie — nie wysyłamy go na żaden serwer i nie przechowujemy. Dlatego usunięcie pliku z dysku naprawdę usuwa nagranie; nie ma kopii „w chmurze”, ale i żadnej kopii zapasowej, więc zapisz ważne materiały od razu.

Dźwięk systemowy łapie wszystko

Jeśli włączysz dźwięk systemowy, w nagraniu pojawią się też powiadomienia, komunikatory i muzyka w tle — razem z tym, czego nie chcesz udostępniać. Przed startem wycisz powiadomienia i zamknij zbędne aplikacje; mikrofon dodaje Twój komentarz, nie dźwięki pulpitu.

WebM a montaż i udostępnianie

WebM (VP9) daje mniejsze pliki przy dobrej jakości, ale część programów do montażu i starszych odtwarzaczy oczekuje MP4 — wtedy przepuść plik przez konwerter. Do szybkiego wysłania i odtworzenia w przeglądarce WebM zwykle wystarcza.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Rejestrator ekranu online – Screen Capture API w przeglądarce

Nowoczesne przeglądarki (Chrome, Edge, Firefox) obsługują Screen Capture API (getDisplayMedia()) umożliwiając nagrywanie ekranu bezpośrednio w przeglądarce – bez instalacji oprogramowania. Narzędzie pozwala wybrać ekran, okno lub zakładkę i pobrać nagranie jako plik WebM.

rejestrator ekranu online nagrywaj ekran przeglądarka Screen Capture API screen recorder bez instalacji

Screen Capture API – jak działa

navigator.mediaDevices.getDisplayMedia(): prosi o uprawnienia i zwraca MediaStream. Wybór źródła: ekran, okno aplikacji, zakładka przeglądarki. MediaRecorder: nagrywa stream. Kodeki: VP9/WebM (Chrome), H.264/MP4 (Edge, Safari). Ograniczenia: wymaga HTTPS. Nie działa na iOS Safari (brak wsparcia getDisplayMedia).

Parametry nagrywania

Rozdzielczość: width, height (przeskalowane przez DisplaySurface). Framerate: 30 lub 60 fps. Audio: z systemu (Windows), mikrofon, bez audio. Cursor: always, motion, never. Kadrowanie: tylko ekran, okno, zakładka. Bitrate: wyższy = lepsza jakość, większy plik. Format WebM: VP9 kompresja, mały plik.

Alternatywne narzędzia do nagrywania

OBS Studio: profesjonalne, open-source, streaming. Loom: cloud recording, sharing link. ShareX: Windows, open-source. QuickTime: macOS wbudowany. Xbox Game Bar (Win+G): Windows gaming. Cleanshot X: macOS premium. Screencast-o-matic. Tldv/Otter.ai: nagrywanie meetingów z transkrypcją.

WebM vs MP4 dla nagrań ekranu

WebM (VP9): mały plik, open-source codec, doskonały w Chrome. Nie obsługiwany przez wszystkie odtwarzacze. MP4 (H.264): uniwersalny, obsługiwany wszędzie. Konwersja: FFmpeg: ffmpeg -i input.webm output.mp4. Online: cloudconvert.com, HandBrake. Rozmiar WebM nagranie 10 min ekranu HD: ok. 50-200 MB zależy od aktywności.

Jak przebiega nagrywanie ekranu od uprawnienia do pliku

Nagrywanie zaczyna się od momentu, w którym wybierzesz źródło obrazu w systemowym oknie przeglądarki. Zwrócony obiekt MediaStream zawiera jedną ścieżkę wideo, a opcjonalnie także ścieżkę audio — mikrofonu i/lub dźwięku systemowego. Ten strumień trafia do MediaRecorder, który koduje go na bieżąco i emituje fragmenty danych w zdarzeniach dataavailable. Każdy fragment to osobny obiekt Blob, dlatego nagranie nie musi być trzymane w pamięci jako jedna ogromna porcja danych.

Po zatrzymaniu nagrania zebrane fragmenty są sklejane w jeden plik Blob z typem MIME zależnym od przeglądarki (na przykład video/webm z kodekiem VP9 w Chrome albo video/mp4 z H.264 w Edge i Safari). Z tego Bloba powstaje tymczasowy adres URL podpięty do linku pobierania. Cały proces odbywa się po stronie klienta — plik nie jest wysyłany na żaden serwer, nie ma więc etapu uploadu ani kolejki oczekujących nagrań.

Rozmiar wynikowego pliku wynika wprost z przyjętego bitrate i długości nagrania: rozmiar w megabajtach to w przybliżeniu bitrate w megabitach na sekundę pomnożony przez czas w sekundach i podzielony przez 8. Dla porównania: 10 minut nagrania ekranu HD daje około 50–200 MB, co odpowiada średniemu bitrate od mniej więcej 0,67 do 2,67 Mb/s. Na tę wartość wpływa nie tylko ustawienie bitrate, ale też framerate, rozdzielczość i to, jak dużo ruchu było na ekranie — statyczny dokument kompresuje się znacznie lepiej niż dynamiczna gra czy przewijana prezentacja.

Przykład: nagranie zakładki z błędem i przekazanie go programiście

Otwórz stronę rejestratora ekranu i uruchom nagrywanie. Przeglądarka pokaże systemowe okno wyboru źródła — to ona, a nie narzędzie, decyduje o ostatecznym kształcie tego okna.
Wybierz opcję zakładka przeglądarki i wskaż kartę z aplikacją, w której występuje błąd. Zaznacz udostępnianie dźwięku zakładki tylko wtedy, gdy problem jest słyszalny (na przykład komunikat głosowy albo odtwarzane nagranie).
Ustaw źródło audio: mikrofon, jeśli chcesz opisać problem na żywo, albo brak audio, gdy wystarczy sam obraz. Wybór wpływa na to, ile ścieżek znajdzie się w pliku.
Odtwórz błąd dokładnie w tej kolejności kliknięć, w której zgłosił go użytkownik. Nie zatrzymuj nagrywania w trakcie — przerwa w środku wymagałaby późniejszego sklejania kilku plików.
Zatrzymaj nagrywanie. Przeglądarka złoży fragmenty w jeden plik i udostępni go jako link do pobrania; zapisz go na dysku.
Odtwórz plik przed wysłaniem. Jeśli odbiorca nie ma odtwarzacza obsługującego WebM, zmień kontener poleceniem ffmpeg -i input.webm output.mp4.

Ustawienia nagrania i ich wpływ na plik

Ustawienie	Dostępne wartości	Efekt
Rozdzielczość	width i height przeskalowane przez DisplaySurface	Wyższa rozdzielczość to ostrzejszy obraz i większy plik
Framerate	30 lub 60 fps	60 fps daje płynniejszy ruch, ale zwiększa rozmiar nagrania
Audio	dźwięk systemowy (Windows), mikrofon, bez audio	Dodaje ścieżkę dźwiękową do pliku; źródła można łączyć
Kursor	always, motion, never	always pokazuje kursor stale, motion tylko podczas ruchu, never ukrywa go całkowicie
Bitrate	wartość niższa lub wyższa	Wyższy bitrate oznacza lepszą jakość i większy plik
Format	WebM z VP9 w Chrome, MP4 z H.264 w Edge i Safari	Decyduje o zgodności z odtwarzaczami i programami do montażu
Źródło obrazu	ekran, okno aplikacji, zakładka przeglądarki	Kadrowanie wynika wprost z tego wyboru — brak ręcznego przycinania obszaru
Konwersja po nagraniu	ffmpeg -i input.webm output.mp4, HandBrake, cloudconvert.com	Zmiana kontenera na uniwersalny bez ponownego nagrywania

Jak nagrać materiał, który ktoś obejrzy do końca

Ustal cel nagrania przed startem. Instruktaż, zgłoszenie błędu i demo funkcji mają różną długość i inne tempo. Krótkie nagranie z jasnym początkiem i końcem działa lepiej niż jeden długi plik z kilkoma tematami.
Wybierz zakładkę zamiast całego ekranu. Ograniczasz przypadkowe treści z paska zadań i komunikatorów, a jednocześnie mniejszy obszar generuje mniejszy plik przy tym samym bitrate.
Zamknij powiadomienia i zbędne karty. Wyskakujące okienka zostaną w nagraniu na stałe — narzędzie nie usuwa ich po fakcie.
Nagrywaj z zapasem na początku i końcu. Kilka sekund ciszy przed pierwszym kliknięciem daje odbiorcy czas na zorientowanie się, co widzi.
Sprawdź plik przed wysłaniem. Odtwórz go w całości, sprawdź, czy słychać dźwięk i czy kursor nie zasłania kluczowych elementów interfejsu. Przy 60 fps warto rozważyć zejście do 30 fps, jeśli rozmiar pliku ma znaczenie.

Czego to narzędzie nie zrobi

Nie zadziała na iOS. Safari na iPhone nie obsługuje getDisplayMedia, więc nagrywanie ekranu w przeglądarce na tym systemie jest niemożliwe — potrzebna jest aplikacja natywna albo inne urządzenie.
Nie oferuje edycji po nagraniu. Nie przytniesz początku, nie wyciszysz fragmentu ani nie dodasz napisów. Wszystkie poprawki wymagają zewnętrznego edytora.
Nie zapisuje w chmurze ani nie transkrybuje. Nie ma linku do udostępniania, komentarzy ani automatycznego opisu mówionego tekstu — plik zostaje na dysku i sam decydujesz, jak go przekazać.
Format pliku zależy od przeglądarki, a dźwięk systemowy od systemu. Ten sam materiał nagrany w Chrome i w Edge może wyjść jako WebM albo MP4, a przechwytywanie dźwięku z komputera jest dostępne głównie na Windows. Poza tym przypadkiem zostaje mikrofon albo cisza.

Najczęstsze pytania

Czy nagrywanie ekranu wymaga zgody innych osób?

Prawnie: RODO/GDPR – nagrywanie spotkań online z innymi osobami wymaga ich zgody. Zoom/Teams: powiadamia uczestników o nagraniu. Nagrywanie własnego ekranu: legalne bez zgód. Nagrywanie rozmowy bez wiedzy: w Polsce nielegalne (podlega pod przepisy o nagrywaniu rozmów). Własne tutoriale: żadnych problemów.

Jak nagrać prezentację z własnym komentarzem?

getDisplayMedia() + getUserMedia() (mikrofon). Mix strumieni: AudioContext lub MediaRecorder z wieloma ścieżkami. Synchronizacja: wspólny MediaRecorder dla obu streamów. OBS Studio: najprostsze – dodaj źródło "Capture Card" + mikrofon → nagrywaj. Loom: kamera + ekran + mikrofon automatycznie.

Jak przyciąć nagranie wideo w przeglądarce?

FFmpeg WASM: ffmpeg.wasm (działa w przeglądarce). Clipchamp (Microsoft, wbudowany w Windows 11). iMovie (macOS): importuj WebM → możliwe po konwersji. Kdenlive (Linux): open-source video editor. DaVinci Resolve: darmowy profesjonalny. Online: kapwing.com, clideo.com.

Jak Screen Capture API różni się między przeglądarkami?

Chrome/Edge: pełna obsługa, ekran + okno + zakładka. Firefox: ekran + okno (zakładka – zależy od wersji). Safari macOS 13+: podstawowa obsługa. iOS Safari: brak wsparcia. Android Chrome: ograniczone. Sprawdź: MDN Web Docs – getDisplayMedia – Browser compatibility.

Jak używać nagrywania ekranu do debugowania?

Nagrywaj bug reproduction: wideo jest często jaśniejsze niż opis tekstowy. Sentry: attachment nagranie do issue. Logrocket: session replay (inaczej – event-based). HotJar: recordings użytkowników (wymaga zgody). Screen recording + DevTools: nagraj i zaznacz co się dzieje w Network tab.

Czy można nagrywać ekran w przeglądarce na telefonie?

Na iPhone nie jest to możliwe, ponieważ iOS Safari nie wspiera getDisplayMedia. Na Androidzie Chrome udostępnia tylko część funkcji i nie daje takiej kontroli nad źródłem obrazu jak wersja desktopowa.

Dlaczego w nagraniu nie ma dźwięku?

Najczęstsza przyczyna to brak zaznaczonej opcji udostępniania audio w oknie wyboru źródła. Dźwięk systemowy jest dostępny głównie na Windows; na innych systemach pozostaje mikrofon albo nagranie bez ścieżki dźwiękowej.

Czy nagranie jest wysyłane na serwer?

Nie. Plik powstaje lokalnie w przegrządarce jako Blob i trafia bezpośrednio do pobrania, bez etapu uploadu. Dzięki temu nagranie nie opuszcza Twojego komputera.

Czy da się nagrać tylko wybrany fragment ekranu?

Nie w dowolnym kształcie. Kadrowanie ogranicza się do wyboru całego ekranu, jednego okna lub zakładki. Wycięcie konkretnego prostokąta wymaga już edycji pliku po nagraniu.

Plik WebM nie otwiera się w moim odtwarzaczu — co zrobić?

Zmień kontener na MP4, nie nagrywając materiału ponownie. Wystarczy polecenie ffmpeg -i input.webm output.mp4 albo darmowe narzędzie online lub HandBrake.

Powiązane narzedzia: konwerter wideo online, edytor wideo i narzedzia deweloperskie przegladarki.