Merhaba arkadaşlar, zaten bildiğiniz gibi, sizi düzenli olarak yeni teknolojiler hakkında güncelliyoruz, bugün, eklentinin bir web olduğunu unutmadan, tarayıcıda, videoda ve seste kesintisiz konuşmanıza izin veren Google tarafından geliştirilen bir teknoloji olan WebRTC'yi tanıtacağım. alan. Video ve ses, coristuvachas arasında doğrudan tarayıcıdan indirilir.
WebRTC teknolojisi, Google Chrome'daki Mozilla Firefox tarayıcılarında ve herhangi bir işletim sisteminde desteklenmektedir, Opera da yakında geliyor.
WebRTC nedir?
WebRTC, Web Gerçek Zamanlı İletişim'in kısaltmasıdır, bu teknoloji, başka eklentilere, başkaları için İnternet'teki yazılım hizmetlerine ihtiyaç duymadan tarayıcıda aracı olmadan sesli ve görüntülü sohbetlerin oynatılmasına izin verir. Bağlantı doğrudan tarayıcıdan tarayıcıya bağlanır.
Servislerden bazıları (Skype, Yahoo Messenger, Apple FaceTime, Google Hago, vb.) trafiği başlatmak ve yönetmek için bir harekete geçirme ifadesi olan sunucuyu meşgul eder. Zafer servisleri, kayıt olmamız ve bir müşteri ve irtibat listesi oluşturmamız gerekiyor.
WebRTC ile şefaat öncesi bağlanan sunuculara, programlara veya sunuculara ihtiyacımız yok.
WebRTC'nin faydaları:
1. Bazı kaynakları ve pili koruyan başka program yok.
2. Sohbetler daha fazla mahremiyete sahiptir (schodo).
3. Nasıl iletişime geçileceği, yerel bağlantılar için Flos USA sunucularında değil, yerel düzeyde yapılabilir.
4. Sadelik, zaferin netliği.
5. Daha fazla gelişme olasılığı ve diğer yönlerde.
6. Bağlantı istikrarlıdır ve bölgede bazen istikrarsız olduğu için aynı topraklarda yer almaz.
Asistanlı bir demo için oy verdim, Google'daki insanlar bunu geliştirdi, demoyu bitirmek kolay, daha fazla genişletme yeteneği ve daha fazla akıllı, WebRTC'yi desteklemek gibi eklentilerden birini kazanabilir, Victoria ile daha kolay. Nezabara barışçıl bir arkadaş ve WebRTC programları hakkında.
WebRTC demosu nasıl hacklenir?
Veya aşağıdaki mesaja basın, sohbet otomatik olarak oluşturulacaktır. beni odaya çağır, temasa geçmek istediğin bir arkadaşın/kız arkadaşın suçlusun.
Arkadaş / kız arkadaş ve sizin, ancak yalnızca Mozilla Firefox veya Google Chrome'un kalan sürümlerini suçlayacaksınız.

Demo WebRTC(Giriş sesli-görüntülü sohbet)

Saygı duymak:
Demo çok daha kararlı değil, yalnızca tanıtım amaçlı. Vіn, küçük afların bir gün kazanabileceği bir süre boyunca, saçaklı bir süre boyunca dövülebilir.
Bağlantı sorunlarınız varsa, başka bir sohbet oluşturmayı deneyin.

Bugün WebRTC, tarayıcılarda ses ve video akışı için en popüler teknolojidir. HTTP Akışı ve Flash gibi muhafazakar teknolojiler, kayıtlı içeriği (isteğe bağlı video) dağıtmak için daha uygundur ve WebRTC, gerçek zamanlı ve çevrimiçi yayınlardan önemli ölçüde daha düşüktür. orada, izleyicilerin canlı yayında olanları izlemesini sağlayan minimum bir video blokajına ihtiyacınız var.

Gerçek zamanlı iletişim olasılığı, video akışlarını taşımak için UDP protokolünü kullanan WebRTC mimarisine benzer; bu, videoyu minimum dağınıklıkla iletmek için standart bir temeldir ve gerçek zamanlı iletişim sistemlerinde yaygın olarak kullanılır.

İletişim blokajı, çevrimiçi yayın sistemlerinde, web seminerlerinde ve diğer eklentilerde, bir dzherelom videodan ihtiyaç duyulmayan etkileşimli iletişimde, uçtan uca coristuvachiv'de önemlidir ve bir varyant gerektirecektir.

WebRTC'yi denemenin bir başka nedeni de delice bir trend. Bugün, Android Chrome tarayıcısı, herhangi bir ek yazılım ve konfigürasyon yüklemeden yayına hazır olan milyonlarca eki garanti eden bu teknolojiyi desteklemektedir.

WebRTC teknolojisini tersine çevirmek ve üzerinde basit bir çevrimiçi yayın başlatmak için Flashphoner WebRTC Media & Broadcasting Server sunucu yazılımını kullandık. Özellikler, WebRTC akışlarını "birden çoğa" modunda yayınlama yeteneğinin yanı sıra RTSP protokolü aracılığıyla IP kameraları ve video uyarı sistemleri desteğini iddia eder; Bu özelliklerin web-web yayınlarına bakıyoruz.

Yüklü WebRTC Medya ve Yayın Sunucusu

Windows için sunucu sürümünün sürümü görünmüyordu ve VMWare + Linux türünde bir sanal makine kurmak mümkün değildi, evdeki Windows bilgisayarında çevrimiçi yayınları protesto etmek mümkün değildi. Bir saat kazanmak için, şöyle bir kshtalt için kasvetli bir barındırma örneğini almaya karar verdik:

Amsterdam veri merkezinde önden yüklenmiş herhangi bir yazılım olmadan tüm Centos x86_64 sürüm 6.5. Bu sıralamada, düzene koyduğumuz her şey, sunucu ve ssh'nin yenisine erişimi. Linux konsol komutlarına aşina olanlar için bir WebRTC sunucusu kurmak kolay ve zahmetsiz olmalıdır. Otzhe, scho mi zrobili:

1. Arşivleri alın:

$wget https://website/download-wcs5-server.tar.gz

2. Ambalajın açılması:

$tar -xzf indir-wcs5-server.tar.gz

3. Düzenlemek:

$cd FlashphonerWebÇağrıSunucusu

Kurulum saati için sunucunun IP adresini girin: XXX.XXX.XXX.XXX

4. Lisansı etkinleştir:

$cd /usr/local/FlashphonerWebCallServer/bin

$./aktivasyon.sh

5. WCS sunucusunu başlatın:

$service webcallserver başlangıcı

6. Günlüğe göz atın:

$kuyruk - f /usr/local/FlashphonerWebCallServer/logs/flashphoner_manager.log

7. Yerinde iki işlem olduğunu doğrulayın:

$ps yardımcı | grep Flashphoner

Kurulum işlemi tamamlanmıştır.

Çevrimiçi yayınların WebRTC testi

Yayınların test edilmesi oldukça basit görünüyordu. Krіm sunucusu, kurulum aşamasında /var/www/html klasörüne koyduğumuz bir düzine Javascript, HTML ve CSS dosyası ve dosyalardan oluşan bir web istemcisidir. Yapmanız gereken tek şey flashphoner.xml yapılandırmasında sunucunun IP adresini girmektir, böylece web istemcisi HTML5 Websockets sunucusuyla anında bağlantı kurabilir. Test sürecini anlatalım.

1. Test istemcisi index.html'nin tarafını Chrome tarayıcısında gösterin:

2. Yayını başlatmak için ekranın ortasındaki "Başlat" düğmesine basın.
Bundan önce, aslında, web kamerasının bağlı ve çalışmaya hazır olduğunu yeniden düşünmek gerekiyor. Özellikle web kamerasına ulaşamadık, örneğin bir dizüstü bilgisayara kurulu standart kamerayı 1280x800 ayrı bir bina ile yendik.

Chrome tarayıcı, videonun İnternet sunucusuna nasıl yükleneceğini bilmek ve yüklenmesine izin vermek için hemen kameraya ve mikrofona erişim isteyecektir.

3. Video akışının kameradan WebRTC sunucusuna başarılı bir şekilde yayınlanması için arayüz. Sağ üst köşede sunucuya gittiğini gösteren bir gösterge vardır;

Aşağıdan alanın gücüne saygı gösterin. Vaughn, bu konunun benzersiz tanımlayıcısından intikam almak için tekrar ziyaret etmeden önce gelebilir. Tarayıcıdan dosit vodkriti tse mesajı. Panoya kopyalamak için “Kopyala” düğmesine tıklamanız yeterlidir.

kshtalt web seminerlerine, derslere, çevrimiçi video yayınlarına veya etkileşimli TV'ye yapılan gerçek eklemelerde, perakendeciler bu tanımlayıcının şarkı söyleyen izleyici gruplarına dağıtımını uygulamak zorunda kalacaklar, böylece pis koku gerekli akışlara ve aynı zamanda program mantığına bağlanabilecek. WebRTC Medya ve Yayın Sunucusu її başlamaz, ancak yalnızca videoların dağıtımıyla ilgilenir.

5. Z'ednannya o gözetleme potikini ekrana yükledi. Artık bir başkasına mesaj gönderebilir, akışı durdurabilir veya tam ekran modunu açarak kontrol sağ alt morina ile kontrol edebilirsiniz.

Çevrimiçi yayınlar için WebRTC sunucu test sonuçları

Test saatinin altında, zatrimka umutsuz görünüyordu. Veri merkezine ping 100 milisaniyeye yakındı ve tıkanma görünmüyordu. Gerçek gecikmenin, ara belleğe alma saat başına 100 artı veya eksi birkaç düzine milisaniye olduğunu varsayabilirsiniz. Flash videoları ile nasıl başa çıkılır: Benzer testlerde Flash, WebRTC kadar nazik davranmaz. Yani, elinizle benzer bir çitin üzerindeymiş gibi, sadece bir / iki saniye sonra ekranda sallayabilirsiniz.

Kilimler üzerinde küpleri ayırmanın mümkün olması önemlidir. VP8 codec bileşeninin doğasını takip eder ve ana görevi, görüntülü görüşmeleri gerçek zamanlı olarak hoş bir netlikle ve iletişimde kesinti olmadan sağlamaktır.

Sunucunun kurulumu ve kurulumu kolaydır, başlatılması için sabit bir koristuvach düzeyinde ciddi bir Linux bilgisine ihtiyacınız yoktur, bu nedenle ssh aracılığıyla konsoldan komutlar yazabilir ve bir metin düzenleyici kullanabilirsiniz. Sonuç olarak, tarayıcılar arasında bire çok çevrimiçi yayın elde edebildik. Ek izleyicilerin yayına bağlanması da sorun yaratmadı.

Yayının kalitesi, web seminerleri ve çevrimiçi hareket için oldukça keyifli çıktı. Yemek diyakozlarına seslenen tek kişi, - videoyu gönderdi. Kamera 1280x800'ü destekliyor, ancak test resminde 640x480'e bile benziyordu. Belki perakendecilerle tedarik zincirini kontrol edin.

Web kamerasından yapılan test yayınından video
WebRTC sunucusu aracılığıyla

OpenTok, PubNub ve WebRTC

WebRTC'ye dayalı iletişim hizmetlerinin geliştirilmesi için akıllı platformlar OpenTok ve PubNub

2016-04-08

Web Video Sohbetleri bu günlerde giderek daha popüler hale geliyor. Web Video Chat, bir Web sunucusuna ve tarayıcılara dayalı istemler, diyalog iletişimi için bir web eklentisidir.

En umut verici teknoloji WebRTC API'dir. WebRTC teknolojisine dayalı web sohbetleri, tarayıcıya eklenti eklentileri veya uzantıları yüklemeden metin, ses, video ve verilerin (dosyaların) güvenli bir şekilde iletilmesini sağlar. WebRTC'de görüntülü sohbetin ana unsurları bir tarayıcı ve bir iletişim sunucusudur.

WebRTC'yi destekleyen tarayıcı, servis sağlayıcının iletişim servisleriyle çalışan tüm uzantıları (PC, akıllı telefonlar, iPad'ler, IP telefonlar, cep telefonları vb.) için tek bir arayüz haline gelir. WebSocket, HTML5, CSS3 ve JavaScript'ten WebRTC, yeni nesil web iletişim servislerinin oluşturulmasına olanak tanır. WebRTC teknolojisi, üç JavaScript API'si tarafından uygulanmaktadır.

Eşler arası bir robot için, WebRTC'yi destekleyen iki tarayıcıya sahip olmak, node.js üzerinde çalışan bir sinyal sunucusuna (örneğin bir WebSocket sunucusuna) yönelik bir ip adresi aramak gerekir. Tarayıcılar arası bilgi akışlarının transferinde sunucu görev almaz, ancak tarayıcılar arası bağlantının kurulması için randevuların coristuvachiv olduğunun bir işaretidir.

Bununla bağlantılı olarak, WebRTC desteğinin tüm ana bilgisayarlar tarafından desteklenmemesi, WebRTC API'sine dayalı iletişim eklentilerinin uygulanması ve İnternet web sitesi ile entegrasyon için WebRTC API'lerini destekleyen özel platformları kullanabilirsiniz.

API, API tarafından desteklenen platform (Web servisi) ile iletişim programlarının birlikte çalışabilirliğini sağlar ve SDK, SDK tarafından desteklenen platform ile etkileşime girebilen iletişim programlarının geliştirilmesini sağlar.

Bu tür platformlar görülebilir: TokBox, PubNub, VoxImplant, Twilio gibi OpenTok, NTT Communications gibi SkyWay, Kandy.io, SightCall vb. Lütfen bir iletişim sunucusu kurmak için, web iletişim programları için Node.js'yi kiralık bir sanal sunucu VPS'sinde dağıtabileceğinizi veya karanlık platformların (PaaS) barındırılmasının yanı sıra, örneğin OpenShift gibi Node.js'ye dayalı projeleri destekleyebileceğinizi unutmayın. /Red Hat, Heroku/Salesforce , AWS Elastic Beanstalk/Amazon da.

Ek olarak, bir iletişim programı oluşturmak için HTML5 Web Yuvaları, WebRTC ve Flash teknolojilerine dayalı olduğu için Flashphoner Web Çağrı Sunucusu platformunu (sunucu yazılımı, ses video akışlarının tarayıcı tabanlı çevrimiçi yayınını düzenlemek için tanınır) ekleyebilirsiniz ve OC Linux altında web -Sunucusuna gömmek veya sanal bir VPS sunucusu kiralamak. Aynı zamanda, Flashphoner, Amazon Web Services barındırmada WebRTC sunucusunu (Web Çağrı Sunucusu 5) çalıştırdı.

Buna baktığımızda, WebRTC teknolojisine dayalı en popüler belirsiz iletişim Web hizmetlerini görebiliriz - TokBox ve PubNub gibi OpenTok.

TokBox olarak OpenTok

OpenTok eksiksiz bir PaaS platformudur (bir hizmet gibi platform), bir web sitesini, mobil yazılımı, video iletişimini entegre etmek ve bildirim alışverişini sağlamak için kablolu bir WebRTC iletişim platformudur. OpenTok, tüm dünyadaki veri işleme merkezinin intikamını almak için altyapıyı paylaşabilir.

TokBox gibi OpenTok platformu, perakendecilere Web eklentilerinde (web siteleri), Java/Android ve IOS programlarında WebRTC API'sine dayalı platformlar arası görüntülü sohbetler uygulama yeteneği sağlar.

OpenTok'un mimarisi, WebRTC OpenTok kitaplığının istemci bölümünden (örneğin, OpenTok.js) oluşur, böylece programın istemci bölümüne (web tarafı) görüntülü arama sağlar ve bir dizi araç (OpenTok İstemci SDK'ları) ) istemci programlarını dağıtmak için (JavaScript, Web Java/Android OS ve IOS OS).

Depoların Krіm'i Chastain arhіtekturi OpenTok Je servernі SDK (Open seansTok Server SDK'ları), rozrobki servernoї іnfrastrukturi için SSMSC priznachenі (autentifіkatsії koristuvachіv için upravlіnnya için) koristuvach'ın yanı sıra OpenTok arşivlerine sahip bir robot. Web sunucusu, geçerli bir oturum tanımlayıcısı ve istemcinin oturuma bağlanmak için kazanabileceği bir belirteç iletir.

OpenTok sunucu SDK'ları, ana sunucu tarafı programlama dilleri için mevcuttur: Java, .NET, Node.js, PHP, Python, Ruby. Programın sunucu bölümünün aktarımdan önce girmemesi için başka bir programlamaya ihtiyacı olduğunu belirtirseniz, TokBox, OpenTok oturumları oluşturmak ve OpenTok arşivleriyle çalışmak için OpenTok REST API'sini sağlar.

Bu şekilde, İnternet bağlantıları için iletişim programlarının oluşturulması için, bağlı WebRTC OpenTok istemci kitaplığından ve OpenTok İstemci SDK'larından OpenTok sunucu SDK'larını kazanmak gerekiyordu.

İnternet Üniversitesi'nde tanıtılan WebRTC görüntülü sohbet oluşturmaya yönelik OpenTok platformunu kazanmak için öncelikle TokBox.com'da eğik bir kayıt oluşturmak gerekiyor. Otuz günlük bir süre boyunca OpenTok'un ücretsiz sabit kaydı. Bir muhabirin kaydı, OpenTok iletişim eklentisinin gerekli dağıtımı olan API anahtarını (ApiKey) alabilir. API anahtarı, OpenTok satıcısının genel kaydını tanımlar.

TokBox perakendeci hesabındaki OpenTok satıcısının (https://tokbox.com/developer/guides/) yardımını kullanarak, OpenTok İstemci SDK'larının yardımı için bir iletişim programı (görüntülü sohbet web sitesi) oluşturabilirsiniz. Yazılım için OpenTok platformunu onaylamak için web tarafına OpenTok.js kitaplığını eklemeniz gerekir.

https://static.opentok.com/webrtc/ .../opentok.js

Programın çalışması için gerekli olan oturum tanımlayıcı (SESSIONID) ve belirteç (token), sunucu SDK'larından (OpenTok Sunucu SDK'ları) biri ile Web sunucusunda programlı olarak oluşturulur.

Ancak, API anahtarına (ApiKey) dayalı OpenTok sunucu SDK'ları olmadan programın bir test sürümünü oluşturmak için, perakendecinin yardım araç çubuğunu kullanarak oturum kimliğini ve oturum kimliğinin işaretçisini manuel olarak alabilirsiniz. İstemci, oturuma erişmenizi sağlayan bir simgeye ihtiyaç duyar.

"apiKey" anahtarı, "sessionId" oturum tanımlayıcısı ve "token" işaretçisi gibi değişikliklerin adları şöyle görünebilir:

var apiKey = "17493650";
var sessionId= "2_MX40NT...tWXR-UH4";
var belirteci= "T1==cGFyd...2RhdGE9";

Oturum tanımlayıcısı (SESSIONID) ve belirteç ile oturum nesnesi oluşturulduğunda, program oturum nesnesini başlatır.

var session = OT.initSession(apiKey, sessionId);

İstemciyi oturuma bağlayalım ve ses ve video akışlarını yayınlayalım:

session.connect(belirteç, fonksiyon(hata) (
yayıncı = OT.initPublisher("yayıncı");
session.publish(yayıncı);
});

Bir istemci bir oturuma bağlandığında, program Publisher OpenTok nesnesini başlatır ve diğer istemcilerin bundan faydalanabilmesi için bu oturum için ses ve video akışını yayınlar.

oturum.on((
streamCreated: function(event) (
session.subscribe(event.stream, "abone");
}});

Bu sayede sitenize aktarılabilen OpenTok platformuna dayalı WebRTC görüntülü sohbetin temelini oluşturabilirsiniz. TokBox perakendecisinin genel kaydında oluşturulan WebRTC'deki görüntülü sohbetin ekran görüntüsünün arayüzünün küçük 2 görünümü için.

Ardından, bir film programlaması için OpenTok Sunucu SDK'larını kullanarak görüntülü sohbetin bir sunucu bölümünü oluşturmanız gerekir. OpenTok Sunucu SDK'ları, programlı olarak OpenTok oturumları oluşturmanıza, belirteçler oluşturmanıza ve OpenTok arşivlemeyi yönetmenize olanak tanır.

Ardından, TokBox'ta medya akışlarını (Medya Akışları) aktarmanın iki modunu seçin:

• aktarılmış (yeniden iletim), bu modda, medya akışları eşler arasında aracı olmadan iletilir (örneğin, bire bir görüntülü sohbet ile tarayıcılar arasında);
• yönlendirilmiş (yönlendirme), bu modda OpenTok Medya Yönlendiricisi, istemciler arasında ses-video akışlarını yönlendirmek için kullanılır (örneğin, zengin güvenlikli bir coristuvachi veya çevrimiçi yayınlar için bir grup görüntülü sohbeti için).

PubNub

PubNub, IoT (Nesnelerin İnterneti), Mobil ve Web için küresel bir akış ortamıdır. PubNub, cep telefonları, tabletler, web tarayıcıları, web siteleri vb. gibi farklı platformlar arasında web iletişimini düzenlemeyi amaçlayan gerçek zamanlı bilgi alışverişi için bir web hizmetidir. PubNub, platformlar arası iletişim eklentileri oluşturma ve bunları Web eklentilerine (web siteleri) ve mobil uygulamalara (Java/Android ve IOS OS) oluşturma yöntemiyle ana programlama dilleri için 70'den fazla SDK sağlar.

Yandaki PubNub gönderimlerinin SDK'ları tarafından desteklenen mov'ların listesi: https://github.com/pubnub/pubnub-api. Belirli PubNub yazılım platformlarına yönelik API arabirimlerinin de REST API tarafından desteklendiğine dikkat edilmelidir. Örneğin, PubNub WebRTC SDK, eşler arası bir mimaride tarayıcılar arasında gerçek zamanlı olarak web iletişimlerini (eşler arası ağlar) düzenlemek için tasarlanmıştır. PubNub platformuna ve WebRTC teknolojisine dayalı bir iletişim programındaki bileşenlerin birbirine bağımlılığının mimarisi Şekil 2'de gösterilmektedir. 3.

WebRTC görüntülü sohbet bileşenleri arasındaki etkileşim şemasından görüldüğü gibi (Şekil 3), PubNub platformu WebRTC eklentileri için bir ölçeklendirme sinyal sunucusu (hizmet sunucusu) olarak kullanılır. Ayrıca PubNub platformu, mevcudiyet (muhatap bölgesinde mevcut olanlar veya muhabirin mevcut listesi hakkında bilgi), kaydetme/yeniden açma (muhabirin bilgileri saklamasına izin verme) gibi ek fonksiyonların kullanılabilirliğini sağlayacaktır. geçmiş sezonun tarihi) uzun süredir.

İletişim PubNub platformunu temel alan WebRTC eklentileri, bir tarayıcı ve bir hizmet sunucusu arasında bildirim alışverişi yapmak için iki yola (WebSockets ve AJAX) sahiptir. PubNub, WebRTC'yi PubNub platformuna bağlamak için yeni bir API önermektedir. PubNub WebRTC API, PeerConnection WebRTC API'sini kullanarak eşler arası bir mimaride iletişim kurmalarına izin vermek için eş tarayıcılar arasındaki sinyalleri hackler. Tarayıcılar arasında sinyal mesajlarının değişiminden sonra, video akışları ve yeterli veri alışverişi için aralarında çift yönlü bir bağlantı kurulur. Tarayıcı çağrıları PubNub tarafından koordine edilir.

PubNub hizmeti, tüm bileşenlerin bir etkileşimi olarak, saatte bildirim alışverişi ve ayrıca küresel akış yöntemiyle eşler arası temelde tarayıcılar arasında bir bağlantının gerekli kurulumunu sağlar.

Görüntülü sohbet oluşturmak için PubNub platformunu kazanmak için, ilk sırada, kopyalanmayan eğik kayıt oluşturma yöntemiyle PubNub'a kaydolmanız gerekir. API anahtarlarını almak için kayıtlar yapılabilir abone_keyі yayın anahtarı, PubNub iletişim ekinin gerekli ayrıntıları. Ardından, eğik kaydınıza, güvenlik, o güvenliğin varlığı gibi işlevleri ekleyebilirsiniz.

API anahtarları kaldırıldıktan sonra, PubNub platformuna dayalı bir iletişim programı oluşturmaya, ana programlama dillerinden biri olan SDK'ları oluşturmaya veya demo programları (şablonlar) oluşturmaya devam edebilirsiniz. Bir iletişim programı oluşturmaya yönelik ilk kılavuz yanda sunulmuştur: https://www.pubnub.com/docs/tutorials/pubnub-publish-subscribe. https://www.pubnub.com/docs/webrtc-javascript/pubnub-javascript-sdk adresinde gözden geçirilen PubNub WebRTC SDK'ya dayalı görüntülü sohbet oluşturmaya yönelik ipuçları.

Sıfırdan bir WebRTC görüntülü sohbeti oluşturmak için, bir yardımcıya birkaç basit JavaScript API'si eklemek gerekir:

• PubNub HTML kitaplığını yan tarafa bağlayın. istemci başlatmadan önce HTML yan kodundan önce JavaScript PubNub SDK'yı etkinleştirin;
• init() - PubNub API istemcisini başlatır;
• abone() - ilk kanala fazla ödeme yapın (tıklayın ve abone olun() PubNub API yöntemi);
• yayınla() - belirli bir kanala bildirim gönderin (PubNub API'sinin yayın() yöntemini tıklayın);
• unsubscribe() - şarkı kanalına fazla ödeme yapmak için hareket edin.

PubNub istemci API'sinin başlatılması şöyle görünebilir:
var PUBNUB = PUBNUB.init((
yayınlama_key: "Yayınlama Anahtarınız",
abone_key: "Abone Olma Anahtarınız"
});

PubNub WebRTC tabanlı bir WebRTC görüntülü sohbeti oluşturmak için geçerli bir çıktı koduna sahip bir şablon indirebilirsiniz: https://www.pubnub.com/developers/demos/webrtc/. Robotik görüntülü sohbeti yeniden doğrulamak için iki bilgisayardan belirtilen adrese gitmek gerekir, tarayıcılarda görüntülenen görüntülü sohbet arayüzünde telefon numaraları coristuvachas'a atanır. Kredi kartı talebinde bulunmak için, "Alıcı yazın" metin alanına telefon numarasını girin ve ahize görüntüsündeki butona tıklayın.

Sonuç olarak, video kameralardan gelen görüntüler tarayıcıya beslenir ve monitörlerin ekranlarında görüntülenir. Ayrıca, bu görüntülü sohbet, metin aktarımı sohbeti işlevi görecek şekilde tasarlanmıştır. Koristuvachі povinnі'yı listelemek için "burada sohbet et" alanının yanındaki metni girin ve "Enter" tuşuna basın. Küçük bir 4 görüntüleme için, 164 numaralı telefon numarasına sahip bir koristuvach'ın görüntülü sohbetinin ekran görüntüsü.

Pirinç. 4.WebRTC ile PubNub

Küçük bir 5 görüntüleme için 128 numaralı telefonla bir koristuvach'ın görüntülü sohbetinin ekran görüntüsü.

Pirinç. WebRTC ile 5.PubNub

HTML5 ve CSS3 hiper metin işaretlemesi yardımı için parçalanma için Web iletişim programının koristuvach arayüzü için randevular. İletişim programının istemci bölümünün kodu JS'ye bölünmüştür. Web iletişim programından önce kütüphaneler dahil edildi: JQuery, PubNub JavaScript SDK ve PubNub WebRTC SDK.

WebRTC, bir tarayıcı aracılığıyla gerçek zamanlı sesli/görüntülü aramalara izin verir

Bu konu için sizlere en basit WebRTC eklentisini nasıl uygulayacağınızı anlatacağım.

1. getUserMedia - medya cihazlarına erişim (mikrofon / web kamerası)

Katlanabilir bir şey yok, 10 satır javascript kodu yardımı için tarayıcınızda (demo) hissedebilirsiniz.

index.html oluştur :

Video öğesinden önce css3 filtreleri ekleyebilirsiniz.

WebRTC geliştirmenin bu aşamasında, tarayıcıya “hangi siteye güvendiğimi, kamerama ve mikrofonuma erişim izni verdiğini” söyleyemeyen ve cilt tonu / yan güncellemeden sonra İzin Ver'e basmam gereken kişiler tarafından kafam karıştı.

Pekala, bir tarayıcıda kameraya erişim izni verdiyseniz ve tekrar denerseniz, PERMISSION_DENIED'e erişim izni alıp almadığınızı tahmin etmeyelim.

2. Sinyal sunucusu (sinyal sunucusu)

Burada, bir istemcide webRTC olasılığını göstermek için daha fazla "webrtc başlarken" talimatları, pis kokular dizisini kırıyorum, bu da açıklamaya biraz daha ekledi.

Sinyal sunucusu, istemciler arasındaki iletişimi sağlayan, aramaları başlatan ve kapatan, af çağrılarını yapan WebRTC koordinasyon merkezidir.

Bağlantı noktamızdaki sinyal sunucusu Node.js + socket.io + node-static, 1234 numaralı bağlantı noktasını dinliyor.
Ayrıca, her şeyden önce node-static, index.html'yi kullanabilir, bu nedenle ekimizi mümkün olduğunca bağışlayacağız.

Baba programları için aşağıdakileri yüklemek gerekir:

NPM kurulum socket.io NPM kurulum düğümü statik

EVROPEYSKIY KORRIVUCHIY MEREZHI DVI ÜZERİNE BİTTİ Parçalar: Allenbakh'ta (NІMECHINA) Zgіdulyzi Writhuanons Analizu Mudsochi Duma, Skype, Sohbet Mittzova Obmіna Riddomlenni Sistemleri Nevid'єnnoy Özel Doroslich oldu, 9,5 milyon Droslich için 9,5 milyon Özel Ömür hizmetler vіpadku vіd ve onlardan önce 28 milyon takılmıyor.

Durum değişebilir, parçalar artık Firefox ile entegre edilmiştir gerçek zamanlı iletişim teknolojisi (WebRTC) ve müşterinin kendisini arayın. Sesli ve görüntülü sohbete başlayın, şimdi hiçbir şey daha karmaşık değil, siteyi indirin. Facebook ve Skype gibi bu tür hizmetler ise, mutabık kalınan müşterinin çözümüne ve kamuya açık bir kayıt oluşturulmasına ilişkin bahsinizi artıracaktır.

WebRTC, yalnızca zastosuvannya'nın sadeliği ile yankı uyandırmaz. Bu yöntem, yüklemenizi sağlar iki tarayıcı arasında doğrudan bağlantı. Bu şekilde, ses ve video verileri, aşırı yüklenebileceği sunucudan geçmez, aksi takdirde herhangi birinin yöneticisi, özel alanın özel olarak yeniden anlatılması veya verilerin korunması ile ilgilenmez. WebRTC doğrudan bağlantısı için ne kayıt ne de hizmet kaydı gerekli değildir.

Koçanı için sadece yardıma gitmek gerekir. Spillkuvannya özel oldu Veri akışı parçaları şifrelenir. Bir tarayıcı aracılığıyla gerçek zamanlı iletişim, Google, WebRTC uygulamasının kodunu yayınladığı 2011 yılında aktif olarak çalışmaya başladı.

Son zamanlarda, son Chrome ve Firefox, güçlü WebRTC motorları tarafından alındı. Bu saatte mobil seçenekler hem aynı teknolojiyle hem de Android 5.0 ile tek seferde yüklenebilen eklentilerle donatılmış WebView 3.6 motoruyla donatılıyor.

Gerçek zamanlı iletişim için web tarayıcısına bir JavaScript arayüzü sağlanmalıdır. GetUserMedia'nın yardımı için yazılım, ses ve video cihazlarının, yani web kamerasından ve mikrofondan depolanmasını etkinleştirir. RTCPeerConnection, bağlantının kurulmasından olduğu kadar iletişimin kendisinden de sorumludur.

Tarayıcı entegrasyonuna paralel olarak World Wide Web Consortium (W3C) çalışma grubu, WebRTC standardizasyon sürecini zorluyordu. Mayıs 2015 gibi erken bitecek.

WebRTC Malim'den memnun

WebRTC hizmetinin çalışması için çok fazla kaynağa gerek yoktur; z'ednanny'nin kurulumu da özellikle katlanabilir hale gelmiyor. Aynı zamanda, tarayıcı WebRTC sunucusuna bir çağrı göndermeyi planladığına dair bir sinyal gönderir. Sunucunun şarap türünü HTTPS etkin olarak tanımlar - arama şifreli bir biçimde yapılır. Tsey link koristuvach, casus şefine üstün gelir. Bundan sonra, tarayıcı koristuvach'tan web kamerasına ve mikrofona erişmesini istedi.

Bir tarayıcı tarayıcısıyla doğrudan akış bağlantısı kurmak için, tarayıcı WebRTC hizmet türünü ve IP adresini ve verilen yapılandırmayı tanıyacaktır. Svіvrozmovnik'in web tarayıcısı aynen böyle gelmelidir.

Akış bağlantısının hatasız ve yüksek düzeyde çalışması için tarayıcıda üç motor çalışır. İkisi sesli videoyu optimize eder ve sıkıştırır, üçüncüsü ise ulaşımları içindir. Vіn yardım için veri gönderdi SRTP protokolü(Güvenli Gerçek Zamanlı Aktarım Protokolü), şifreli gerçek zamanlı akışa izin verir.

Doğrudan nasıl kuracağınızı bilmiyorsanız, WebRTC başka bir yol arar. Örneğin, merezhevy nashtuvannya, STUN sunucusunun IP adresini söyleyebileceği gerçeğine dönüşürse, bu durumda olmalıdır. WebRTC standardı, TURN (NAT çevresinde Röleleri Kullanarak Geçiş) sunucusu açık olsa bile, bir şekilde mümkün olanı iletir. Böylece netscan.co sitesinde WebRTC'nin bilgisayarınızda uygulanıp uygulanmadığını ve Merezhya'ya erişiminiz olup olmadığını kontrol edebilirsiniz.

Gün nasıl

Bir rozmovu (1) kaydettirmek gereklidir. Bir arayan göndermek gerektiğinden WebRTC hizmeti bir istek verir. STUN sunucusunun arkasındaki tarayıcı kendi IP adresini (2) alır, hizmeti düzenler ve doğrudan bağlantı kurmak için ortağın IP'sini alır (3). STUN kazanmaya çalışmazsa, biberiye TURN sunucusunun (4) yardımına yönlendirilir.

Tarayıcıda WebRTC teknolojisi talebi, ek JavaScript için başlatılır. İletişimden üç motor sorumludur: ses motoru ve video motoru, web kamerasından ve mikrofondan multimedya verilerini toplar ve taşıma motoru, SRTP (Güvenli Gerçek Zamanlı Protokol) protokolünü kullanarak bu bilgileri şifreli video ile birleştirir.

Tarayıcılar WebRTC ile nasıl çalışır?

Chrome ve Firefox, talky.io gibi bir tür hizmet olan bir WebRTC motoruyla donatılmıştır. Mozilla gibi bir tarayıcı, doğrudan müşterinizle birlikte kullanılabilir.

Google ve Mozilla, gerçek zamanlı iletişim fikrini geliştirmeye devam ediyor: Chrome, mümkün olduğu kadar çok katılımcıyla bir WebRTC konferansına ev sahipliği yapabilir ve Firefox'un yeni müşterisi Hello, telekomünikasyon devi Telefonica'nın bir yan kuruluşu tarafından geliştiriliyor. Apple hala kenarda, Safari WebRTC kontrolleri hala varto değil. Ancak, iOS için meçhul alternatif programlar ve Safari için eklentiler yoktur.

Microsoft Corporation farklı bir yol izliyor. Rekabetçi Skype hizmetinin ustası olan bu şirket, WebRTC'ye bu kadar kolay teslim olmayı seçmiyor. Microsoft, Internet Explorer için ORTC (Nesne Gerçek Zamanlı İletişim) adlı bir teknoloji geliştiriyor.

WebRTC'deki bu tür özellikler ve sunucu ile iletişim kurmak için diğer kodekler ve protokoller önemsizdir ve her şey için daha uygundur, birçok fark içeren WebRTC standardına bir eke dönüşür. Bu rütbede, denizde, Apple'dan daha azı var - bir iblis gibi.

Bir fotoğraf: virüs şirketleri; goodluz/Photolia.com

programlar