FMUSER Wirless להעביר וידאו ושמע קל יותר!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> אפריקאית
sq.fmuser.org -> אלבנית
ar.fmuser.org -> ערבית
hy.fmuser.org -> ארמנית
az.fmuser.org -> אזרבייג'נית
eu.fmuser.org -> באסקית
be.fmuser.org -> בלארוסית
bg.fmuser.org -> בולגרית
ca.fmuser.org -> קטלאנית
zh-CN.fmuser.org -> סינית (פשוטה)
zh-TW.fmuser.org -> סינית (מסורתית)
hr.fmuser.org -> קרואטית
cs.fmuser.org -> צ'כית
da.fmuser.org -> דנית
nl.fmuser.org -> הולנדית
et.fmuser.org -> אסטונית
tl.fmuser.org -> פיליפינית
fi.fmuser.org -> פינית
fr.fmuser.org -> צרפתית
gl.fmuser.org -> גליציאנית
ka.fmuser.org -> גרוזינית
de.fmuser.org -> גרמנית
el.fmuser.org -> יוונית
ht.fmuser.org -> קריאולית האיטי
iw.fmuser.org -> עברית
hi.fmuser.org -> הינדית
hu.fmuser.org -> הונגרית
is.fmuser.org -> איסלנדית
id.fmuser.org -> אינדונזית
ga.fmuser.org -> אירית
it.fmuser.org -> איטלקית
ja.fmuser.org -> יפנית
ko.fmuser.org -> קוריאנית
lv.fmuser.org -> לטבית
lt.fmuser.org -> ליטאי
mk.fmuser.org -> מקדונית
ms.fmuser.org -> מלאית
mt.fmuser.org -> מלטזית
no.fmuser.org -> נורווגית
fa.fmuser.org -> פרסית
pl.fmuser.org -> פולני
pt.fmuser.org -> פורטוגזית
ro.fmuser.org -> רומנית
ru.fmuser.org -> רוסית
sr.fmuser.org -> סרבית
sk.fmuser.org -> סלובקית
sl.fmuser.org -> סלובנית
es.fmuser.org -> ספרדית
sw.fmuser.org -> סווהילי
sv.fmuser.org -> שוודית
th.fmuser.org -> תאילנדי
tr.fmuser.org -> טורקית
uk.fmuser.org -> אוקראינית
ur.fmuser.org -> אורדו
vi.fmuser.org -> וייטנאמי
cy.fmuser.org -> וולשית
yi.fmuser.org -> יידיש
השידור החי האינטראקטיבי כולל את השרת, לקוח המורים, לקוח הסטודנטים iOS / Android ולקוח הסטודנטים Web / Wap. מאמר זה מתמקד בתהליך האינטראקציה של מימאי, בתכנון מודול המימאי בחזית, ובעיצוב רכיבי אינטראקציה וצ'ט בחזית. למימוש פונקציית הצ'אט של חדר הצ'אט עצמו, מכיוון שהגישה ל- Yunxin IM SDK מתממשת בעיקר באמצעות חבילת השיחות של Api, לא אכנס לפרטים.
לפני שתעצב את המערכת, ראשית עליך לשקול את השאלות הבאות:
• הגדרת דרישות וחלוקת פונקציות של כל קצה, כיצד כל קצה מתקשר
• הסכם בין כל קצה
• הלקוח מבקש לקבל את המיקרופון והמורה
• סנכרון מידע אינטראקטיבי לאחר כניסת הלקוח לחדר השידור החי האינטראקטיבי
בשאלות שלעיל, בואו נברר תחילה את השירותים עליהם אנו יכולים לסמוך. השירותים הבאים המסופקים על ידי NetEase Cloud מוצגים באיור למטה. בשילוב עם תכנון דרישות המערכת שלנו, נוכל לשלב במהירות את פונקציות ה- IM והשידור החי האינטראקטיבי.
• שירות ה- Yunxin IM מספק מערך שלם של יכולות בסיסיות להעברת הודעות מיידיות, אשר יכולות לשלב במהירות מסרים מיידיים ויכולות רשת בזמן אמת ביישומים של הארגון עצמו.
• פונקציית השידור החי האינטראקטיבי של Yunxin תומכת באינטראקציה בזמן אמת בין המארח לקהל.
מסגרת
הצרכים הבסיסיים שלנו הם בעיקר שלושת החלקים הבאים:
1. סטודנטים נכנסים לחדר הצ'אט בלקוח האפליקציה ויכולים ליזום בקשה לחיטה;
2. מצד המורה תוכלו לאשר או לדחות את בקשת התלמיד;
3. לאחר שהמורה מסכים לבקשת התלמיד, התלמיד יכול להיכנס לחדר השידור החי כדי לקיים אינטראקציה.
שלב את הדרישות וסדר את הבקשה הבסיסית הבאה למיקרופון, מיקרופון חיבור ותהליכים אינטראקטיביים, כפי שמוצג באיור למטה. סגנונות שונים של זרימת נתונים מייצגים הסכמים שונים.
להלן מספר מושגים נוספים:
1. SDK של הלקוח Yunxin IM, הלקוח שולח הודעות P2P למורה דרך IM של Yunxin
2. לקוח SDK אינטראקטיבי בשידור חי, הלקוח מתחבר לשידור חי אינטראקטיבי
3. Yunxin SDK בקצה המורה, קבל הודעות p2p
4. SDK שידור חי אינטראקטיבי מקצה המורה, אינטראקציה עם שידור חי בצד הלקוח
5. ה- SDK של Yunxin IM באינטרנט, שליחה וקבלה של הודעות
6. התאימו אישית את ההודעה ואת מבנה הנתונים של ההודעה שנשלחו בכל אחד מהקצוות
תכנון ויישום
יישום סעיף זה מציג בעיקר את היישום של לקוח המורה ואת לקוח הסטודנטים Web / Wap שהוזכר בסקירה של הסעיף הקודם. הוא כולל בעיקר את החלקים הבאים: חידוד תהליכים, מודול IM של מורים, מודול מסוף סטודנטים באינטרנט, תצורה, יתרונות ובעיות קיימות.
חידוד תהליכים
ראשית, בואו ונציג את יישום קצה המורה, ונעשה הסברים משלימים לחלק מהפרטים לפי סדר המספרים באיור למטה. לצד המורה שני חלקים עיקריים, האחד הוא יליד, שמכונה במאמר זה יליד המורה, והשני הוא דף אינטרנט, אשר נקרא IM של מורה במאמר זה. המורה יליד המורים ו- IM מורים מתקשרים באמצעות jsbridge והודעות מותאמות אישית.
קודם כל, סדר את תקשורת jsbridge בין ילידי מורים למיידי מורים באופן הבא:
-הודע על QueueChange
-להודיע על נפח
-notifyCustomMsg
-CheckUpdate
-הודע על מצב Live
שלב את תרשים הזרימה שלמעלה, ואז תאר תיאור מפורט של התהליך:
1. אתחול לקוח
כל קצה מקבל כתובת מאוחדת של צ'ט על ידי בקשת השרת
2. אתחול מורים
לאחר אתחול ה- IM של המורה, הוא משיג את כתובת חדר הצ'אט באמצעות בקשת השרת (getPresenterLiveInfo), משיג את יחידת חדר הצ'אט, מודיע למורה שחדר הצ'אט המקומי מוכן ומשיג את נתוני השידור החי האינטראקטיבי.
3. תהליך הזמנת החיטה
• הלקוח שולח הודעת p2p למורה הילידים. יליד המורה משתמש ב- jsbridge כדי להתקשר ל- notifyCustomMsg של ה- IM של המורה, ו- IM המורה מעדכן את תור ההמתנה לבקשת Mai שתשמור עליו.
• הצ'אט של המורה לוחץ על מנת להסכים או לדחות, והיליד של המורה מקבל הודעה באמצעות הודעה, והיליד של המורה מודיע ללקוח על הבקשה באמצעות P2P.
• הלקוח משתמש בערכת ה- SDK האינטראקטיבית לשידור חי, מחבר את המיקרופון לחדר החי ושולח הודעה למוצא המורה דרך ה- SDK האינטראקטיבי לשידור חי.
• יליד המורה קורא לשיטת notifyQueueChange כדי לעדכן את הרשימות בהודעה מיידית
• צ'אט מורים, מבקש באופן אסינכרוני (informServer) לעדכן את תורי ההעלאה וההורדה של השרת, לשלוח הודעות מותאמות אישית (im-sdk) ולשדר כדי להודיע לכל לקוח.
מודול IM למורים
שילוב של תרשים הזרימה ותיאור מפורט של התהליך לעיל, מודולי הקצה מתוכננים ומפוצלים, כפי שמוצג באיור הבא.
כאן LivePcChat הוא רכיב צ'אט בכרטיסייה, LiveInteractivePresenter הוא רכיב המעבד פעולות אינטראקטיביות, ו- XXcache הוא רכיב העוטף פעולות שכבת נתונים תואמות. מופע הרכיב הספציפי, שיחה, בקשת נתונים ותהליך עיבוד הם כמוצג בתרשים הרצף להלן:
מודול סטודנטים ברשת
לטרמינל הסטודנטים Web / Wap, מכיוון שטרמינל הסטודנטים Web / Wap עצמו טרם פיתח את הפונקציה של עלמה. כאן, קח את מסוף הסטודנטים באינטרנט כדוגמה כדי להציג את מימוש מסוף הסטודנטים Web / Wap ברשימה האינטראקטיבית ובאינטראקציה בצ'אט. החלק של חדר הצ'אט כשלעצמו וחדר הצ'אט של המורה מסיים שימוש חוזר ברכיבי צ'אט, כך שהמודולים מחולקים גם כאן קודם. ניתן להתייחס לחלוקת הרכיבים בצד המורה כדי להשוות בין חלק מהרכיבים שעושים שימוש חוזר מצד המורה וצד התלמיד. האיור הבא מראה את הפיצול של הצד הסטודנטים ברשת.
ניתן לראות מההשוואה בטבלה שלהלן, בנוסף לוגיקת העיבוד הקשורה ל- Yingmai, ניתן לעשות שימוש חוזר בפונקציות אחרות של ה- IM בצד המורה ובצד התלמיד ברשת.
תְצוּרָה
שידור חי אינטראקטיבי הוא איטרציה המבוססת על השידור החי המקורי, לכן עלינו להבטיח את ההגדרה של שידור חי אינטראקטיבי בקווי מוצרי חינוך שונים. התצורה המוזכרת כאן דומה לתצורה של מודולים אחרים וגישה לרכיבים במאגר הרכיבים הציבוריים בחינוך. זה מסתמך גם על בסיס המטמון של רכיב כללי בחינוך, אשר נקרא בתצורה כאשר העמוד החי או העמוד היחיד של הפרויקט נטען (רקע מוסדי) תצורה, תצורה של מפתח אחד.
ניתוח יתרונות וחסרונות
היתרונות של שימוש בעיצוב זה הם
1. כל בקשות השרת נשלחות דרך דף האינטרנט, מה שמפחית את עלות האחזקה של המורה;
2. יכולת ההגדרה של המודול. בקווים עסקיים שונים, ניתן להגדיר אותו להחליט אם להתחבר לשידור החי האינטראקטיבי;
3. הרכיבים הם גרגירים. במודולים שונים, הצד המורה יכול לגשת לרכיב הצ'אט ולרכיב האינטראקטיבי, לרכיב המיקרופון, ולצד התלמיד יכול לגשת רק למרכיב הרשימה האינטראקטיבית;
4. היא נשענת במידה רבה ביותר על הפונקציות המיושמות על ידי ה- SDK הקיים של Yunxin, אשר יכולות לעמוד בדרישות תוך זמן קצר יחסית.
הבעיה
1. התהליך של Yingmai מורכב יותר מכיוון שהוא כולל מספר רב של קצוות, וניקוי באגים בכל קצה הוא בזבוז זמן. זו גם מטרת ארגון מאמר זה. לאחר שעבר את ההבנה של התהליך של כל קצה, כל קצה יכול לאתר תחילה את קצה הבעיה במהלך ניפוי באגים, ואז ניתן למצוא את הבעיה בקישור מסוים בצורה ממוקדת.
2. מכיוון שהוא מתבצע על בסיס האיטרציה המקורית, רכיבים רבים אינם מכוסים במרכיבים סטנדרטיים חינוכיים, אך תחת הנחת היגיון ברור, ניתן למטב אותם באיטרציות הבאות.
3. לייעל את שיטת ההטמעה הקדמית.
לסיכום
באמצעות מאמר זה אנו ממיין את ההיגיון של כל קצה של השידור החי האינטראקטיבי בכדי להקל על הגישה המאוחרת יותר להבנת תהליך השידור החי האינטראקטיבי. עבור הלקוח והמורה תוכלו להבין את יישום הממשקים וההודעות המסופקים על ידי ממשק הקצה. אם יש צורך לגשת למודול השידור החי האינטראקטיבי בפרויקט אחר אחר כך, ניתן לגשת אליו ולפתור באגים, ובמקביל, הוא יכול לייעל את הבעיות הקיימות שהועלו לעיל.
|
הזן דוא"ל כדי לקבל הפתעה
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> אפריקאית
sq.fmuser.org -> אלבנית
ar.fmuser.org -> ערבית
hy.fmuser.org -> ארמנית
az.fmuser.org -> אזרבייג'נית
eu.fmuser.org -> באסקית
be.fmuser.org -> בלארוסית
bg.fmuser.org -> בולגרית
ca.fmuser.org -> קטלאנית
zh-CN.fmuser.org -> סינית (פשוטה)
zh-TW.fmuser.org -> סינית (מסורתית)
hr.fmuser.org -> קרואטית
cs.fmuser.org -> צ'כית
da.fmuser.org -> דנית
nl.fmuser.org -> הולנדית
et.fmuser.org -> אסטונית
tl.fmuser.org -> פיליפינית
fi.fmuser.org -> פינית
fr.fmuser.org -> צרפתית
gl.fmuser.org -> גליציאנית
ka.fmuser.org -> גרוזינית
de.fmuser.org -> גרמנית
el.fmuser.org -> יוונית
ht.fmuser.org -> קריאולית האיטי
iw.fmuser.org -> עברית
hi.fmuser.org -> הינדית
hu.fmuser.org -> הונגרית
is.fmuser.org -> איסלנדית
id.fmuser.org -> אינדונזית
ga.fmuser.org -> אירית
it.fmuser.org -> איטלקית
ja.fmuser.org -> יפנית
ko.fmuser.org -> קוריאנית
lv.fmuser.org -> לטבית
lt.fmuser.org -> ליטאי
mk.fmuser.org -> מקדונית
ms.fmuser.org -> מלאית
mt.fmuser.org -> מלטזית
no.fmuser.org -> נורווגית
fa.fmuser.org -> פרסית
pl.fmuser.org -> פולני
pt.fmuser.org -> פורטוגזית
ro.fmuser.org -> רומנית
ru.fmuser.org -> רוסית
sr.fmuser.org -> סרבית
sk.fmuser.org -> סלובקית
sl.fmuser.org -> סלובנית
es.fmuser.org -> ספרדית
sw.fmuser.org -> סווהילי
sv.fmuser.org -> שוודית
th.fmuser.org -> תאילנדי
tr.fmuser.org -> טורקית
uk.fmuser.org -> אוקראינית
ur.fmuser.org -> אורדו
vi.fmuser.org -> וייטנאמי
cy.fmuser.org -> וולשית
yi.fmuser.org -> יידיש
FMUSER Wirless להעביר וידאו ושמע קל יותר!
צרו קשר
כתובת:
No.305 חדר HuiLan בניין No.273 Huanpu כביש גואנגזו סין 510620
כל הקטגוריות
ניוזלטר