FMUSER Wirless Mengirim Video Dan Audio Lebih Mudah!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikans
sq.fmuser.org -> Albania
ar.fmuser.org -> Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarusia
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Cina (Sederhana)
zh-TW.fmuser.org -> Mandarin (Tradisional)
hr.fmuser.org -> Kroasia
cs.fmuser.org -> Ceko
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Filipina
fi.fmuser.org -> Finlandia
fr.fmuser.org -> Perancis
gl.fmuser.org -> Galicia
ka.fmuser.org -> Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Yunani
ht.fmuser.org -> Kreol Haiti
iw.fmuser.org -> Ibrani
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hongaria
is.fmuser.org -> Islandia
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Irlandia
it.fmuser.org -> Italia
ja.fmuser.org -> Jepang
ko.fmuser.org -> Korea
lv.fmuser.org -> Latvia
lt.fmuser.org -> Lithuania
mk.fmuser.org -> Makedonia
ms.fmuser.org -> Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Norwegia
fa.fmuser.org -> Persia
pl.fmuser.org -> Polandia
pt.fmuser.org -> Portugis
ro.fmuser.org -> Rumania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Serbia
sk.fmuser.org -> Slowakia
sl.fmuser.org -> Slovenia
es.fmuser.org -> Spanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Swedia
th.fmuser.org -> Thailand
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraina
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Welsh
yi.fmuser.org -> Yiddish
Siaran langsung interaktif melibatkan server, klien guru, klien siswa iOS / Android, dan klien siswa Web / Wap. Artikel ini berfokus pada proses interaksi Maimai, desain modul Maimai di front-end, dan desain komponen interaktif dan chat di front-end. Untuk realisasi fungsi obrolan dari ruang obrolan itu sendiri, karena akses ke Yunxin IM SDK terutama diwujudkan melalui paket panggilan Api, saya tidak akan menjelaskan secara detail.
Sebelum merancang sistem, pertama-tama perlu dipertimbangkan pertanyaan-pertanyaan berikut:
• Definisi kebutuhan dan pembagian fungsi masing-masing ujung, bagaimana masing-masing ujung berinteraksi
• Kesepakatan antara masing-masing ujung
• Klien meminta mikrofon dan guru untuk menerima
• Sinkronisasi informasi interaktif setelah klien memasuki ruang siaran langsung interaktif
Dengan pertanyaan-pertanyaan di atas, mari kita pilah dulu layanan yang dapat kita andalkan. Layanan berikut yang disediakan oleh NetEase Cloud ditunjukkan pada gambar di bawah ini. Dikombinasikan dengan desain persyaratan sistem kami sendiri, kami dapat dengan cepat mengintegrasikan fungsi IM dan siaran langsung interaktif.
• Layanan IM Yunxin menyediakan satu set lengkap kemampuan olahpesan cepat dasar, yang dapat dengan cepat mengintegrasikan kemampuan olahpesan cepat dan jaringan waktu nyata ke dalam aplikasi perusahaan itu sendiri.
• Fungsi siaran langsung interaktif Yunxin mendukung interaksi waktu nyata antara pembawa acara dan penonton.
Kerangka
Kebutuhan dasar kita terutama terdiri dari tiga bagian berikut:
1. Siswa memasuki ruang obrolan di klien Aplikasi, dan dapat memulai permintaan gandum;
2. Dari pihak guru, Anda dapat menyetujui atau menolak permintaan siswa;
3. Setelah guru menyetujui permintaan siswa, siswa dapat memasuki ruang siaran langsung untuk berinteraksi.
Gabungkan persyaratan dan sortir permintaan mikrofon dasar, mikrofon koneksi, dan proses interaktif berikut, seperti yang ditunjukkan pada gambar di bawah ini. Gaya aliran data yang berbeda mewakili kesepakatan yang berbeda.
Berikut beberapa konsep tambahan:
1. SDK klien Yunxin IM, klien mengirimkan pesan P2P ke guru melalui Yunxin IM
2. SDK siaran langsung interaktif klien, klien terhubung ke siaran langsung interaktif
3. Yunxin SDK di sisi guru, terima pesan p2p
4. SDK siaran langsung interaktif ujung guru, berinteraksi dengan siaran langsung sisi klien
5. SDK IM Yunxin di web, mengirim dan menerima pesan
6. Sesuaikan pesan, dan struktur data dari pesan yang dikirim oleh masing-masing ujungnya
Desain dan implementasi
Implementasi Bagian ini terutama memperkenalkan implementasi klien guru dan klien siswa Web / Wap yang disebutkan dalam ikhtisar bagian sebelumnya. Ini terutama mencakup bagian-bagian berikut: perbaikan proses, modul IM guru, modul terminal siswa Web, konfigurasi, keuntungan, dan masalah yang ada.
Penyempurnaan proses
Pertama, mari kita perkenalkan implementasi akhir guru, dan buat penjelasan tambahan untuk beberapa detail dalam urutan angka pada gambar di bawah ini. Sisi pengajar memiliki dua bagian utama, satu bagian asli, yang disebut penutur asli guru dalam artikel ini, dan yang lainnya adalah halaman web, yang disebut IM guru dalam artikel ini. Guru asli dan guru IM berkomunikasi melalui jsbridge dan pesan khusus.
Pertama-tama, pilah komunikasi jsbridge antara guru native dan guru IM sebagai berikut:
-notifyQueueChange
-beritahuVolume
-notifyCustomMsg
-cek pembaruan
-beritahuLiveStatus
Gabungkan diagram alir di atas, lalu buat deskripsi mendetail tentang prosesnya:
1. Inisialisasi klien
Setiap ujung mendapatkan alamat ruang obrolan terpadu dengan meminta server
2. Inisialisasi guru
Setelah IM guru diinisialisasi, ia memperoleh alamat ruang obrolan melalui permintaan server (getPresenterLiveInfo), memperoleh ruang obrolan tunggal, memberi tahu guru bahwa ruang obrolan asli sudah siap, dan memperoleh data siaran langsung interaktif.
3. Proses mengundang gandum
• Klien mengirim pesan p2p ke guru native. Guru asli menggunakan jsbridge untuk memanggil notifyCustomMsg dari IM guru, dan IM guru memperbarui antrian tunggu untuk permintaan Mai yang dipertahankan.
• Klik IM guru untuk menyetujui atau menolak, dan guru asli diberitahu melalui pesan, dan guru asli memberi tahu klien tentang permintaan melalui P2P.
• Klien menggunakan SDK siaran langsung interaktif, menghubungkan mikrofon ke ruang langsung, dan mengirim pesan ke guru asli melalui SDK siaran langsung interaktif.
• Guru asli memanggil metode notifyQueueChange untuk memperbarui daftar di IM guru
• IM Guru, meminta secara asinkron (informServer) untuk memperbarui antrian unggahan dan unduhan server, mengirim pesan khusus (im-sdk), dan menyiarkan untuk memberi tahu setiap klien.
Modul IM guru
Menggabungkan diagram alir dan penjelasan rinci dari proses di atas, modul front-end dirancang dan dipisahkan, seperti yang ditunjukkan pada gambar berikut.
Di sini LivePcChat adalah komponen obrolan di Tab, LiveInteractivePresenter adalah komponen yang memproses operasi interaktif, dan XXcache adalah komponen yang merangkum operasi lapisan data yang sesuai. Contoh komponen spesifik, panggilan, permintaan data dan proses pemrosesan seperti yang ditunjukkan pada diagram urutan di bawah ini:
Modul siswa web
Untuk terminal pelajar Web / Wap, karena terminal pelajar Web / Wap sendiri belum mengembangkan fungsi maiden. Di sini, ambil terminal siswa Web sebagai contoh untuk memperkenalkan realisasi terminal siswa Web / Wap dalam daftar interaktif dan interaksi obrolan. Bagian ruang obrolan itu sendiri dan ruang obrolan di ujung guru menggunakan kembali komponen obrolan, jadi modulnya juga dibagi di sini terlebih dahulu. Anda dapat merujuk pada pembagian komponen di sisi guru untuk membandingkan beberapa komponen yang digunakan kembali oleh sisi guru dan sisi siswa. Gambar berikut menunjukkan perpecahan dari sisi siswa web.
Dapat dilihat dari perbandingan pada tabel di bawah ini bahwa, selain logika pemrosesan yang terkait dengan Yingmai, fungsi IM lainnya di sisi pengajar dan web siswa dapat digunakan kembali.
konfigurasi
Siaran langsung interaktif merupakan iterasi berdasarkan siaran langsung asli, jadi di sini kita harus memastikan konfigurasi siaran langsung interaktif di berbagai lini produk pendidikan. Konfigurasi yang disebutkan di sini mirip dengan konfigurasi modul lain dan akses komponen di kumpulan komponen publik pendidikan. Ini juga bergantung pada basis cache komponen umum pendidikan, yang dibaca dalam konfigurasi saat halaman aktif atau halaman proyek dimuat (latar belakang kelembagaan) Konfigurasi, konfigurasi satu tombol.
Analisis pro dan kontra
Keuntungan menggunakan desain ini adalah
1. Semua permintaan server dikirim melalui halaman web, mengurangi biaya pemeliharaan guru;
2. Modul yang dapat dikonfigurasi. Di lini bisnis yang berbeda, dapat dikonfigurasi untuk memutuskan apakah akan menyambung ke siaran langsung interaktif;
3. Komponennya granular. Dalam modul yang berbeda, sisi guru dapat mengakses komponen obrolan dan komponen interaktif, komponen mikrofon, dan sisi siswa hanya dapat mengakses komponen daftar interaktif;
4. Ini sangat bergantung pada fungsi yang diterapkan oleh sdk Yunxin yang ada, yang dapat memenuhi persyaratan dalam waktu yang relatif singkat.
Masalahnya
1. Proses Yingmai lebih rumit, karena melibatkan banyak tujuan, dan debugging di setiap ujung hanya membuang-buang waktu. Ini juga tujuan mengatur artikel ini. Setelah melalui pemahaman proses di setiap ujung, masing-masing ujung pertama dapat menemukan akhir masalah selama debugging, dan kemudian masalahnya dapat ditemukan di tautan tertentu dengan cara yang ditargetkan.
2. Karena dilakukan atas dasar iterasi asli, banyak komponen yang tidak dikemas ke dalam komponen standar pendidikan, tetapi di bawah premis logika yang jelas, komponen tersebut dapat dioptimalkan dalam iterasi berikutnya.
3. Mengoptimalkan metode implementasi front-end.
menyimpulkan
Melalui artikel ini, kami akan memilah logika dari setiap akhir siaran langsung interaktif untuk memfasilitasi akses nanti untuk memahami proses siaran langsung interaktif. Untuk klien dan pengajar, Anda dapat memahami implementasi antarmuka dan pesan yang disediakan oleh front end. Jika perlu untuk mengakses modul siaran langsung interaktif di proyek lain berikutnya, itu dapat dengan cepat diakses dan di-debug, dan pada saat yang sama, dapat lebih mengoptimalkan masalah yang ada yang diangkat di atas.
|
Masukkan email untuk mendapatkan kejutan
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikans
sq.fmuser.org -> Albania
ar.fmuser.org -> Arab
hy.fmuser.org -> Armenia
az.fmuser.org -> Azerbaijan
eu.fmuser.org -> Basque
be.fmuser.org -> Belarusia
bg.fmuser.org -> Bulgaria
ca.fmuser.org -> Catalan
zh-CN.fmuser.org -> Cina (Sederhana)
zh-TW.fmuser.org -> Mandarin (Tradisional)
hr.fmuser.org -> Kroasia
cs.fmuser.org -> Ceko
da.fmuser.org -> Denmark
nl.fmuser.org -> Belanda
et.fmuser.org -> Estonia
tl.fmuser.org -> Filipina
fi.fmuser.org -> Finlandia
fr.fmuser.org -> Perancis
gl.fmuser.org -> Galicia
ka.fmuser.org -> Georgia
de.fmuser.org -> Jerman
el.fmuser.org -> Yunani
ht.fmuser.org -> Kreol Haiti
iw.fmuser.org -> Ibrani
hi.fmuser.org -> Hindi
hu.fmuser.org -> Hongaria
is.fmuser.org -> Islandia
id.fmuser.org -> Bahasa Indonesia
ga.fmuser.org -> Irlandia
it.fmuser.org -> Italia
ja.fmuser.org -> Jepang
ko.fmuser.org -> Korea
lv.fmuser.org -> Latvia
lt.fmuser.org -> Lithuania
mk.fmuser.org -> Makedonia
ms.fmuser.org -> Melayu
mt.fmuser.org -> Malta
no.fmuser.org -> Norwegia
fa.fmuser.org -> Persia
pl.fmuser.org -> Polandia
pt.fmuser.org -> Portugis
ro.fmuser.org -> Rumania
ru.fmuser.org -> Rusia
sr.fmuser.org -> Serbia
sk.fmuser.org -> Slowakia
sl.fmuser.org -> Slovenia
es.fmuser.org -> Spanyol
sw.fmuser.org -> Swahili
sv.fmuser.org -> Swedia
th.fmuser.org -> Thailand
tr.fmuser.org -> Turki
uk.fmuser.org -> Ukraina
ur.fmuser.org -> Urdu
vi.fmuser.org -> Vietnam
cy.fmuser.org -> Welsh
yi.fmuser.org -> Yiddish
FMUSER Wirless Mengirim Video Dan Audio Lebih Mudah!
Kontak
Alamat:
No.305 Kamar HuiLan Building No.273 Huanpu Road Guangzhou China 510620
Kategori
Buletin