FMUSER Truyền video và âm thanh không dây dễ dàng hơn!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Người Afrikaans
sq.fmuser.org -> Tiếng Albania
ar.fmuser.org -> tiếng Ả Rập
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Tiếng Belarus
bg.fmuser.org -> Tiếng Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Tiếng Trung (Giản thể)
zh-TW.fmuser.org -> Trung Quốc (truyền thống)
hr.fmuser.org -> Tiếng Croatia
cs.fmuser.org -> Tiếng Séc
da.fmuser.org -> Đan Mạch
nl.fmuser.org -> Hà Lan
et.fmuser.org -> Tiếng Estonia
tl.fmuser.org -> Phi Luật Tân
fi.fmuser.org -> Phần Lan
fr.fmuser.org -> Pháp
gl.fmuser.org -> Galicia
ka.fmuser.org -> tiếng Georgia
de.fmuser.org -> Đức
el.fmuser.org -> Hy Lạp
ht.fmuser.org -> Tiếng Creole của Haiti
iw.fmuser.org -> Tiếng Do Thái
hi.fmuser.org -> Tiếng Hindi
hu.fmuser.org -> Hungary
is.fmuser.org -> tiếng Iceland
id.fmuser.org -> tiếng Indonesia
ga.fmuser.org -> Ailen
it.fmuser.org -> Ý
ja.fmuser.org -> Nhật Bản
ko.fmuser.org -> Hàn Quốc
lv.fmuser.org -> Tiếng Latvia
lt.fmuser.org -> Tiếng Litva
mk.fmuser.org -> Người Macedonian
ms.fmuser.org -> Mã Lai
mt.fmuser.org -> Maltese
no.fmuser.org -> Na Uy
fa.fmuser.org -> tiếng Ba Tư
pl.fmuser.org -> Tiếng Ba Lan
pt.fmuser.org -> tiếng Bồ Đào Nha
ro.fmuser.org -> Rumani
ru.fmuser.org -> tiếng Nga
sr.fmuser.org -> Tiếng Serbia
sk.fmuser.org -> Tiếng Slovak
sl.fmuser.org -> Tiếng Slovenia
es.fmuser.org -> tiếng Tây Ban Nha
sw.fmuser.org -> Tiếng Swahili
sv.fmuser.org -> Thụy Điển
th.fmuser.org -> Thái
tr.fmuser.org -> Thổ Nhĩ Kỳ
uk.fmuser.org -> Tiếng Ukraina
ur.fmuser.org -> Tiếng Urdu
vi.fmuser.org -> Tiếng việt
cy.fmuser.org -> tiếng Wales
yi.fmuser.org -> Yiddish
Chương trình phát sóng trực tiếp tương tác liên quan đến máy chủ, ứng dụng khách giáo viên, ứng dụng khách sinh viên iOS / Android và ứng dụng khách sinh viên Web / Wap. Bài viết này tập trung vào quá trình tương tác của Maimai, thiết kế mô-đun Maimai trên front-end và thiết kế các thành phần tương tác và trò chuyện trên front-end. Đối với việc thực hiện chức năng trò chuyện của chính phòng trò chuyện, vì quyền truy cập vào Yunxin IM SDK chủ yếu được thực hiện thông qua gói cuộc gọi Api, tôi sẽ không đi vào chi tiết.
Trước khi thiết kế hệ thống, trước tiên cần xem xét các câu hỏi sau:
• Định nghĩa yêu cầu và phân chia chức năng của mỗi đầu, cách mỗi đầu tương tác
• Thỏa thuận giữa mỗi bên
• Khách hàng yêu cầu micrô và giáo viên nhận
• Đồng bộ hóa thông tin tương tác sau khi khách hàng vào phòng phát sóng trực tiếp tương tác
Với những câu hỏi trên, trước tiên chúng ta hãy phân loại các dịch vụ mà chúng ta có thể dựa vào. Các dịch vụ sau do NetEase Cloud cung cấp được thể hiện trong hình bên dưới. Kết hợp với việc thiết kế các yêu cầu hệ thống của riêng chúng tôi, chúng tôi có thể nhanh chóng tích hợp các chức năng của IM và phát sóng trực tiếp tương tác.
• Dịch vụ Yunxin IM cung cấp một tập hợp đầy đủ các khả năng nhắn tin tức thời cơ bản, có thể nhanh chóng tích hợp tính năng nhắn tin tức thời và mạng thời gian thực vào các ứng dụng riêng của doanh nghiệp.
• Chức năng phát sóng trực tiếp tương tác của Yunxin hỗ trợ tương tác thời gian thực giữa người dẫn chương trình và khán giả.
Khung
Nhu cầu cơ bản của chúng ta chủ yếu là ba phần sau:
1. Học sinh vào phòng trò chuyện trên ứng dụng Ứng dụng, và có thể bắt đầu yêu cầu lúa mì;
2. Về phía giáo viên, bạn có thể chấp thuận hoặc từ chối yêu cầu của học sinh;
3. Sau khi giáo viên đồng ý yêu cầu của học sinh, học sinh có thể vào phòng truyền hình trực tiếp để giao lưu.
Kết hợp các yêu cầu và sắp xếp các quy trình yêu cầu micrô, micrô kết nối và tương tác cơ bản sau, như thể hiện trong hình bên dưới. Các kiểu khác nhau của luồng dữ liệu thể hiện các thỏa thuận khác nhau.
Dưới đây là một số khái niệm bổ sung:
1. SDK của ứng dụng Yunxin IM, ứng dụng gửi tin nhắn P2P đến giáo viên thông qua Yunxin IM
2. SDK phát sóng trực tiếp tương tác ứng dụng khách, ứng dụng khách kết nối với phát sóng trực tiếp tương tác
3. Yunxin SDK trên đầu giáo viên, chấp nhận tin nhắn p2p
4. SDK phát sóng trực tiếp tương tác cuối giáo viên, tương tác với chương trình phát sóng trực tiếp phía máy khách
5. SDK của Yunxin IM trên web, gửi và nhận tin nhắn
6. Tùy chỉnh tin nhắn và cấu trúc dữ liệu của tin nhắn được gửi bởi mỗi đầu
Thiết kế và thực hiện
Triển khai Phần này chủ yếu giới thiệu việc triển khai ứng dụng khách giáo viên và ứng dụng sinh viên Web / Wap đã được đề cập trong phần tổng quan của phần trước. Nó chủ yếu bao gồm các phần sau: cải tiến quy trình, mô-đun IM dành cho giáo viên, mô-đun thiết bị đầu cuối dành cho sinh viên Web, cấu hình, ưu điểm và các vấn đề hiện có.
Tinh chỉnh quy trình
Đầu tiên, chúng ta hãy giới thiệu việc thực hiện kết thúc của giáo viên, và giải thích bổ sung cho một số chi tiết theo thứ tự của các số trong hình bên dưới. Phía giáo viên có hai phần chính, một là bản địa, được gọi là bản địa của giáo viên trong bài viết này, và phần kia là trang web, được gọi là IM của giáo viên trong bài viết này. Giáo viên bản ngữ và giáo viên IM giao tiếp thông qua jsbridge và tin nhắn tùy chỉnh.
Trước hết, hãy sắp xếp giao tiếp jsbridge giữa giáo viên bản ngữ và giáo viên IM như sau:
-notifyQueueChange
-notifyVolume
-notifyCustomMsg
-kiểm tra cập nhật
-notifyLiveStatus
Kết hợp lưu đồ ở trên, sau đó mô tả chi tiết quy trình:
1. Khởi tạo máy khách
Mỗi đầu nhận được một địa chỉ phòng trò chuyện thống nhất bằng cách yêu cầu máy chủ
2. Khởi tạo giáo viên
Sau khi IM của giáo viên được khởi tạo, nó sẽ nhận được địa chỉ phòng trò chuyện thông qua yêu cầu máy chủ (getPresenterLiveInfo), nhận được singleton của phòng trò chuyện, thông báo cho giáo viên rằng phòng trò chuyện gốc đã sẵn sàng và lấy dữ liệu phát sóng trực tiếp tương tác.
3. Quá trình mời lúa mì
• Máy khách gửi một tin nhắn p2p đến giáo viên bản ngữ. Giáo viên bản ngữ sử dụng jsbridge để gọi thông báo IM của giáo viên và IM của giáo viên cập nhật hàng đợi cho yêu cầu Mai mà nó duy trì.
• IM của giáo viên nhấp để đồng ý hoặc từ chối, và bản gốc của giáo viên được thông báo qua tin nhắn, và bản gốc của giáo viên thông báo cho khách hàng về yêu cầu thông qua P2P.
• Khách hàng sử dụng SDK phát sóng trực tiếp tương tác, kết nối micrô với phòng trực tiếp và gửi tin nhắn đến giáo viên bản ngữ thông qua SDK phát sóng trực tiếp tương tác.
• Giáo viên bản ngữ gọi phương thứctifyQueueChange để cập nhật danh sách trong IM của giáo viên
• Giáo viên IM, yêu cầu không đồng bộ (InformServer) cập nhật hàng đợi tải lên và tải xuống của máy chủ, gửi tin nhắn tùy chỉnh (im-sdk) và phát sóng để thông báo cho từng máy khách.
Mô-đun IM của giáo viên
Kết hợp lưu đồ và mô tả chi tiết của quy trình ở trên, các mô-đun front-end được thiết kế và phân chia, như thể hiện trong hình sau.
Ở đây LivePcChat là thành phần trò chuyện trong Tab, LiveInteractivePresenter là thành phần xử lý các thao tác tương tác và XXcache là thành phần đóng gói các thao tác của lớp dữ liệu tương ứng. Phiên bản thành phần cụ thể, cuộc gọi, yêu cầu dữ liệu và quy trình xử lý như được hiển thị trong biểu đồ trình tự bên dưới:
Mô-đun sinh viên web
Đối với thiết bị đầu cuối sinh viên Web / Wap, vì bản thân thiết bị đầu cuối sinh viên Web / Wap chưa phát triển chức năng của thời con gái. Ở đây, lấy thiết bị đầu cuối sinh viên Web làm ví dụ để giới thiệu việc thực hiện thiết bị đầu cuối sinh viên Web / Wap trong danh sách tương tác và tương tác trò chuyện. Phần phòng trò chuyện của chính nó và phòng trò chuyện trên giáo viên cuối sử dụng lại các thành phần trò chuyện, vì vậy các mô-đun cũng được chia ở đây trước. Bạn có thể tham khảo cách chia thành phần bên giáo viên để so sánh một số thành phần được bên giáo viên và bên học sinh sử dụng lại. Hình dưới đây cho thấy sự phân chia của phe sinh viên web.
Có thể thấy từ so sánh trong bảng dưới đây, ngoài logic xử lý liên quan đến Yingmai, các chức năng khác của IM ở phía giáo viên và phía sinh viên web có thể được sử dụng lại.
Cấu hình
Chương trình phát sóng trực tiếp tương tác là sự lặp lại dựa trên chương trình phát sóng trực tiếp ban đầu, vì vậy ở đây chúng tôi phải đảm bảo khả năng định cấu hình của chương trình phát sóng trực tiếp tương tác trong các dòng sản phẩm giáo dục khác nhau. Cấu hình được đề cập ở đây tương tự như cấu hình của các mô-đun khác và quyền truy cập thành phần trong nhóm thành phần công cộng giáo dục. Nó cũng dựa trên cơ sở bộ nhớ cache của thành phần chung giáo dục, được đọc trong cấu hình khi trang trực tiếp hoặc trang đơn của dự án được tải (nền tổ chức) Cấu hình, cấu hình một khóa.
Phân tích ưu nhược điểm
Những lợi thế của việc sử dụng thiết kế này là
1. Tất cả các yêu cầu máy chủ được gửi qua trang web, giảm chi phí bảo trì của giáo viên;
2. Khả năng cấu hình của mô-đun. Trong các ngành kinh doanh khác nhau, nó có thể được cấu hình để quyết định có kết nối với chương trình phát sóng trực tiếp tương tác hay không;
3. Các thành phần có dạng hạt. Trong các mô-đun khác nhau, phía giáo viên có thể truy cập thành phần trò chuyện và thành phần tương tác, thành phần micrô và phía sinh viên chỉ có thể truy cập thành phần danh sách tương tác;
4. Nó phụ thuộc nhiều nhất vào các chức năng được thực hiện bởi Yunxin sdk hiện có, có thể đáp ứng các yêu cầu trong thời gian tương đối ngắn.
Vấn đề
1. Quá trình Yingmai phức tạp hơn, vì nó liên quan đến nhiều đầu, và việc gỡ lỗi ở mỗi đầu rất lãng phí thời gian. Đây cũng là mục đích của việc tổ chức bài viết này. Sau khi hiểu rõ về quy trình của từng đầu, trước tiên mỗi đầu có thể xác định vị trí kết thúc của vấn đề trong quá trình gỡ lỗi và sau đó vấn đề có thể được tìm thấy trong một liên kết nhất định theo cách được nhắm mục tiêu.
2. Vì được thực hiện trên cơ sở của lần lặp ban đầu, nhiều thành phần không được gói gọn trong các thành phần chuẩn giáo dục, nhưng dưới tiền đề của logic rõ ràng, chúng có thể được tối ưu hóa trong các lần lặp tiếp theo.
3. Tối ưu hóa phương pháp thực hiện front-end.
Tổng hợp
Qua bài viết này, chúng tôi sẽ phân loại logic từng đầu của chương trình phát sóng trực tiếp tương tác để thuận tiện cho việc tiếp cận sau này hiểu rõ về quy trình phát sóng trực tiếp tương tác. Đối với khách hàng và giáo viên, bạn có thể hiểu việc triển khai các giao diện và thông điệp được cung cấp bởi giao diện người dùng. Nếu cần truy cập vào mô-đun phát trực tiếp tương tác trong một dự án tiếp theo khác, nó có thể được truy cập và gỡ lỗi nhanh chóng, đồng thời, nó có thể tối ưu hóa hơn nữa các vấn đề tồn tại đã nêu ở trên.
|
Nhập email để nhận bất ngờ
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Người Afrikaans
sq.fmuser.org -> Tiếng Albania
ar.fmuser.org -> tiếng Ả Rập
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Tiếng Belarus
bg.fmuser.org -> Tiếng Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Tiếng Trung (Giản thể)
zh-TW.fmuser.org -> Trung Quốc (truyền thống)
hr.fmuser.org -> Tiếng Croatia
cs.fmuser.org -> Tiếng Séc
da.fmuser.org -> Đan Mạch
nl.fmuser.org -> Hà Lan
et.fmuser.org -> Tiếng Estonia
tl.fmuser.org -> Phi Luật Tân
fi.fmuser.org -> Phần Lan
fr.fmuser.org -> Pháp
gl.fmuser.org -> Galicia
ka.fmuser.org -> tiếng Georgia
de.fmuser.org -> Đức
el.fmuser.org -> Hy Lạp
ht.fmuser.org -> Tiếng Creole của Haiti
iw.fmuser.org -> Tiếng Do Thái
hi.fmuser.org -> Tiếng Hindi
hu.fmuser.org -> Hungary
is.fmuser.org -> tiếng Iceland
id.fmuser.org -> tiếng Indonesia
ga.fmuser.org -> Ailen
it.fmuser.org -> Ý
ja.fmuser.org -> Nhật Bản
ko.fmuser.org -> Hàn Quốc
lv.fmuser.org -> Tiếng Latvia
lt.fmuser.org -> Tiếng Litva
mk.fmuser.org -> Người Macedonian
ms.fmuser.org -> Mã Lai
mt.fmuser.org -> Maltese
no.fmuser.org -> Na Uy
fa.fmuser.org -> tiếng Ba Tư
pl.fmuser.org -> Tiếng Ba Lan
pt.fmuser.org -> tiếng Bồ Đào Nha
ro.fmuser.org -> Rumani
ru.fmuser.org -> tiếng Nga
sr.fmuser.org -> Tiếng Serbia
sk.fmuser.org -> Tiếng Slovak
sl.fmuser.org -> Tiếng Slovenia
es.fmuser.org -> tiếng Tây Ban Nha
sw.fmuser.org -> Tiếng Swahili
sv.fmuser.org -> Thụy Điển
th.fmuser.org -> Thái
tr.fmuser.org -> Thổ Nhĩ Kỳ
uk.fmuser.org -> Tiếng Ukraina
ur.fmuser.org -> Tiếng Urdu
vi.fmuser.org -> Tiếng việt
cy.fmuser.org -> tiếng Wales
yi.fmuser.org -> Yiddish
FMUSER Truyền video và âm thanh không dây dễ dàng hơn!
Liên hệ
Địa Chỉ:
Phòng số 305 Tòa nhà HuiLan Số 273 đường Huanpu Quảng Châu Trung Quốc 510620
Categories
Đăng ký bản tin