Rejestrator ekranu i kamery
Nagrywaj ekran z nakładką kamery internetowej w rogu dzięki kompozycji na canvas w przeglądarce. Prywatne, lokalne pobieranie pliku WebM.
🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłaneNagraj prezentację z kamerą w rogu ekranu
Nagranie ekranu jest często łatwiejsze do śledzenia, gdy widzowie widzą także prowadzącego. To narzędzie przechwytuje wybrane źródło ekranu oraz kamerę internetową, rysuje obie w elemencie canvas przeglądarki i nagrywa ten canvas jako nowy strumień wideo. Kamera pojawia się jako nakładka obraz w obrazie w prawym dolnym rogu, więc pobrany plik WebM zawiera już połączony widok. Do kompozycji nie są wysyłane żadne klatki wideo, a żadna usługa backendowa nie otrzymuje zawartości z Twojej kamery ani ekranu. Wszystko, co potrzebne do końcowego układu, dzieje się w jednej karcie po udzieleniu zgód przeglądarce.
Przepływ pracy korzysta z nowoczesnych interfejsów API przeglądarki: getDisplayMedia dla ekranu, getUserMedia dla kamery i mikrofonu, captureStream elementu canvas dla złożonego wideo oraz MediaRecorder dla gotowego pliku. Jeśli przeglądarka potrafi przechwycić także dźwięk karty lub systemu z okna wyboru ekranu, dźwięk ten jest miksowany z mikrofonem w przeglądarce przed nagraniem.
Najlepsze zastosowania i obecne ograniczenia
Użyj rejestratora ekranu i kamery do demonstracji produktów, wyjaśniania lekcji, instrukcji krok po kroku i asynchronicznych aktualizacji, w których twarz prowadzącego dodaje kontekstu. Ponieważ nakładka jest rysowana w czasie rzeczywistym, bardzo stare urządzenia mogą mieć problemy z ekranami o wysokiej rozdzielczości. Obsługa dźwięku systemowego również różni się w zależności od przeglądarki, a nagrywanie canvas wymaga przeglądarki z implementacją captureStream. Narzędzie sprawdza te możliwości przed startem i zrozumiale informuje o problemach ze zgodami lub obsługą.
Przygotowanie czystej kompozycji
Ułóż treści, które chcesz pokazać, zanim naciśniesz Start, i trzymaj ważne przyciski z dala od prawego dolnego rogu, gdzie pojawia się nakładka kamery. Wybierz cichy pokój i dobre oświetlenie z przodu, aby obraz z kamery pozostał przydatny także w mniejszym rozmiarze. Jeśli nagrywasz długie szkolenie, rozważ podzielenie go na kilka krótszych fragmentów. Mniejsze nagrania łatwiej po lokalnym pobraniu przejrzeć, nagrać ponownie i udostępnić.
Jak używać
- Wybierz ekranRozpocznij nagrywanie i wybierz ekran, okno lub kartę, które chcesz udostępnić.
- Zezwól na kameręUdziel zgody na użycie kamery i mikrofonu, aby można było dodać nakładkę z prowadzącym.
- NagrywajPrzeglądarka składa ekran i podgląd kamery na elemencie canvas, podczas gdy działa licznik czasu.
- PobierzZatrzymaj nagrywanie i zapisz lokalny plik WebM z już wbudowaną nakładką.