CodeKitHubČo je tento nástroj?
Generátor chatu Microsoft Teams je nástroj na tvorbu maket bežiaci v prehliadači, ktorý znovu vytvára zobrazenie chatu jeden na jedného v Teams — hlavičku s avatarom kontaktu, bodkou prítomnosti, menom a stavom, plus ikony hovoru/videa/zdieľania, a vlákno správ využívajúce zaoblený, doprava zarovnaný štýl bublín Teams pre odchádzajúce správy.
Teams štandardne používa svetlú tému (biele pozadie, tlmené fialové akcenty Fluent #6264A7), čo zodpovedá tomu, ako to vidí väčšina používateľov Microsoft 365, s voliteľným prepínačom do tmavého režimu.
Každý kontakt má stav prítomnosti — Dostupný (zelená), Zaneprázdnený (červená), Neprítomný (žltá) alebo Offline (sivá) — zobrazený ako malá farebná bodka na avatare, presne ako v skutočnom klientovi Teams.
Len na zábavu a tvorbu maket: vytvorte firemnú ukážku produktu, znázornite pracovný postup Microsoft 365 pre prezentáciu alebo naskicujte scenár podpory. Nikdy sa nesmie použiť na vydávanie sa za skutočnú pracovnú konverzáciu, skutočného kolegu, alebo na fabrikovanie dôkazu o niečom, čo daná osoba v skutočnosti nepovedala.
Nič, čo napíšete, nikdy neopustí vaše zariadenie. Celá konverzácia sa vykresľuje pomocou HTML Canvas API priamo vo vašom prehliadači a PNG sa generuje a sťahuje lokálne.
Prečo ho používať?
- Vytvárajte realistické snímky chatu Teams pre firemné ukážky softvéru a prípadové štúdie.
- Vytvorte maketu toho, ako bude vyzerať bot Teams alebo oznamovacia správa, ešte pred jej vytvorením.
- Znázornite scenár IT podpory, proces onboardingu alebo príklad pracovnej komunikácie pre prezentáciu.
- Vytvorte prototyp rozhrania chatu v štýle Teams pre interný nástroj.
- 100 % lokálne vykresľovanie — text vašej konverzácie sa nikdy nedostane na server.
Ako sa používa
- Nastavte meno kontaktu a stav prítomnosti (Dostupný, Zaneprázdnený, Neprítomný alebo Offline).
- Nahrajte fotografiu pre avatar, alebo ju nechajte ako farebný kruh s iniciálami.
- Vyberte svetlú alebo tmavú tému — Teams je predvolene svetlý.
- Pridajte riadky správ: napíšte text, vyberte stranu (oni/ja) a časovú pečiatku.
- Sledujte naživo aktualizovaný náhľad v tvare telefónu a potom kliknutím na „Stiahnuť PNG“ obrázok uložte.
Príklad
Vstup
Kontakt: „Jordan“ · Stav: „Dostupný“ · Správa 1 (oni): „Ahoj! Mal si čas sa na to pozrieť?“ · Správa 2 (oni): „Skvelé, zvyšok pošlem dnes večer“ · Správa 3 (ja): „Práve som to spravil — vyzerá to skvelo, spusť to“Výstup
Obrázok PNG zobrazujúci svetlý chat Teams: hlavička s avatarom Jordana, zelená bodka prítomnosti, meno a stav „Dostupný“, dve svetlosivé prichádzajúce bubliny vľavo s menom a časovou pečiatkou nad nimi a svetlofialová odchádzajúca bublina vpravo.Obrázok sa generuje okamžite v živom náhľadovom plátne a sťahuje sa jedným kliknutím — žiadne čakanie, žiadne nahrávanie.
Čo si môžete prispôsobiť
- Meno kontaktu a stav prítomnosti (Dostupný, Zaneprázdnený, Neprítomný, Offline).
- Avatar: nahrajte skutočnú fotografiu (orezanú do kruhu) alebo vyberte náhradnú farbu.
- Svetlá alebo tmavá téma, pričom svetlá je autentickým predvoleným nastavením Teams.
- Neobmedzený počet riadkov správ, každý s vlastným textom, stranou (oni/ja) a časovou pečiatkou.
Zodpovedné používanie
Tento generátor existuje na to, aby uľahčil tvorbu jasne fiktívnych snímok v štýle Teams pre firemné ukážky, prezentácie a návrhársku prácu. Nie je to nástroj na fabrikovanie dôkazov, inscenovanie obťažovania na pracovisku, alebo klamanie kohokoľvek, že sa falošná konverzácia odohrala v skutočnom tenante Microsoft 365. Ak plánujete zdieľať obrázok vytvorený týmto nástrojom, zvážte pridanie kontextu (napríklad „falošné“ alebo „maketa“), aby diváci pochopili, že nejde o skutočnú konverzáciu.
Časté otázky
Je používanie tohto nástroja legálne alebo etické?
Samotný nástroj je legálne používať na zábavu, ukážky produktov, prezentácie a návrhársku prácu. Čo nie je legálne ani etické, je použitie vygenerovaného obrázka na oklamanie niekoho — napríklad jeho prezentovanie ako skutočnej konverzácie Teams s cieľom spáchať podvod, obťažovať alebo ohovárať kolegu, alebo vydávať sa za skutočný pracovný chat. V závislosti od miesta, kde žijete, môže takéto zneužitie predstavovať podvod, ohováranie alebo obťažovanie. Prosím, používajte to len na jasne fiktívne alebo ilustračné účely.
Nahráva nástroj moje správy alebo fotografiu niekam?
Nie. Každá správa, meno, fotografia a nastavenie, ktoré zadáte, zostávajú v pamäti vášho prehliadača a sú vykresľované priamo na prvok plátna pomocou JavaScriptu. Súbor PNG sa generuje a sťahuje na vašom zariadení — nič sa nikdy neposiela na žiadny server.
Môžem ovládať bodku stavu prítomnosti?
Áno. V rozbaľovacej ponuke prítomnosti vyberte Dostupný (zelená), Zaneprázdnený (červená), Neprítomný (žltá) alebo Offline (sivá), a malá farebná bodka na avatare kontaktu sa zodpovedajúco aktualizuje, presne ako v skutočnom klientovi Teams. Ak sa váš scenár týka rýchlej odpovede alebo prebiehajúcej konverzácie, použite Dostupný alebo Zaneprázdnený; ak je zmyslom vašej makety to, že správa zostala bez odpovede alebo bola prečítaná neskôr, použite Neprítomný alebo Offline, aby to pôsobilo vierohodne.
Používa Teams naozaj takéto zaoblené chatové bubliny?
Áno. Na rozdiel od Discordu a Slacku, ktoré zobrazujú správy ako plochý zoznam, Microsoft Teams používa zaoblené bubliny správ: prichádzajúce správy sa zobrazujú vľavo s menom odosielateľa nad nimi a vaše vlastné správy sa zobrazujú zarovnané doprava vo svetlofialovej bubline. Tento nástroj presne reprodukuje toto rozloženie.
Môžem ako avatar nahrať skutočnú fotografiu?
Áno. Kliknite na „Nahrať fotografiu“ a použite akýkoľvek obrázok zo svojho zariadenia ako avatar kontaktu — automaticky sa orezáva do kruhu. Ak tento krok preskočíte, avatar sa vráti k farebnému kruhu s iniciálami kontaktu.