כיצד לאפשר בקלות שיתוף פעולה בזמן אמת באתר שלך
אם אתה מנהל אתר, ייתכן שאתה חושב על איך אתה יכול להפוך את האתר שלך אינטראקטיבי יותר, או אפילו לאפשר למבקרים שלך לשתף פעולה אחד עם השני. רוב הזמן, יישום פונקציה שיתופית באתר שלך יכול להיות תהליך עבודה אינטנסיבית זמן. עם זאת, עם TogetherJS, עכשיו אתה יכול בקלות להוסיף תכונה שיתוף פעולה בזמן אמת לאתר שלך עם מינימלי טכני / קידוד מיומנות.
TogetherJS הוא כלי שיתוף פעולה חופשי וקוד פתוח שנוצר על ידי Mozilla (הצוות שמאחורי דפדפן Firefox). כל כלי שיתוף הפעולה הוא עטוף בספריית Javascript וכל שעליך לעשות הוא להוסיף את קוד Javascript אל האתר שלך כדי לאפשר תכונה של שיתוף פעולה בזמן אמת עבור האתר שלך.
הַתקָנָה
כדי להתחיל, כל מה שאתה צריך לעשות הוא להוסיף את השורה הבאה של קוד לנושא האתר / תבנית, רצוי בסוף הדף, לפני תָג:
כדי לאפשר למשתמשים להתחיל הפעלת שיתוף פעולה, פשוט הוסף לחצן "התחל שיתוף פעולה" לאתר שלך. הדבק את הקוד למיקום שבו ברצונך שהלחצן יופיע.
התחל שיתוף פעולה
לחלופין, אתה יכול להוסיף בכיתה CSS על כפתור, כך שתוכל סגנון זה כדי להתאים את ערכת הנושא שלך.
התחל שיתוף פעולה
זה כל מה שאתה צריך לעשות. בוא נראה איך זה מבצע.
נוֹהָג
כאשר מישהו לוחץ על הלחצן "התחל שיתוף פעולה", יופיע חלון קופץ.
לחיצה על החץ ימינה בחלון הקופץ תגלה שדה עבור המשתמש להזין את שמו / שלה ולבחור את תמונת הפרופיל שלו.
המסך הבא ימינה מראה את הקישור שהמשתמש יכול לשתף עם החברים שלו כדי לגרום להם להצטרף לפגישה.
לבסוף, לחץ על הלחצן "אני מוכן" כדי להתחיל את ההפעלה.
כאשר המוזמנים מוזמנים ללחוץ על הקישור כדי לעבור לאתר שלך, הם יראו תיבת "קופץ הצטרפות" תיבת. ברגע שהם מצטרפים לפגישה ולהגדיר את הפרופיל שלהם, הסמל שלהם יופיע בסרגל הצד.
דברים שתוכל לבצע כוללים:
לְשׂוֹחֵחַ
צ'אט אודיו
הצ'אט האודיו הוא תכונה ניסיונית ונתונה לתמיכה של הדפדפן.
סינכרון תנועת העכבר ושינויים בזמן אמת
להלן screencast שבו אני מציב שני דפדפנים זה לצד זה ולראות איך תנועת העכבר של משתמש אחד להופיע במסך של משתמש אחר. אני גם הקלדת את שדה ההערה ואת הטקסט להופיע מיד בדפדפן השני.
סיכום
התכונות המוצגות לעיל הן רק חלק קטן ממה שאתה יכול לעשות עם TogetherJS. אתה יכול לבדוק את התיעוד שלה עבור דרכים נוספות להרחיב את הפונקציונליות שלה. יש המון דברים שאתה יכול לעשות באתר שלך עם TogetherJS ועם יישום כזה פשוט, אתה מוגבל רק על ידי היצירתיות שלך.
