FMUSER Wirless Menghantar Video Dan Audio Lebih Mudah!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Orang Afrika
sq.fmuser.org -> Bahasa Albania
ar.fmuser.org -> Bahasa Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarus
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Bahasa Catalan
zh-CN.fmuser.org -> Bahasa Cina (Ringkas)
zh-TW.fmuser.org -> Bahasa Cina (Tradisional)
hr.fmuser.org -> Bahasa Croatia
cs.fmuser.org -> Bahasa Czech
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Orang Filipina
fi.fmuser.org -> Bahasa Finland
fr.fmuser.org -> Bahasa Perancis
gl.fmuser.org -> orang Galicia
ka.fmuser.org -> Orang Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Greek
ht.fmuser.org -> Haitian Creole
iw.fmuser.org -> Bahasa Ibrani
hi.fmuser.org -> Bahasa Hindi
hu.fmuser.org -> Bahasa Hungary
is.fmuser.org -> Bahasa Iceland
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Ireland
it.fmuser.org -> Bahasa Itali
ja.fmuser.org -> Jepun
ko.fmuser.org -> Bahasa Korea
lv.fmuser.org -> Bahasa Latvia
lt.fmuser.org -> Bahasa Lithuania
mk.fmuser.org -> orang Macedonia
ms.fmuser.org -> Bahasa Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Bahasa Norway
fa.fmuser.org -> Parsi
pl.fmuser.org -> Bahasa Poland
pt.fmuser.org -> Portugis
ro.fmuser.org -> Romania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Bahasa Serbia
sk.fmuser.org -> Bahasa Slovak
sl.fmuser.org -> Bahasa Slovenia
es.fmuser.org -> Sepanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Sweden
th.fmuser.org -> Thai
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraine
ur.fmuser.org -> Bahasa Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Wales
yi.fmuser.org -> Bahasa Yiddish
Siaran langsung interaktif melibatkan pelayan, klien guru, pelanggan pelajar iOS / Android, dan pelanggan pelajar Web / Wap. Artikel ini memfokuskan pada proses interaksi Maimai, reka bentuk modul Maimai di front-end, dan reka bentuk komponen interaktif dan chat di front-end. Untuk merealisasikan fungsi sembang ruang sembang itu sendiri, kerana akses ke Yunxin IM SDK terutama dilakukan melalui pakej panggilan Api, saya tidak akan menjelaskan secara terperinci.
Sebelum merancang sistem, pertama-tama perlu mempertimbangkan soalan berikut:
• Definisi keperluan dan pembahagian fungsi setiap hujung, bagaimana setiap hujung berinteraksi
• Perjanjian antara setiap akhir
• Pelanggan meminta mikrofon dan guru menerimanya
• Penyegerakan maklumat interaktif setelah pelanggan memasuki ruang siaran langsung interaktif
Dengan persoalan di atas, mari kita selesaikan terlebih dahulu perkhidmatan yang boleh kita percayai. Perkhidmatan berikut yang disediakan oleh NetEase Cloud ditunjukkan dalam gambar di bawah. Digabungkan dengan reka bentuk keperluan sistem kita sendiri, kita dapat dengan cepat menggabungkan fungsi IM dan siaran langsung interaktif.
• Perkhidmatan Yunxin IM menyediakan satu set lengkap kemampuan pesanan segera asas, yang dapat dengan cepat menyatukan keupayaan pesanan cepat dan rangkaian masa nyata ke dalam aplikasi syarikat itu sendiri.
• Fungsi siaran langsung interaktif Yunxin menyokong interaksi masa nyata antara tuan rumah dan penonton.
Rangka Kerja
Keperluan asas kami adalah tiga bahagian berikut:
1. Pelajar memasuki ruang sembang pada klien Aplikasi, dan dapat mengajukan permintaan untuk mendapatkan gandum;
2. Di pihak guru, anda boleh menyetujui atau menolak permintaan pelajar;
3. Setelah guru bersetuju dengan permintaan pelajar, pelajar boleh memasuki ruangan siaran langsung untuk berinteraksi.
Gabungkan keperluan dan selesaikan permintaan mikrofon asas berikut, mikrofon sambungan, dan proses interaktif, seperti yang ditunjukkan dalam gambar di bawah. Gaya aliran data yang berbeza mewakili perjanjian yang berbeza.
Berikut adalah beberapa konsep tambahan:
1. SDK klien Yunxin IM, klien menghantar mesej P2P kepada guru melalui Yunxin IM
2. SDK siaran langsung interaktif pelanggan, pelanggan menyambung ke siaran langsung interaktif
3. Yunxin SDK pada akhir guru, terima mesej p2p
4. SDK siaran langsung interaktif guru, berinteraksi dengan siaran langsung pelanggan
5. SDK Yunxin IM di web, menghantar dan menerima mesej
6. Sesuaikan mesej, dan struktur data mesej yang dihantar setiap hujungnya
Reka bentuk dan pelaksanaan
Pelaksanaan Bahagian ini terutama memperkenalkan pelaksanaan klien guru dan pelanggan pelajar Web / Wap yang disebut dalam gambaran keseluruhan bahagian sebelumnya. Ia merangkumi bahagian-bahagian berikut: penyempurnaan proses, modul IM guru, modul terminal pelajar Web, konfigurasi, kelebihan, dan masalah yang ada.
Proses penyempurnaan
Pertama, mari kita memperkenalkan pelaksanaan akhir guru, dan membuat penjelasan tambahan kepada beberapa perincian mengikut urutan nombor pada rajah di bawah. Bahagian guru mempunyai dua bahagian utama, satu adalah asli, yang disebut asli guru dalam artikel ini, dan yang lain adalah laman web, yang disebut guru IM dalam artikel ini. Guru asli dan IM guru berkomunikasi melalui jsbridge dan mesej tersuai.
Pertama sekali, selesaikan komunikasi jsbridge antara guru asli dan IM guru seperti berikut:
-notifyQueueChange
-memberitahuVolume
-memberitahuCustomMsg
-kemas kini Kemas kini
-memberitahuLiveStatus
Gabungkan carta alir di atas, dan kemudian buat penerangan terperinci mengenai prosesnya:
1. Permulaan pelanggan
Setiap hujung memperoleh alamat ruang sembang yang disatukan dengan meminta pelayan
2. Permulaan guru
Setelah guru IM diinisialisasi, ia akan mendapat alamat ruang sembang melalui permintaan pelayan (getPresenterLiveInfo), memperoleh singlet ruang sembang, memberitahu guru bahawa bilik sembang asli sudah siap, dan memperoleh data siaran langsung interaktif.
3. Proses mengundang gandum
• Pelanggan menghantar mesej p2p kepada guru asli. Asli guru menggunakan jsbridge untuk memanggil notifyCustomMsg IM guru, dan IM guru mengemas kini barisan menunggu permintaan Mai yang dikekalkannya.
• IM guru mengklik untuk setuju atau menolak, dan orang asli guru diberitahu melalui pesan, dan orang asli guru memberitahu klien tentang permintaan tersebut melalui P2P.
• Pelanggan menggunakan SDK siaran langsung interaktif, menghubungkan mikrofon ke ruang tamu, dan menghantar mesej kepada guru asli melalui SDK siaran langsung interaktif.
• Guru asli memanggil kaedah notifyQueueChange untuk mengemas kini senarai di IM guru
• Guru IM, meminta secara tidak serentak (informServer) untuk mengemas kini barisan muat naik dan muat turun pelayan, mengirim pesanan khusus (im-sdk), dan disiarkan untuk memberitahu setiap pelanggan.
Modul IM guru
Menggabungkan carta alir dan penerangan terperinci mengenai proses di atas, modul front-end dirancang dan dibahagi, seperti yang ditunjukkan dalam gambar berikut.
Di sini LivePcChat adalah komponen sembang di Tab, LiveInteractivePresenter adalah komponen yang memproses operasi interaktif, dan XXcache adalah komponen yang merangkumi operasi lapisan data yang sesuai. Contoh komponen tertentu, panggilan, permintaan data dan proses pemprosesan adalah seperti yang ditunjukkan dalam rajah urutan di bawah:
Modul pelajar web
Untuk terminal pelajar Web / Wap, kerana terminal pelajar Web / Wap itu sendiri belum mengembangkan fungsi gadis. Di sini, ambil terminal pelajar Web sebagai contoh untuk memperkenalkan realisasi terminal pelajar Web / Wap dalam senarai interaktif dan interaksi sembang. Bahagian ruang sembang itu sendiri dan ruang sembang di hujung guru menggunakan semula komponen sembang, jadi modul juga dibahagikan di sini terlebih dahulu. Anda boleh merujuk kepada pembahagian komponen di sisi guru untuk membandingkan beberapa komponen yang digunakan semula oleh pihak guru dan pelajar. Gambar berikut menunjukkan perbezaan bahagian pelajar web.
Ini dapat dilihat dari perbandingan dalam jadual di bawah ini bahawa, selain logik pemprosesan yang berkaitan dengan Yingmai, fungsi IM lain di sisi guru dan sisi pelajar web dapat digunakan kembali.
konfigurasi
Siaran langsung interaktif adalah lelaran berdasarkan siaran langsung yang asli, jadi di sini kita mesti memastikan konfigurasi siaran langsung interaktif dalam pelbagai rangkaian produk pendidikan. Konfigurasi yang disebutkan di sini serupa dengan konfigurasi modul lain dan akses komponen dalam kumpulan komponen pendidikan awam. Ini juga bergantung pada cache-base komponen umum pendidikan, yang dibaca dalam konfigurasi ketika halaman langsung atau halaman tunggal projek dimuat (latar belakang institusi) Konfigurasi, konfigurasi satu kunci.
Analisis kebaikan dan keburukan
Kelebihan menggunakan reka bentuk ini adalah
1. Semua permintaan pelayan dihantar melalui laman web, mengurangkan kos penyelenggaraan guru;
2. Konfigurasi modul. Dalam rangkaian perniagaan yang berbeza, ia boleh dikonfigurasi untuk memutuskan sama ada hendak menyambung ke siaran langsung interaktif;
3. Komponennya berbutir. Dalam modul yang berbeza, pihak guru dapat mengakses komponen sembang dan komponen interaktif, komponen mikrofon, dan pihak pelajar hanya dapat mengakses komponen senarai interaktif;
4. Ini bergantung sepenuhnya pada fungsi yang dilaksanakan oleh Yunxin sdk yang ada, yang dapat memenuhi persyaratan dalam waktu yang relatif singkat.
Masalahnya
1. Proses Yingmai lebih rumit, kerana melibatkan banyak hujung, dan melakukan debug pada setiap hujungnya membuang masa. Ini juga merupakan tujuan mengatur artikel ini. Setelah melalui pemahaman mengenai proses setiap hujungnya, setiap akhir pertama dapat mengetahui akhir masalah semasa melakukan debug, dan kemudian masalah tersebut dapat dijumpai dalam pautan tertentu dengan cara yang disasarkan.
2. Kerana dilakukan berdasarkan iterasi asli, banyak komponen tidak dimasukkan ke dalam komponen standard pendidikan, tetapi di bawah premis logika yang jelas, mereka dapat dioptimalkan dalam lelaran berikutnya.
3. Mengoptimumkan kaedah pelaksanaan front-end.
jumlahkan
Melalui artikel ini, kami akan menyusun logik setiap hujung siaran langsung interaktif untuk memudahkan akses kemudian ke pemahaman proses siaran langsung interaktif. Untuk pelanggan dan guru, anda dapat memahami pelaksanaan antara muka dan mesej yang disediakan oleh bahagian depan. Sekiranya perlu untuk mengakses modul siaran langsung interaktif dalam projek seterusnya, ia dapat diakses dengan cepat dan disahpepijat, dan pada masa yang sama, ia dapat mengoptimumkan lagi masalah yang ada di atas.
|
Masukkan e-mel untuk mendapatkan kejutan
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Orang Afrika
sq.fmuser.org -> Bahasa Albania
ar.fmuser.org -> Bahasa Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarus
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Bahasa Catalan
zh-CN.fmuser.org -> Bahasa Cina (Ringkas)
zh-TW.fmuser.org -> Bahasa Cina (Tradisional)
hr.fmuser.org -> Bahasa Croatia
cs.fmuser.org -> Bahasa Czech
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Orang Filipina
fi.fmuser.org -> Bahasa Finland
fr.fmuser.org -> Bahasa Perancis
gl.fmuser.org -> orang Galicia
ka.fmuser.org -> Orang Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Greek
ht.fmuser.org -> Haitian Creole
iw.fmuser.org -> Bahasa Ibrani
hi.fmuser.org -> Bahasa Hindi
hu.fmuser.org -> Bahasa Hungary
is.fmuser.org -> Bahasa Iceland
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Ireland
it.fmuser.org -> Bahasa Itali
ja.fmuser.org -> Jepun
ko.fmuser.org -> Bahasa Korea
lv.fmuser.org -> Bahasa Latvia
lt.fmuser.org -> Bahasa Lithuania
mk.fmuser.org -> orang Macedonia
ms.fmuser.org -> Bahasa Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Bahasa Norway
fa.fmuser.org -> Parsi
pl.fmuser.org -> Bahasa Poland
pt.fmuser.org -> Portugis
ro.fmuser.org -> Romania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Bahasa Serbia
sk.fmuser.org -> Bahasa Slovak
sl.fmuser.org -> Bahasa Slovenia
es.fmuser.org -> Sepanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Sweden
th.fmuser.org -> Thai
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraine
ur.fmuser.org -> Bahasa Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Wales
yi.fmuser.org -> Bahasa Yiddish
FMUSER Wirless Menghantar Video Dan Audio Lebih Mudah!
Hubungi Kami
alamat:
No.305 Bilik HuiLan Bangunan No.273 Huanpu Road Guangzhou China 510620
Kategori
Buletin