FMUSER бездротовий передавати відео та аудіо простіше!
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. Ця стаття зосереджується на процесі взаємодії Maimai, дизайні модуля Maimai на інтерфейсі та дизайні інтерактивних та чатових компонентів на інтерфейсі. Для реалізації функції чату в самій кімнаті чату, оскільки доступ до пакета SD Yunxin IM в основному реалізується через пакет дзвінків Api, я не буду вдаватися в подробиці.
Перш ніж проектувати систему, спочатку потрібно розглянути такі питання:
• Визначення вимог та розподіл функцій кожного кінця, як взаємодіє кожен кінець
• Угода між кожним кінцем
• Клієнт просить мікрофон і вчителя отримати
• Синхронізація інтерактивної інформації після входу клієнта в інтерактивну кімнату прямого ефіру
З наведеними вище запитаннями давайте спочатку розберемо послуги, на які ми можемо покластися. Наступні послуги, що надаються NetEase Cloud, показані на малюнку нижче. У поєднанні з розробкою власних системних вимог ми можемо швидко інтегрувати функції обміну миттєвими повідомленнями та інтерактивного прямого мовлення.
• Служба обміну миттєвими повідомленнями Yunxin надає повний набір основних можливостей обміну миттєвими повідомленнями, які можуть швидко інтегрувати можливості обміну миттєвими повідомленнями та мережі в режимі реального часу у власні програми підприємства.
• Інтерактивна функція прямого ефіру Yunxin підтримує взаємодію в режимі реального часу між ведучим та аудиторією.
Рамки
Нашими основними потребами є в основному наступні три частини:
1. Студенти заходять у чат на клієнті програми і можуть ініціювати запит на пшеницю;
2. З боку викладача ви можете схвалити чи відхилити прохання учня;
3. Після того, як викладач погодиться з проханням студента, студент може увійти до кімнати прямого ефіру для взаємодії.
Поєднайте вимоги та відсортуйте наступний основний запит мікрофона, мікрофон підключення та інтерактивні процеси, як показано на малюнку нижче. Різні стилі потоку даних представляють різні угоди.
Ось кілька додаткових понять:
1. SDK клієнта Yunxin IM, клієнт надсилає P2P-повідомлення вчителю через Yunxin IM
2. Клієнтський інтерактивний прямий ефір SDK, клієнт підключається до інтерактивного прямого ефіру
3. Yunxin SDK для вчителя, прийміть повідомлення p2p
4. Інтерактивна пряма трансляція SDK для викладача, взаємодія з прямою трансляцією на стороні клієнта
5. SDK Yunxin IM в Інтернеті, надсилання та отримання повідомлень
6. Налаштуйте повідомлення та структуру даних повідомлення, надісланого кожним кінцем
Розробка та реалізація
Реалізація Цей розділ в основному знайомить із реалізацією викладача та клієнта Web / Wap студента, згаданих в огляді попереднього розділу. В основному він включає такі частини: вдосконалення процесу, модуль обміну інформацією для викладача, модуль веб-терміналу для студентів, конфігурація, переваги та існуючі проблеми.
Уточнення процесу
По-перше, давайте представимо реалізацію кінця вчителя та зробимо додаткові пояснення до деяких деталей у порядку чисел на малюнку нижче. Сторона вчителя складається з двох основних частин, одна - рідна, яку в цій статті називають рідною для вчителя, а інша - веб-сторінку, яка в цій статті називається викладачем. Власний викладач та викладач IM спілкуються через jsbridge та власні повідомлення.
Перш за все, розберимо jsbridge-комунікацію між рідним учителем та вчителем ІМ таким чином:
-notifyQueueChange
-notifyVolume
-notifyCustomMsg
- перевірте оновлення
-notifyLiveStatus
Поєднайте наведену вище блок-схему, а потім зробіть детальний опис процесу:
1. Ініціалізація клієнта
Кожен кінець отримує уніфіковану адресу чату, запитуючи сервер
2. Ініціалізація вчителя
Після ініціалізації чату викладача він отримує адресу чату через запит сервера (getPresenterLiveInfo), отримує синглтон чату, інформує викладача про готовність власної кімнати чату та отримує інтерактивні дані прямого ефіру.
3. Процес запрошення пшениці
• Клієнт надсилає повідомлення p2p рідному викладачеві. Викладач використовує jsbridge для виклику notifyCustomMsg IM викладача, а викладач IM оновлює чергу очікування для запиту Mai, який він підтримує.
• Чат викладача клацає, щоб погодитись чи відхилити, і носій викладача повідомляється через повідомлення, а рідний вчителя інформує клієнта про запит через P2P.
• Клієнт використовує інтерактивний SDK в прямому ефірі, підключає мікрофон до живої кімнати та надсилає повідомлення викладачеві через SDK для інтерактивного прямого мовлення.
• Викладач викликає метод notifyQueueChange для оновлення списків у чаті викладача
• Чат викладача, асинхронно просить (informServer) оновити черги завантаження та завантаження сервера, надсилати власні повідомлення (im-sdk) та транслювати, щоб сповіщати кожного клієнта.
Модуль викладача ІМ
Поєднуючи блок-схему та детальний опис вищенаведеного процесу, інтерфейсні модулі розроблені та розділені, як показано на наступному малюнку.
Тут LivePcChat - це компонент чату у вкладці, LiveInteractivePresenter - компонент, який обробляє інтерактивні операції, а XXcache - компонент, який інкапсулює відповідні операції рівня даних. Конкретний примірник компонента, виклик, запит даних та процес обробки показані на схемі послідовності нижче:
Веб-студентський модуль
Для студентського терміналу Web / Wap, оскільки сам студентський термінал Web / Wap ще не розробив функцію першої. Тут візьмемо веб-студентський термінал як приклад, щоб представити реалізацію веб-студентського терміналу в інтерактивному списку та взаємодії в чаті. Частина самої кімнати чату та кімната чату на кінці вчителя повторно використовують компоненти чату, тому модулі тут також розділені спочатку. Ви можете звернутися до поділу компонентів на стороні вчителя, щоб порівняти деякі компоненти, повторно використані стороною вчителя та студента. На наступному малюнку показано розподіл студентської частини Інтернету.
З порівняння в таблиці нижче видно, що, крім логіки обробки, пов’язаної з Інгмай, інші функції ІМ з боку викладача та веб-студента можуть бути використані повторно.
конфігурація
Інтерактивна пряма трансляція - це ітерація, заснована на оригінальній прямій трансляції, тому тут ми повинні забезпечити можливість налаштування інтерактивної прямої трансляції в різних лінійках освітніх продуктів. Згадана тут конфігурація подібна до конфігурації інших модулів та доступу до компонентів у пулі загальнодоступних компонентів освіти. Він також покладається на базовий кеш-компонент освіти, який читається в конфігурації, коли завантажується одиночна сторінка або проект (одна організаційна довідка) Конфігурація, конфігурація з одним ключем.
Плюси та мінуси аналіз
Переваги використання цієї конструкції є
1. Усі запити сервера надсилаються через веб-сторінку, зменшуючи витрати на обслуговування викладача;
2. Настроюваність модуля. У різних напрямках бізнесу його можна налаштувати на рішення про підключення до інтерактивної прямої трансляції;
3. Компоненти гранульовані. У різних модулях сторона викладача може отримати доступ до компоненту чату та інтерактивного компонента, мікрофонного компонента, а студентський - лише до інтерактивного компонента списку;
4. Він найбільшою мірою покладається на функції, реалізовані існуючою компанією Yunxin sdk, яка може задовольнити вимоги за відносно короткий час.
Проблема
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 бездротовий передавати відео та аудіо простіше!
Контакти
Адреса:
No.305 Кімната HuiLan Будівля No273 Huanpu Road Гуанчжоу Китай 510620
Категорії
Інформаційний бюлетень