FMUSER Kablosuz Video ve Sesi Daha Kolay İletin!
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> Arnavutça
ar.fmuser.org -> Arapça
hy.fmuser.org -> Ermeni
az.fmuser.org -> Azerice
eu.fmuser.org -> Bask Dili
be.fmuser.org -> Beyaz Rusça
bg.fmuser.org -> Bulgar
ca.fmuser.org -> Katalanca
zh-CN.fmuser.org -> Çince (Basitleştirilmiş)
zh-TW.fmuser.org -> Çince (Geleneksel)
hr.fmuser.org -> Hırvatça
cs.fmuser.org -> Çekçe
da.fmuser.org -> Danca
nl.fmuser.org -> Hollandalı
et.fmuser.org -> Estonca
tl.fmuser.org -> Filipinli
fi.fmuser.org -> Fince
fr.fmuser.org -> Fransızca
gl.fmuser.org -> Galiçyaca
ka.fmuser.org -> Gürcüce
de.fmuser.org -> Almanca
el.fmuser.org -> Yunanca
ht.fmuser.org -> Haiti Kreyolu
iw.fmuser.org -> İbranice
hi.fmuser.org -> Hintçe
hu.fmuser.org -> Macar
is.fmuser.org -> İzlandaca
id.fmuser.org -> Endonezya
ga.fmuser.org -> İrlandalı
it.fmuser.org -> İtalyan
ja.fmuser.org -> Japonca
ko.fmuser.org -> Korece
lv.fmuser.org -> Letonca
lt.fmuser.org -> Litvanya
mk.fmuser.org -> Makedonca
ms.fmuser.org -> Malayca
mt.fmuser.org -> Malta
no.fmuser.org -> Norveç
fa.fmuser.org -> Farsça
pl.fmuser.org -> Lehçe
pt.fmuser.org -> Portekizce
ro.fmuser.org -> Romen
ru.fmuser.org -> Rusça
sr.fmuser.org -> Sırpça
sk.fmuser.org -> Slovakça
sl.fmuser.org -> Slovence
es.fmuser.org -> İspanyolca
sw.fmuser.org -> Svahili
sv.fmuser.org -> İsveççe
th.fmuser.org -> Tay
tr.fmuser.org -> Türkçe
uk.fmuser.org -> Ukraynaca
ur.fmuser.org -> Urduca
vi.fmuser.org -> Vietnamca
cy.fmuser.org -> Galce
yi.fmuser.org -> Yidiş
Etkileşimli canlı yayın, sunucuyu, öğretmen istemcisini, iOS / Android öğrenci istemcisini ve Web / Wap öğrenci istemcisini içerir. Bu makale, Maimai'nin etkileşim sürecine, ön uçtaki Maimai modülünün tasarımına ve ön uçtaki etkileşimli ve sohbet bileşenlerinin tasarımına odaklanmaktadır. Yunxin IM SDK'ya erişim esas olarak Api çağrı paketi aracılığıyla gerçekleştirildiğinden, sohbet odasının sohbet işlevinin gerçekleştirilmesi için ayrıntılara girmeyeceğim.
Sistemi tasarlamadan önce aşağıdaki soruları göz önünde bulundurmanız gerekir:
• Gereksinimlerin tanımı ve her bir ucun işlev bölümü, her bir uç nasıl etkileşim kurar
• Her uç arasında anlaşma
• Müşteri mikrofonu ve öğretmenden
• Müşteri interaktif canlı yayın odasına girdikten sonra interaktif bilgilerin senkronizasyonu
Yukarıdaki sorularla önce güvenebileceğimiz hizmetleri sıralayalım. NetEase Cloud tarafından sağlanan aşağıdaki hizmetler aşağıdaki şekilde gösterilmektedir. Kendi sistem gereksinimlerimizin tasarımıyla birleştiğinde, anlık mesajlaşma ve etkileşimli canlı yayın işlevlerini hızlı bir şekilde entegre edebiliriz.
• Yunxin IM hizmeti, anında mesajlaşma ve gerçek zamanlı ağ yeteneklerini kurumun kendi uygulamalarına hızlı bir şekilde entegre edebilen eksiksiz bir temel anlık mesajlaşma yetenekleri seti sağlar.
• Yunxin'in etkileşimli canlı yayın işlevi, sunucu ve izleyici arasındaki gerçek zamanlı etkileşimi destekler.
iskelet
Temel ihtiyaçlarımız temel olarak aşağıdaki üç kısımdır:
1. Öğrenciler, Uygulama istemcisinde sohbet odasına girerler ve buğday için bir istek başlatabilirler;
2. Öğretmen tarafında, öğrencinin talebini onaylayabilir veya reddedebilirsiniz;
3. Öğretmen öğrencinin talebini kabul ettikten sonra, öğrenci etkileşim için canlı yayın odasına girebilir.
Aşağıdaki şekilde gösterildiği gibi gereksinimleri birleştirin ve aşağıdaki temel mikrofon talebini, bağlantı mikrofonu ve etkileşimli işlemleri sıralayın. Farklı veri akışı stilleri, farklı anlaşmaları temsil eder.
İşte bazı ek kavramlar:
1. Müşteri Yunxin IM'in SDK'sı, müşteri Yunxin IM aracılığıyla öğretmene P2P mesajları gönderir
2. İstemci etkileşimli canlı yayın SDK'sı, istemci etkileşimli canlı yayına bağlanır
3. Öğretmen tarafında Yunxin SDK, p2p mesajlarını kabul et
4. Öğretmen tarafı etkileşimli canlı yayın SDK'sı, istemci tarafı canlı yayınla etkileşim
5. Yunxin IM'in web üzerindeki SDK'sı, mesaj gönderme ve alma
6. Mesajı ve her uçtan gönderilen mesajın veri yapısını özelleştirin
Tasarım ve Uygulama
Uygulama Bu bölüm esas olarak, bir önceki bölümün genel bakışında bahsedilen öğretmen istemcisi ve Web / Wap öğrenci istemcisinin uygulamasını tanıtmaktadır. Esas olarak şu bölümleri içerir: süreç iyileştirme, öğretmen IM modülü, Web öğrenci terminal modülü, yapılandırma, avantajlar ve mevcut sorunlar.
Süreç iyileştirme
İlk olarak, öğretmenin sonunun uygulanmasını tanıtalım ve aşağıdaki şekildeki sayıların sırasına göre bazı ayrıntılara ek açıklamalar yapalım. Öğretmen tarafının iki ana bölümü vardır, biri bu makalede öğretmenin anadili olarak adlandırılan yerel, diğeri ise bu makalede öğretmen IM olarak adlandırılan bir web sayfasıdır. Yerli öğretmen ve öğretmen IM, jsbridge ve özel mesajlar aracılığıyla iletişim kurar.
Her şeyden önce, yerel öğretmen ve öğretmen IM arasındaki jsbridge iletişimini şu şekilde sıralayın:
-notifyQueueChange
-notifyVolume
-notifyCustomMsg
-checkGüncelleme
-notifyLiveStatus
Yukarıdaki akış şemasını birleştirin ve ardından sürecin ayrıntılı bir açıklamasını yapın:
1. İstemci başlatma
Her uç, sunucudan istekte bulunarak birleşik bir sohbet odası adresi alır.
2. Öğretmen başlatma
Öğretmen IM başlatıldıktan sonra, sohbet odası adresini sunucu isteği (getPresenterLiveInfo) aracılığıyla alır, sohbet odası tekli olarak alır, öğretmene yerel sohbet odasının hazır olduğunu bildirir ve etkileşimli canlı yayın verilerini alır.
3. Buğdayı davet etme süreci
• Müşteri, öğretmene bir p2p mesajı gönderir. Yerli öğretmen, öğretmen IM'nin notifyCustomMsg'sini çağırmak için jsbridge'i kullanır ve öğretmen IM, tuttuğu Mai isteği için bekleme kuyruğunu günceller.
• Öğretmenin anlık mesajı kabul etmek veya reddetmek için tıklar ve öğretmenin ana dili bir mesajla bilgilendirilir ve öğretmenin ana dili müşteriyi P2P aracılığıyla bu istek konusunda bilgilendirir.
• Müşteri etkileşimli canlı yayın SDK'sını kullanır, mikrofonu canlı odaya bağlar ve etkileşimli canlı yayın SDK'sı aracılığıyla öğretmene bir mesaj gönderir.
• Yerel öğretmen, öğretmen anlık mesajındaki listeleri güncellemek için notifyQueueChange yöntemini çağırır
• Öğretmen Anlık İletisi, eşzamansız olarak sunucunun yükleme ve indirme sıralarını güncellemesini isteyin (informServer), özel mesajlar gönderin (im-sdk) ve her bir istemciyi bilgilendirmek için yayınlayın.
Öğretmen IM modülü
Akış şemasını ve yukarıdaki sürecin ayrıntılı açıklamasını birleştiren ön uç modülleri, aşağıdaki şekilde gösterildiği gibi tasarlanır ve bölünür.
Burada LivePcChat, Tab'deki bir sohbet bileşenidir, LiveInteractivePresenter, etkileşimli işlemleri işleyen bir bileşendir ve XXcache, karşılık gelen veri katmanı işlemlerini kapsayan bir bileşendir. Spesifik bileşen örneği, çağrı, veri talebi ve işleme süreci aşağıdaki sıra şemasında gösterildiği gibidir:
Web öğrenci modülü
Web / Wap öğrenci terminali için, Web / Wap öğrenci terminalinin kendisi henüz kızlık görevini geliştirmedi. Burada, etkileşimli listede Web / Wap öğrenci terminalinin gerçekleştirilmesini ve sohbet etkileşimini tanıtmak için örnek olarak Web öğrenci terminalini alın. Kendisinin bir parçası olan sohbet odası ve öğretmendeki sohbet odası, sohbet bileşenlerini yeniden kullanır, bu nedenle modüller de önce burada bölünmüştür. Öğretmen tarafı ve öğrenci tarafı tarafından yeniden kullanılan bileşenlerin bazılarını karşılaştırmak için öğretmen tarafındaki bileşenlere bakabilirsiniz. Aşağıdaki şekil web öğrenci tarafının bölünmesini göstermektedir.
Yingmai ile ilgili işleme mantığına ek olarak, öğretmen tarafındaki ve web öğrencisi tarafındaki diğer IM işlevlerinin yeniden kullanılabileceği aşağıdaki tablodaki karşılaştırmadan görülebilir.
yapılandırma
Etkileşimli canlı yayın, orijinal canlı yayına dayanan bir yinelemedir, bu nedenle burada çeşitli eğitim ürün hatlarında etkileşimli canlı yayının yapılandırılabilirliğini sağlamalıyız. Burada bahsedilen yapılandırma, diğer modüllerin yapılandırmasına ve genel eğitim bileşen havuzundaki bileşen erişimine benzer. Ayrıca, canlı sayfa veya proje tek sayfası yüklendiğinde yapılandırmada okunan eğitim genel bileşeni önbellek tabanına da dayanır (kurumsal arka plan) Yapılandırma, tek tuşlu yapılandırma.
Artıları ve eksileri analizi
Bu tasarımı kullanmanın avantajları şunlardır:
1. Tüm sunucu istekleri web sayfası aracılığıyla gönderilir, bu da öğretmenin bakım maliyetini düşürür;
2. Modülün yapılandırılabilirliği. Farklı iş kollarında, interaktif canlı yayına bağlanıp bağlanmayacağına karar vermek için yapılandırılabilir;
3. Bileşenler taneciklidir. Farklı modüllerde, öğretmen tarafı sohbet bileşenine ve etkileşimli bileşene, mikrofon bileşenine erişebilir ve öğrenci tarafı yalnızca etkileşimli liste bileşenine erişebilir;
4. Büyük ölçüde mevcut Yunxin sdk tarafından uygulanan ve nispeten kısa sürede gereksinimleri karşılayabilen işlevlere dayanır.
Sorun
1. Yingmai'nin süreci daha karmaşıktır, çünkü birden çok uç içerir ve her iki uçta da hata ayıklama zaman kaybıdır. Bu aynı zamanda bu makaleyi düzenlemenin amacıdır. Her bir ucun sürecini anladıktan sonra, her bir uç ilk önce hata ayıklama sırasında sorunun sonunu bulabilir ve ardından sorun, hedeflenen bir şekilde belirli bir bağlantıda bulunabilir.
2. Orijinal yinelemeye dayalı olarak gerçekleştirildiği için, birçok bileşen eğitim standardı bileşenlerine dahil edilmemiştir, ancak net bir mantık öncülüğünde, sonraki yinelemelerde optimize edilebilirler.
3. Ön uç uygulama yöntemini optimize edin.
Özetle
Bu makale aracılığıyla, etkileşimli canlı yayın sürecinin anlaşılmasına daha sonra erişimi kolaylaştırmak için etkileşimli canlı yayının her bir ucunun mantığını sıralayacağız. Müşteri ve öğretmen için, ön uç tarafından sağlanan arayüzlerin ve mesajların uygulanmasını anlayabilirsiniz. Bir sonraki projede interaktif canlı yayın modülüne erişmek gerekirse, hızlı bir şekilde erişilebilir ve hata ayıklanabilir ve aynı zamanda yukarıda ortaya çıkan mevcut sorunları daha da optimize edebilir.
|
Sürpriz almak için e-posta girin
es.fmuser.org
it.fmuser.org
fr.fmuser.org
de.fmuser.org
af.fmuser.org -> Afrikaans
sq.fmuser.org -> Arnavutça
ar.fmuser.org -> Arapça
hy.fmuser.org -> Ermeni
az.fmuser.org -> Azerice
eu.fmuser.org -> Bask Dili
be.fmuser.org -> Beyaz Rusça
bg.fmuser.org -> Bulgar
ca.fmuser.org -> Katalanca
zh-CN.fmuser.org -> Çince (Basitleştirilmiş)
zh-TW.fmuser.org -> Çince (Geleneksel)
hr.fmuser.org -> Hırvatça
cs.fmuser.org -> Çekçe
da.fmuser.org -> Danca
nl.fmuser.org -> Hollandalı
et.fmuser.org -> Estonca
tl.fmuser.org -> Filipinli
fi.fmuser.org -> Fince
fr.fmuser.org -> Fransızca
gl.fmuser.org -> Galiçyaca
ka.fmuser.org -> Gürcüce
de.fmuser.org -> Almanca
el.fmuser.org -> Yunanca
ht.fmuser.org -> Haiti Kreyolu
iw.fmuser.org -> İbranice
hi.fmuser.org -> Hintçe
hu.fmuser.org -> Macar
is.fmuser.org -> İzlandaca
id.fmuser.org -> Endonezya
ga.fmuser.org -> İrlandalı
it.fmuser.org -> İtalyan
ja.fmuser.org -> Japonca
ko.fmuser.org -> Korece
lv.fmuser.org -> Letonca
lt.fmuser.org -> Litvanya
mk.fmuser.org -> Makedonca
ms.fmuser.org -> Malayca
mt.fmuser.org -> Malta
no.fmuser.org -> Norveç
fa.fmuser.org -> Farsça
pl.fmuser.org -> Lehçe
pt.fmuser.org -> Portekizce
ro.fmuser.org -> Romen
ru.fmuser.org -> Rusça
sr.fmuser.org -> Sırpça
sk.fmuser.org -> Slovakça
sl.fmuser.org -> Slovence
es.fmuser.org -> İspanyolca
sw.fmuser.org -> Svahili
sv.fmuser.org -> İsveççe
th.fmuser.org -> Tay
tr.fmuser.org -> Türkçe
uk.fmuser.org -> Ukraynaca
ur.fmuser.org -> Urduca
vi.fmuser.org -> Vietnamca
cy.fmuser.org -> Galce
yi.fmuser.org -> Yidiş
FMUSER Kablosuz Video ve Sesi Daha Kolay İletin!
İletişim
Adres:
No.305 Oda HuiLan Binası No. 273 Huanpu Yolu Guangzhou Çin 510620
Kategoriler
Kaydolun