CodeKitHubApakah alat ini?
Penjana Sembang Microsoft Teams ialah alat mockup berasaskan pelayar yang mencipta semula paparan sembang satu-lawan-satu Teams — pengepala dengan avatar kenalan, titik kehadiran, nama dan status, ditambah ikon panggilan/video/kongsi, serta rangkaian mesej menggunakan gaya gelembung bulat, dijajarkan ke kanan Teams untuk mesej keluar.
Teams menggunakan tema terang secara lalai (latar belakang putih, aksen ungu Fluent terlembut #6264A7), sepadan dengan cara kebanyakan pengguna Microsoft 365 melihatnya, dengan suis mod gelap pilihan.
Setiap kenalan mempunyai status kehadiran — Tersedia (hijau), Sibuk (merah), Tiada (kuning) atau Luar Talian (kelabu) — dipaparkan sebagai titik berwarna kecil pada avatar, sama seperti klien Teams sebenar.
Untuk kegunaan hiburan dan mockup sahaja: bina demo produk perusahaan, ilustrasikan aliran kerja Microsoft 365 untuk pembentangan, atau lakarkan senario sokongan. Ia tidak boleh sekali-kali digunakan untuk menyamar sebagai perbualan tempat kerja sebenar, rakan sekerja sebenar, atau merekacipta bukti sesuatu yang seseorang tidak benar-benar katakan.
Tiada apa yang anda taip akan meninggalkan peranti anda. Keseluruhan perbualan dilukis dengan HTML Canvas API terus dalam pelayar anda, dan fail PNG dijana dan dimuat turun secara tempatan.
Kenapa guna alat ini?
- Cipta tangkapan skrin sembang Teams yang realistik untuk demo perisian perusahaan dan kajian kes.
- Buat mockup bagaimana bot Teams atau mesej pemberitahuan akan kelihatan sebelum membinanya.
- Ilustrasikan senario sokongan IT, aliran onboarding atau contoh komunikasi tempat kerja untuk pembentangan.
- Cipta prototaip UI sembang gaya Teams untuk alat dalaman.
- Rendering 100% tempatan — teks perbualan anda tidak pernah menyentuh pelayan.
Cara menggunakannya
- Tetapkan nama kenalan dan status kehadiran (Tersedia, Sibuk, Tiada atau Luar Talian).
- Muat naik foto untuk avatar, atau biarkan sebagai bulatan berwarna dengan inisial.
- Pilih tema terang atau gelap — Teams adalah terang secara lalai.
- Tambah baris mesej: taip teks, pilih pihak (mereka/saya) dan cap masa.
- Perhatikan pratonton berbentuk telefon dikemas kini secara langsung, kemudian klik "Muat Turun PNG" untuk menyimpan imej.
Contoh
Input
Kenalan: "Jordan" · Status: "Tersedia" · Mesej 1 (mereka): "Hai! Sempat tengok tak?" · Mesej 2 (mereka): "Sempurna, saya hantar selebihnya malam ini" · Mesej 3 (saya): "Baru tengok — nampak hebat, hantar sahaja"Hasil
Imej PNG menunjukkan sembang Teams terang: pengepala dengan avatar Jordan, titik kehadiran hijau, nama dan status "Tersedia", dua gelembung masuk kelabu terang di sebelah kiri dengan nama dan cap masa di atas, dan gelembung keluar ungu terang di sebelah kanan.Imej dijana serta-merta pada kanvas pratonton langsung dan dimuat turun dengan satu klik — tiada menunggu, tiada muat naik.
Apa yang boleh anda sesuaikan
- Nama kenalan dan status kehadiran (Tersedia, Sibuk, Tiada, Luar Talian).
- Avatar: muat naik foto sebenar (dipotong menjadi bulatan) atau pilih warna sandaran.
- Tema terang atau gelap, dengan terang sebagai lalai Teams yang tulen.
- Baris mesej tanpa had, setiap satu dengan teks, pihak (mereka/saya) dan cap masa tersendiri.
Penggunaan bertanggungjawab
Penjana ini wujud untuk memudahkan penciptaan tangkapan skrin gaya Teams yang jelas fiksyen untuk demo perusahaan, pembentangan dan kerja reka bentuk. Ia bukan alat untuk merekacipta bukti, mementaskan gangguan tempat kerja, atau mengelirukan seseorang untuk berfikir bahawa perbualan palsu berlaku dalam penyewa Microsoft 365 sebenar. Jika anda merancang untuk berkongsi imej yang dibuat dengan alat ini, pertimbangkan untuk menambah konteks (seperti "palsu" atau "mockup") supaya penonton faham bahawa ia bukan perbualan sebenar.
Soalan lazim
Adakah sah atau beretika untuk menggunakan alat ini?
Alat itu sendiri adalah sah untuk digunakan bagi hiburan, demo produk, pembentangan dan kerja reka bentuk. Apa yang tidak sah atau beretika ialah menggunakan imej yang dijana untuk menipu seseorang — contohnya membentangkannya sebagai perbualan Teams sebenar untuk melakukan penipuan, mengganggu atau memfitnah rakan sekerja, atau menyamar sebagai sembang tempat kerja sebenar. Bergantung pada tempat anda tinggal, penyalahgunaan sedemikian boleh membentuk penipuan, fitnah atau gangguan. Sila gunakan ini hanya untuk tujuan fiksyen atau ilustrasi yang jelas.
Adakah alat ini memuat naik mesej atau foto saya ke mana-mana?
Tidak. Setiap mesej, nama, foto dan tetapan yang anda masukkan kekal dalam memori pelayar anda dan dilukis terus ke elemen kanvas menggunakan JavaScript. Fail PNG dijana dan dimuat turun pada peranti anda — tiada apa yang pernah dihantar ke mana-mana pelayan.
Bolehkah saya mengawal titik status kehadiran?
Ya. Pilih Tersedia (hijau), Sibuk (merah), Tiada (kuning) atau Luar Talian (kelabu) daripada menu lungsur kehadiran, dan titik berwarna kecil pada avatar kenalan dikemas kini sepadan, sama seperti klien Teams sebenar. Jika senario anda adalah mengenai respons pantas atau perbualan yang sedang berlangsung, gunakan Tersedia atau Sibuk; jika maksud mockup anda ialah mesej tidak dijawab atau dilihat kemudian, gunakan Tiada atau Luar Talian untuk menjadikannya lebih meyakinkan.
Adakah Teams benar-benar menggunakan gelembung sembang bulat seperti ini?
Ya. Berbeza dengan Discord dan Slack, yang memaparkan mesej sebagai senarai rata, Microsoft Teams menggunakan gelembung mesej bulat: mesej masuk muncul di sebelah kiri dengan nama penghantar di atas, dan mesej anda sendiri muncul dijajarkan ke kanan dalam gelembung ungu terang. Alat ini menghasilkan semula susun atur yang tepat itu.
Bolehkah saya muat naik foto sebenar sebagai avatar?
Ya. Klik "Muat naik foto" untuk menggunakan mana-mana imej daripada peranti anda sebagai avatar kenalan — ia dipotong secara automatik menjadi bulatan. Jika anda melangkau ini, avatar akan kembali ke bulatan berwarna dengan inisial kenalan.