Czym jest rejestrator ekranu?

Rejestrator ekranu tworzy nagranie wideo tego, co dzieje się na ekranie: całego ekranu, okna aplikacji lub pojedynczej karty przeglądarki. To najszybszy sposób na pokazanie błędu programiście, przeprowadzenie współpracownika przez ustawienia, nagranie samouczka lub prezentacji albo zachowanie kopii rozmowy wideo. Po włączeniu mikrofonu możesz komentować to, co pokazujesz.

Opis narzędzia

To narzędzie nagrywa ekran bezpośrednio w przeglądarce, bez instalowania aplikacji ani rozszerzenia. Wybierz w oknie dialogowym przeglądarki, co chcesz udostępnić, nagrywaj dźwięk ekranu i mikrofon, wstrzymuj nagrywanie i wznawiaj je w dowolnym momencie, a następnie zatrzymaj, gdy skończysz. Nagranie otworzy się w odtwarzaczu z osią czasu, na której możesz przyciąć jego początek i koniec, a następnie pobrać je w oryginalnej postaci, jako MP4 lub animowany GIF. Nic nie jest przesyłane: wideo jest nagrywane i przetwarzane na Twoim urządzeniu.

Funkcje

  • Nagrywaj cały ekran, okno lub kartę przeglądarki
  • Nagrywaj dźwięk systemu lub karty, mikrofon albo oba źródła zmiksowane razem i wybierz mikrofon, którego chcesz użyć
  • Nagrywaj jako MP4 (H.264) lub WebM (VP9 albo VP8), zależnie od obsługi w Twojej przeglądarce
  • Wybierz rozdzielczość od oryginalnego rozmiaru do 480p, liczbę klatek od 15 do 60 fps oraz jakość wideo
  • Ustaw odliczanie 3, 5 lub 10 sekund przed rozpoczęciem nagrywania, aby przełączyć się na okno, które chcesz pokazać
  • Wstrzymuj i wznawiaj nagrywanie, korzystając z podglądu na żywo oraz informacji o czasie nagrania i rosnącym rozmiarze pliku
  • Zatrzymaj nagrywanie z poziomu narzędzia lub za pomocą przycisku „Zatrzymaj udostępnianie” w przeglądarce
  • Przytnij nagranie na osi czasu z miniaturami i przebiegiem dźwięku, przeciągając uchwyty początku i końca albo wpisując czasy
  • Pobierz nagranie w oryginalnej postaci, przytnij je bez ponownego kodowania albo przekonwertuj do MP4 lub animowanego GIF-a
  • Do nagrań WebM zostaje zapisana ich długość, dzięki czemu odtwarzacze wyświetlają czas trwania i umożliwiają przewijanie

Jak to działa

Narzędzie prosi przeglądarkę o udostępnienie ekranu za pomocą Screen Capture API i nagrywa obraz oraz dźwięk przy użyciu MediaRecorder API. Gdy włączone są zarówno dźwięk systemu, jak i mikrofon, oba źródła są miksowane do jednej ścieżki za pomocą Web Audio API. Przeglądarki zapisują pliki WebM, gdy ich długość jest jeszcze nieznana, dlatego po zatrzymaniu nagrywania narzędzie dodaje czas trwania do nagłówka pliku. Przycinanie i konwersja korzystają z FFmpeg skompilowanego do WebAssembly i działają na Twoim urządzeniu. Zachowanie nagranego formatu kopiuje wideo bez ponownego kodowania, co jest szybkie i bezstratne, ale rozpoczyna przycięty fragment od najbliższej klatki kluczowej. MP4 ponownie koduje wideo przy użyciu H.264 i AAC, a GIF jest tworzony z szybkością 10 klatek na sekundę i szerokością nie większą niż 960 pikseli.

Wskazówki

  • W Chrome i Edge można zawsze udostępniać dźwięk karty przeglądarki. Możliwość udostępniania dźwięku całego ekranu zależy od systemu, dlatego jeśli potrzebujesz jego dźwięku, udostępnij kartę.
  • Włącz udostępnianie dźwięku w oknie dialogowym przeglądarki. W przeciwnym razie nagranie nie będzie zawierać dźwięku systemu, nawet jeśli włączona jest opcja „Nagrywaj dźwięk systemu”.
  • MP4 to najlepszy wybór do udostępniania nagrania, ponieważ jest odtwarzany na niemal każdym urządzeniu. Jeśli Twoja przeglądarka oferuje tylko WebM, przekonwertuj nagranie do MP4 podczas jego pobierania.
  • Tekst na ekranie pozostaje wyraźny przy oryginalnej rozdzielczości oraz jakości Wysoka lub Bardzo wysoka. Zmniejsz rozdzielczość albo jakość, aby uzyskać mniejsze pliki.
  • GIF nie zawiera dźwięku i szybko osiąga duży rozmiar, dlatego przytnij go do kilku potrzebnych sekund.
  • Przy pierwszym przycinaniu lub konwersji pobierany jest FFmpeg o rozmiarze około 30 MB. Pobranie nagrania w oryginalnej postaci nie wymaga pobierania dodatkowych danych.
  • Przeglądarki mobilne nie mogą nagrywać ekranu. Użyj przeglądarki komputerowej, takiej jak Chrome, Edge, Firefox lub Safari.