CodeKitHubCzym jest to narzędzie?
Generator czatu Microsoft Teams to narzędzie do makiet działające w przeglądarce, które odtwarza widok czatu jeden na jeden w Teams — nagłówek z awatarem kontaktu, kropką obecności, nazwą i statusem, plus ikony połączenia/wideo/udostępniania, oraz wątek wiadomości z zaokrąglonym, wyrównanym do prawej stylem dymków dla wiadomości wychodzących.
Teams domyślnie używa jasnego motywu (białe tło, stonowane akcenty Fluent purple #6264A7), zgodnie z tym, jak widzi go większość użytkowników Microsoft 365, z opcjonalnym przełącznikiem trybu ciemnego.
Każdy kontakt ma status obecności — Dostępny (zielony), Zajęty (czerwony), Nieobecny (żółty) lub Offline (szary) — pokazywany jako mała kolorowa kropka na awatarze, tak jak w prawdziwym kliencie Teams.
Wyłącznie do rozrywki i makiet: stwórz demo produktu firmowego, zilustruj przepływ pracy Microsoft 365 do prezentacji lub zaplanuj scenariusz wsparcia technicznego. Nigdy nie należy używać tego do podszywania się pod prawdziwą rozmowę w miejscu pracy, prawdziwego współpracownika ani fabrykowania dowodów czegoś, czego dana osoba faktycznie nie powiedziała.
Nic, co wpiszesz, nigdy nie opuszcza Twojego urządzenia. Cała rozmowa jest rysowana za pomocą HTML Canvas API bezpośrednio w Twojej przeglądarce, a plik PNG jest generowany i pobierany lokalnie.
Dlaczego warto go używać?
- Twórz realistyczne zrzuty ekranu czatu Teams do demonstracji oprogramowania firmowego i studiów przypadków.
- Zaprojektuj, jak będzie wyglądać wiadomość bota lub powiadomienia w Teams, zanim ją zbudujesz.
- Zilustruj scenariusz wsparcia IT, proces wdrożenia lub przykład komunikacji w miejscu pracy do prezentacji.
- Stwórz prototyp interfejsu czatu w stylu Teams dla wewnętrznego narzędzia.
- Renderowanie w 100% lokalne — tekst Twojej rozmowy nigdy nie dotyka serwera.
Jak używać
- Ustaw nazwę kontaktu i status obecności (Dostępny, Zajęty, Nieobecny lub Offline).
- Prześlij zdjęcie do awatara lub zostaw je jako kolorowe koło z inicjałami.
- Wybierz jasny lub ciemny motyw — Teams domyślnie jest jasny.
- Dodaj wiersze wiadomości: wpisz tekst, wybierz stronę (oni/ja) i znacznik czasu.
- Obserwuj podgląd w kształcie telefonu aktualizowany na żywo, a następnie kliknij „Pobierz PNG”, aby zapisać obraz.
Przykład
Wejście
Kontakt: „Jordan” · Status: „Dostępny” · Wiadomość 1 (oni): „Cześć! Udało Ci się na to spojrzeć?” · Wiadomość 2 (oni): „Świetnie, resztę wyślę dziś wieczorem” · Wiadomość 3 (ja): „Właśnie skończyłem — wygląda świetnie, wypuszczaj”Wynik
Obraz PNG przedstawiający jasny czat Teams: nagłówek z awatarem Jordana, zielona kropka obecności, nazwa i status „Dostępny”, dwa jasnoszare przychodzące dymki po lewej z nazwą i znacznikiem czasu powyżej oraz jasnofioletowy wychodzący dymek po prawej.Obraz jest generowany natychmiast na żywym podglądzie na canvasie i pobierany jednym kliknięciem — bez czekania, bez przesyłania.
Co można dostosować
- Nazwa kontaktu i status obecności (Dostępny, Zajęty, Nieobecny, Offline).
- Awatar: prześlij prawdziwe zdjęcie (przycięte do koła) lub wybierz kolor zastępczy.
- Motyw jasny lub ciemny, z jasnym jako autentycznym domyślnym ustawieniem Teams.
- Nieograniczona liczba wierszy wiadomości, każdy z własnym tekstem, stroną (oni/ja) i znacznikiem czasu.
Odpowiedzialne korzystanie
Ten generator ma ułatwiać tworzenie wyraźnie fikcyjnych zrzutów ekranu w stylu Teams do demonstracji firmowych, prezentacji i pracy projektowej. Nie jest to narzędzie do fabrykowania dowodów, inscenizowania nękania w miejscu pracy ani wprowadzania kogokolwiek w błąd, że fałszywa rozmowa odbyła się w prawdziwej dzierżawie Microsoft 365. Jeśli planujesz udostępnić obraz stworzony za pomocą tego narzędzia, rozważ dodanie kontekstu (np. „fałszywe” lub „makieta”), aby widzowie rozumieli, że to nie jest prawdziwa rozmowa.
Najczęściej zadawane pytania
Czy korzystanie z tego narzędzia jest legalne i etyczne?
Samo narzędzie jest legalne do użytku rozrywkowego, demonstracji produktów, prezentacji i pracy projektowej. Nielegalne i nieetyczne jest wykorzystanie wygenerowanego obrazu do oszukania kogoś — na przykład przedstawienie go jako prawdziwej rozmowy w Teams w celu popełnienia oszustwa, nękania lub zniesławienia współpracownika, czy podszycia się pod prawdziwy czat w miejscu pracy. W zależności od miejsca zamieszkania takie nadużycie może stanowić oszustwo, zniesławienie lub nękanie. Prosimy używać tego wyłącznie w celach wyraźnie fikcyjnych lub ilustracyjnych.
Czy narzędzie przesyła gdzieś moje wiadomości lub zdjęcie?
Nie. Każda wiadomość, nazwa, zdjęcie i ustawienie, które wprowadzisz, pozostaje w pamięci przeglądarki i jest rysowane bezpośrednio na elemencie canvas za pomocą JavaScript. Plik PNG jest generowany i pobierany na Twoim urządzeniu — nic nigdy nie jest wysyłane na żaden serwer.
Czy mogę kontrolować kropkę statusu obecności?
Tak. Wybierz Dostępny (zielony), Zajęty (czerwony), Nieobecny (żółty) lub Offline (szary) z listy rozwijanej obecności, a mała kolorowa kropka na awatarze kontaktu odpowiednio się zaktualizuje, tak jak w prawdziwym kliencie Teams. Jeśli Twój scenariusz dotyczy szybkiej odpowiedzi lub rozmowy w toku, użyj Dostępny lub Zajęty; jeśli chodzi o to, że wiadomość pozostała bez odpowiedzi lub została odczytana później, użyj Nieobecny lub Offline, aby to wyglądało wiarygodnie.
Czy Teams naprawdę używa takich zaokrąglonych dymków czatu?
Tak. W przeciwieństwie do Discorda i Slacka, które pokazują wiadomości jako płaską listę, Microsoft Teams używa zaokrąglonych dymków wiadomości: przychodzące wiadomości pojawiają się po lewej z nazwą nadawcy powyżej, a Twoje wiadomości są wyrównane do prawej w jasnofioletowym dymku. To narzędzie odtwarza dokładnie taki układ.
Czy mogę przesłać prawdziwe zdjęcie jako awatar?
Tak. Kliknij „Prześlij zdjęcie”, aby użyć dowolnego obrazu z Twojego urządzenia jako awatara kontaktu — zostanie automatycznie przycięty do koła. Jeśli pominiesz ten krok, awatar domyślnie będzie kolorowym kołem z inicjałami kontaktu.