Rejestrator kart przeglądarki

Nagrywaj stereo ekran/kartę. Ciche nagranie, pomijanie ciszy, auto-segmentacja, łączenie WebM i eksport do WAV/MP3/ZIP. Idealne na d

Dla osób odwiedzających sklep 👋 Browser Tab Recorder nagrywa wybrowaną zakładkę/okno/ekran Chrome wraz z dźwiękiem systemu/zakładki w jednym pliku WebM. Nagrywanie, dzielenie i zapisywanie – wszystko za pomocą jednego okienka pop-up. Poniżej najważniejsze punkty. 【📋 Szybka referencja】 ・🎬 Nagrywanie: Zakładka, okno lub ekran + dźwięk do jednego pliku WebM przy użyciu MediaRecorder. ・🆓 Darmowe: Hard limit 15 minut na sesję (wymuszone również w kodzie). ・⭐ Pro: Limit ustawiany przez użytkownika (w tym nieograniczony). Kontrola interfejsu UI dla wysokiej jakości dźwięku i automatycznego dzielenia zgodnie z licencją. ・💾 Długie nagrania: Projektowanie oparte na sekwencyjnym zapisywaniu małych chunków do IndexedDB, co zmniejsza obciążenie pamięci. ・✂️ Automatyczne dzielenie: Możliwość ustawienia punktów podziału i zatrzymania nagrywania na podstawie matrycy zmian jasności/przerw/ciszy. ・🔇 Nagrywanie ciche: Podczas nagrywania wyciszany jest dźwięk z zakładki (w pliku zapisywanym brzmi normalnie). ・📤 Eksport: Oprócz WebM, konwersja na WAV/MP3 oraz pakowanie segmentów w ZIP. ・⚙️ Obsługa: Wszystko dostępne z okienka pop-up, od jakości obrazu i dźwięku po dzielenie i klipy (bez potrzeby używania dodatkowych aplikacji). 【✨ Co można zrobić za pomocą tej rozszerzonej funkcji】 Browser Tab Recorder to rozszerzenie do Chrome, które pozwala wybrać zakładkę, okno lub ekran w dialogu udostępniania ekranu Chrome i nagrać je jako całość z dźwiękiem systemu/zakładki. Idealne do sytuacji, gdy chcesz zachować obraz wyświetlany na ekranie przeglądarki jako plik wideo (WebM). Z myślą o następujących zastosowaniach, skonsolidowaliśmy proces od nagrywania po zapisywanie w jednym okienku pop-up: ・📡 Archiwizacja transmisji i webinarów ・📚 Zachowanie wykładów online i szkoleń ・📋 Nagrywanie ekranu do procedur biznesowych i instrukcji obsługi ・🎯 Redukcja liczby prób nagrania demonstracji ・🎬 Nagrywanie ekranu długich filmów odtwarzanych w przeglądarce, takich jak anime, dramaty czy filmy (※ Prosimy o przestrzeganie regulaminów i praw autorskich poszczególnych usług przy oglądaniu/nagrywaniu). 💡 Wskazówki dotyczące najlepszego użycia: ・W przypadku treści rozrywkowych, zmiany jasności (przejścia scen) lub okresy ciszy są łatwo widoczne i dobrze pasują do automatycznego dzielenia. Można również wybrać ustawienia ułatwiające zbieranie ścieżki dźwiękowej z muzyką w tle i dialogami w stereo. ・Oprócz rozpoczęcia/zatrzymania nagrywania, interfejs jest zaprojektowany tak, aby łatwo operować nad jakością obrazu, dźwięku, automatycznym dzieleniem i zapisanych klipów bez przełączania się do innych aplikacji. 【🖥️ Pobieranie ekranu i dźwięku】 Do strumienia uzyskany poprzez udostępnianie ekranu można opcjonalnie dodać mikrofon. Mikrofon jest pobierany jako osobny strumień od obrazu, a następnie ścieżki audio są łączone w jeden bus za pomocą Web Audio (AudioContext), zanim zostaną przekazane do MediaRecorder wraz z obrazem. ・📺 Możliwość nagrania bezpośrednio wideo z zakładki lub ekranu w pełnym ekranie (zakres udostępniania wybierany jest w dialogu udostępniania systemu operacyjnego). ・🔊 Możliwość miksowania dźwięku z zakładki i komentarza tylko w przeglądarce (łatwy start bez konieczności używania wirtualnego urządzenia audio). ・🎥 Źródło obrazu obsługuje nie tylko udostępnianie ekranu, ale także kombinacje takie jak tylko kamera lub tylko dźwięk. 【🎬 Format nagrywania i jakość】 Rdzeniem jest WebM (obraz VP9 + dźwięk Opus) zapewniany przez standardowy MediaRecorder przeglądarki. ・🔉 Dźwięk (domyślny obraz): Ustawienia oparte na klasie około 256kbps ・📊 Bitrate wideo: Wybór między automatycznym, oszczędnym a wysokiej jakości ・📐 Rozdzielczość: Automatyczna lub stała 1280×720 / 1920×1080 ・🖱️ Kursory: Widoczny/Niewidoczny (w demonstracjach operacyjnych włączony, przy oglądaniu filmów/seriali wyłączony itp.) Dla treści wideo: Wybór predefiniowanej wysokiej jakości lub stałej 1080p ułatwia zachowanie detali obrazu na ekranie i organizację materiału jako „pliku wideo do powtórnego przeglądania” wraz ze stereo. 【🎧 Jakość i tryby dźwięku】 Priorytetem jest „możliwość słyszenia wysokiej jakości”, dlatego domyślnie wyłączono usuwanie pogłosu, tłumienie szumów i automatyczny gain podczas nagrywania. ・<0xF0><0x9F><0x8E><0x9A>️ Częstotliwość próbkowania: Domyślnie 48kHz. Można zmienić w UI na 44.1kHz / 32kHz / 22.05kHz itp. ・<0xF0><0x9F><0x8E><0x9B>️ Kanały: Domyślne stereo (2 kanały), z możliwością przełączenia na mono. ・🎤 Tryb wejścia: Tylko dźwięk zakładki / Zakładka + mikrofon ・📈 Możliwość rozpoczęcia nagrywania po sprawdzeniu poziomu sygnału za pomocą miernika, co zapobiega zbyt niskim lub przesterowanym poziomom. ・🔇 Nagrywanie ciche: Opcjonalne wyciszenie tylko danej zakładki podczas nagrywania. Redukuje to hałas do otoczenia, ale dźwięk z zakładki jest rejestrowany w pliku. Po zatrzymaniu przywracany jest stan wyciszenia. 【⏱️ Długie nagrania, pamięć i limity】 Aby nie gromadzić danych tylko w pamięci, dane nagrywania są dzielone na małe chunki i sekwencyjnie zapisywane do IndexedDB. ・🧠 Ułatwia zmniejszenie obciążenia pamięci nawet podczas długich programów lub spotkań. ・💾 W przypadku błędu zapisu do IndexedDB, system przechodzi na pamięć (fallback), próbując kontynuować przy jednoczesnym powiadomieniu użytkownika. ・🛡️ Tryb fallback ma limit pamięci i mechanizm zabezpieczający przed nadmiernym rozrostem, który spowoduje zatrzymanie działania. ・⏰ Limit czasu nagrania można ustawić jako „godziny + minuty”, a po osiągnięciu zostanie automatycznie zatrzymany. ・🔢 Odliczanie przed startem daje czas na przygotowanie i sprawdzenie mikrofonu. ・⏸️ W przypadku wstrzymania, licznik limitu również się zatrzymuje, a przy wznowieniu ustawiany jest tylko pozostały czas. 💎 Darmowe / Pro (Kluczowe punkty) ・🆓 Darmowe: Hard limit 15 minut na sesję, wymuszony w kodzie. ・⭐ Pro: Usunięcie powyższych ograniczeń i możliwość wykorzystania limitu określonego przez użytkownika (w tym nieograniczonego). ・📜 Wysoka częstotliwość próbkowania, wysoka rozdzielczość, wysokobitrate wideo, automatyczne akcje (zmiana jasności/przerwa/cisza) – kontrolowane UI zgodnie z licencją (szczegóły w instrukcji aplikacji). 【🌑 Wykrywanie zmian jasności i ręczny podział】 ・📊 Podczas nagrywania wyświetlana jest średnia jasność, co ułatwia dostosowanie progu wykrycia zmiany jasności. ・✂️ Nawet jeśli nie używasz automatycznego dzielenia, wewnętrznie dane są zawsze w jednostkach segmentów. Możliwość ręcznego podziału w razie potrzeby. ・📥 Ustalony segment można wyświetlić i pobrać z listy (łatwo traktować jako „podzielony klip” przed edycją). 【✂️ Automatyczne dzielenie (Zmiana jasności / Przerwa / Cisza)】 Można ustawić podział i zatrzymanie nagrywania na podstawie matrycy trzech systemów: zmiana jasności, przerwa lub cisza. 🌑 Zmiana jasności ・Obliczanie średniej jasności z próbkowania klatek na płótnie (canvas). ・Jeśli stan „ciemny” poniżej progu trwa przez ustawiony czas, jest to kandydat do podziału. ・Opcje zmniejszające błędy podziału, np. traktowanie zmiany jasności jako ciemnej tylko wtedy, gdy dźwięk jest cichy, lub nieprowadzenie oceny aż minie określony czas od początku segmentu. ・Po podziale następuje krótki okres wyciszenia (zapobieganie zbyt małym fragmentom przy ciągłych przejściach). 🖼️ Przerwa ・Wykrywanie stanu, w którym zmiana obrazu jest niewielka. ・Możliwość wybrania szczegółowych warunków, np. uwzględnienie ciszy jako kryterium. 🔇 Cisza ・Obliczanie natychmiastowej głośności (skala 0–255) z danych domen czasowych AnalyserNode i porównywanie jej z progiem ciszy (nie tylko średnia energii pasm częstotliwości). ・**Czas trwania ciszy wynosi od 0 do 60 sekund (krok 0,5 sekundy)**. Przy ustawieniu bliskim **0 sekund**, tryb jest wrażliwy na moment wejścia poziomu w stronę ciszy (szczegóły w pomocy aplikacji). ・Próg ciszy można ustawić na UI aż do **0**, ale faktyczne wykrywanie używa **bardzo małego dolnego limitu efektywnego**, co ułatwia wykrycie nawet przy dźwiękach zaszumionych. ・Ustawienie **pomijania segmentów cichych** lub **czekanie buforowe na początku automatycznego dzielenia** może spowodować, że główny strumień zostanie **automatycznie wstrzymany** tuż po starcie nagrywania. To **rozpoczęcie/zniesienie** jest rejestrowane w logach operacyjnych (dostępne również jako ustrukturyzowane logi dla konsoli deweloperskiej). ⚙️ Wspólne ・Dla każdego kryterium można indywidualnie określić „podziel / zatrzymaj po X sekundach”. **Przerwa to liczba całkowita od 3 do 60 sekund**, **cisza to 0–60 sekund w kroku 0,5 sekundy**. ・Możliwość przypisania nie tylko podziału, ale także „zatrzymanie nagrywania” (np. automatyczne zatrzymanie po opuszczeniu pomieszczenia). ・Uwzględniono zachowanie zatrzymywania nagrywania wraz z zakończeniem strumienia wideo. 【🔗 Zarządzanie segmentami i połączenie WebM】 ・📑 Każdy segment przechowuje powód podziału (początkowy / zmiana jasności / przerwa / cisza / ręczny itp.), numer ciągły, długość oraz dowolną nazwę. ・💾 Lista segmentów może zostać przywrócona z IndexedDB nawet po zamknięciu okienka pop-up. ・▶️ **Podgląd w okienku pop-up**: Możliwość sprawdzenia segmentu na bieżąco podczas nagrywania lub po zatrzymaniu. ・📤 **Masowy eksport**: Sekwencyjne zapisanie wszystkich segmentów, pobranie ZIP oraz konwersja na WAV/MP3 (przetwarzanie w przeglądarce). ・🧩 Połączenie wielu plików WebM może łatwo uszkodzić EBML, dlatego pliki są łączone w jeden poprawny plik po interpretacji Matroska/EBML i ujednoliceniu klastrów czasowych (poprawiając również końcowe klastry pochodzące ze strumienia przed połączeniem). 【<0xF0><0x9F><0x8E><0x9B>️ Interfejs obsługi i licencjonowanie】 ・⏱️ Czas upływu, wstrzymanie/wznowienie, log aktywności (**rozpoczęcie/zniesienie automatycznego zatrzymania** również są rejestrowane), powiadomienia typu toast. ・📂 Ustawienia zorganizowane za pomocą akordeonu (np. jakość obrazu, dźwięku, matryca zmian jasności/automatycznego dzielenia). ・🔑 Dostępne elementy przełączają się w zależności od licencji. ・☁️ Weryfikacja licencji jest powiązana z uwierczeniem i pamięcią podręczną Firebase (szczegóły na ekranie wersji produkcyjnej). 【🔒 Obsługa danych (Wskazówki dotyczące prywatności)】 ・💾 Główny plik nagrania przechowywany jest w IndexedDB/pamięci. ・👆 Zapisywanie i pobieranie klipów wymaga działania użytkownika. ・🏠 Ponieważ nie jest to potok nagrywania, który automatycznie wysyła pliki do chmury, najlepiej nadaje się do zastosowań, gdzie dane mają pozostać lokalnie (np. rejestracja wewnętrznych procedur/niepublikowanych treści). Komunikacja może wystąpić podczas weryfikacji uwierzytelniającej lub licencji. ・🏢 Przechowywanie i udostępnianie plików powinno odbywać się zgodnie z polityką organizacji. 【🛠️ Cel projektowy】 Priorytetem jest maksymalne zbliżenie się do standardowych API przeglądarki i lekkiej logiki, stawiając na trwałość: długie nagrania = sekwencyjny zapis chunków + ochrona pamięci; połączenie = spójność EBML. Nawet zakładając późniejsze ponowne kodowanie w innym narzędziu, ułatwiamy pozostawienie wiarygodnego pliku tylko za pomocą przeglądarki. 【💡 Scenariusze użycia i wskazówki dotyczące dostrajania】 ・📡 Live / Webinar: Ułatwia strukturyzację na rozdziały przy zmianach jasności/ciszy, co ujednolica jednostki do przekazania do programu edycyjnego. ・🎬 Anime, dramaty, filmy (odtwarzanie w przeglądarce): Zmiana jasności ułatwia oznaczanie przejść scen lub bloków (np. okolice OP/ED, reklamy). Cisza i przerwy można użyć jako podziały dla tytułów czy statycznych ujęć. Długie nagrania są łatwe do obsługi dzięki IndexedDB i dzieleniu, a stereo pozwala zachować atmosferę muzyki, efektów dźwiękowych i dialogów (proszę korzystać w ramach praw autorskich i regulaminów). ・🖱️ Demonstracje operacyjne: Łatwo przekazać zamysł za pomocą kursora + dźwięku z zakładki + komentarza mikrofonowego. ・🎓 Lekcje / Szkolenia: Używanie IndexedDB do stabilizacji długiego materiału, a także różnicowanie między darmowym limitem 15 minut a rozszerzonym limitem Pro. ・📶 Predefiniowane jakości obrazu: Od oszczędnego pasma dla urządzeń mobilnych po wysokobitrate dla ekranów dużych. Optymalne wartości automatycznego wykrywania zależą od tempa programu i oświetlenia. Najlepiej jest eksperymentować ze współczynnikami, czasem trwania oraz buforem na początku segmentu w zależności od treści. Możliwe jest dostosowanie kombinacji podziału i zatrzymania (np. „dzielić przy zmianie jasności, ale nie zatrzymywać przy ciszy”). Dzięki powiadomieniom typu toast i logowi aktywności łatwo śledzić nie tylko „gdzie nastąpił podział” po długim nagraniu, ale także **kiedy rozpoczęło/zniesiono automatyczne wstrzymanie (przerwa ciszy / oczekiwanie na start)**. 【📝 Podsumowanie】 Browser Tab Recorder to rozszerzenie, które nie tylko pozwala zachować wideo wyświetlane na ekranie przeglądarki w wysokiej jakości dźwięku, ale także zapewnia stabilną pracę przez długi czas, umożliwia dzielenie/zatrzymywanie na podstawie zmian jasności, przerwy i ciszy oraz łączy segmenty bez ich utraty w poprawny plik WebM. Pokrywa szeroki zakres zastosowań – od biznesowych po organizację treści rozrywkowych (anime, dramaty, filmy). Zaleca się przeprowadzenie krótkiego testowego nagrania, aby oswoić się z wrażeniami dotyczącymi jakości obrazu, dźwięku i automatycznego dzielenia, zanim przejdziesz do pracy na żywym projekcie. ⚠️ Uwaga: W zależności od procesu przeglądu i miejsca wyświetlania w Chrome Web Store, granice między darmową a płatną funkcjonalnością, limity i sformułowania powinny być dostosowane do aktualnych oznaczeń produktu i polityk widocznych w momencie publikacji. Browser Tab Recorder to rozszerzenie do nagrywania filmów z ekranu przeglądarki wraz z dźwiękiem stereo wysokiej jakości. Jest idealne do nagrywania długich materiałów, takich jak anime, dramaty czy filmy, a jego zaletą jest łatwe automatyczne dzielenie na podstawie zmian jasności lub ciszy (prosimy o przestrzeganie regulaminów i praw autorskich poszczególnych usług przy używaniu/nagrywaniu). ・💾 Stabilne nagrywanie długich materiałów dzięki zapisywaniu chunków do IndexedDB. ・<0xF0><0x9F><0x8E><0x9A>️ Elastyczne ustawienia dźwięku: częstotliwość próbkowania / mono-stereo / tylko zakładka / zakładka + mikrofon itp. ・🔇 Nagrywanie ciche (bez wyjścia na głośniki) i pomijanie segmentów ciszy. ・✂️ Automatyczne dzielenie i zarządzanie segmentami oparte na zmianie jasności, przerwie i ciszy (ułatwia podział wideo). ・🔗 Połączenie WebM z uwzględnieniem EBML (połączenie wielu klipów w jeden plik). ・📤 Eksport segmentów jako WAV/MP3 i ZIP. Jest to zaawansowane rozszerzenie o wysokiej funkcjonalności.