Fotoaparat u pregledniku. Skype, korak-po-korak upute za stvaranje WebTC aplikacija - prizor "u ekstremnoj". Informirati. Kako organizirati WebTC Online Broadcast pomoću web-kamere i VPS poslužitelja testiranje WebRTC online emisije
U ovom članku želim reći kako koristite WEBRTC i Bitrix tehnologije, stvoriti svoju multimedijsku web aplikaciju :)
Malo o tehnologiji
WebRTC tehnologija pojavila se relativno nedavno, prvi nacrt uveden je u studenom 2012. i doslovno za godinu tehnologije dosegla dobru razinu i već je moguće koristiti.
Tehnologija nudi programere mogućnost stvaranja multimedijskih web aplikacija (video / audio poziva) bez preuzimanja i instalacije dodatnih dodataka.
Njegov je cilj izgraditi jednu platformu za komunikaciju u stvarnom vremenu, koja će raditi u bilo kojem pregledniku i na bilo kojem operativnom sustavu.
Nedavno je popis podržanih aplikacija bio vrlo mali i sastojao se od samo jednog preglednika: Google Chrome.
Tijekom protekle godine, ovaj se popis značajno proširio i tehnologija je počela podržavati gotovo sve moderne preglednike :)
U ovom trenutku je: Mozilla Firefox 27+ i na temelju WebKit preglednika - Google Chrome 29+, Opera 18+, Yandex.browser 13+.
Postoji nada da će Safari uskoro biti na ovom popisu, budući da je tvrtka ušla u radnu skupinu WEBRTC u veljača 2014..
Nažalost, Microsoft ne planira implementirati WIBRTC i stvoriti svoju CU-RTC-Web tehnologiju, ali možda će svoju tehnologiju učiniti više ili manje kompatibilnim.
Za korisnike Internet Explorer nudimo oslobađanje računalne aplikacije na bazi kroma i ponuditi svoje preglednike bez podrške ovoj tehnologiji.
O tome kako koristimo WebTC tehnologiju i rad aplikacije za desktop, rekao sam Konferencija o zimskom partneru 1c-BitrixMožete gledati moje izvješće na mreži ili preuzeti videozapis :)
Kako WebTC radi?
Nakon što ste pročitali gore navedene crte, najvjerojatnije ste već nedostajali da biste napravili WIBRTC aplikaciju i praktički zatvorili stranicu :)
Ali da dodirnem paniku!Već imamo sve u proizvodu, uvjerite se sami:
1. Alarm protokol u stvarnom vremenu možete organizirati na temelju našeg PUSH & BULL i modula za Nginx Server - Nginx-Push-stream-Stream-Mode, kako raditi s njima detaljno napisanim u mom blogu na bitmix (ako Ova opcija koju ne odgovara, možete jednostavno zamijeniti drugi proizvod, na primjer na socket.IO);
2. Za puzanje Nata, stvorili smo uslugu u oblaku koja je dostupna svim korisnicima proizvoda na turn.calls.bitrix24.com;
i najugodnija stvar :)
4. Razvili smo posebnu komponentu u kojoj se provodi sva logika za ono što možete brzo ubrzati i početi pisati aplikaciju (komponenta je dostupna u Push & Pull modulu iz verzije 14.1.5);
Pokrenite demo aplikaciju :)
U Push & Pull modulu (/ Bitrix / Modules / Pul /), počevši od verzije 14.1.5, pojavila se mapa demo. U njoj trenutno postoje dva primjera:
1. Primjer rada s modulom "Push & Pull";
2. Primjer rada s WEBRTC-om;
O drugoj samo htjeli razgovarati :)
Za početak rada slijedite ove korake:
1. Kopirajte komponentu iz mape / Bitrix / Module / Pull / DEMO / WEBRTC / Compactants /, na primjer ovdje / Bitrix / Compactens / YourCompanyprefix /
2. Kopirajte stranicu / Bitrix / Module / Pull / DEMO / WEBRTC / HTML /, na primjer, u korijenu vaše web-lokacije;
3. Konfigurirajte modul za poticanje i povlačenje za rad s poslužiteljem reda;
4. Registrirajte dva korisnika;
Sve, sada možete otići na ovu stranicu pod dva različita korisnika i početi pozivati \u200b\u200bjedni druge :)
Najbolja dokumentacija je izvorni kod
Ukratko ću opisati svrhu svake funkcije, koja se koristi u demo_webrutc.js (koji se nalazi u komponenti), sve ostalo, nadam se da će biti jasno iz izvornog koda.
Što bi bilo bolje razumjeti komponentu i kako to radi, pročitajte ova dva članka, pomoći će vam lakše navigirati:
Stvaranje vaše JS knjižnice: JS, CSS, fraze, ovisnosti.
Rad s modulom "Push & Pull"
Webrertc: inicijalizacija
Yourcompanyprefix.webrtc ()
Ova klasa klase WebRTC opisuje zadane vrijednosti i rad s signalizacijom.
Napomena: BX.gargage će raditi prilikom napuštanja stranice ili ponovno pokretanje sustava, možete odrezati poziv.
Bx.inheritwebrtc (yourcompanyprefix.webrtc);
Ova značajka mora se izvršiti odmah nakon inicijalizacije, objavit će sve osnovne klase naše BX.Webrtc osnovne knjižnice
WebRTC: UserMedia API
Yourcompanyprefix.webrtc.startgetuusermedia.
Funkcija za brz pristup video kamera i mikrofon
Yourcompanyprefix.webrtc.onusermediasess.
Ova se značajka naziva kada je događaj pokrenut događajem "Uspješni pristup opremi".
Yourcompanyprefix.webrtc.onusermermerredor.
Ova se značajka naziva kada se događaj pokreće događaj
WEBRTC: PeerkNection API
Yourcompanyprefix.webrtc.setlocalandsend.
Funkcija postavlja meta-informacije o trenutnom korisniku i prenosi ga drugom korisniku.
Yourcompanyprefix.webrtc.OnremotestreSladdeddeddedded
Ova se značajka naziva kada je događaj pokrenut pomoću daljinskog medija, da biste ga prikazali u video oznaci
Yourcompanyprefix.webrtc.OnremotestreMomer.
Ova se značajka naziva kada je događaj pokrenut događajem "Onemogućeno medijskim", kako bi se isključio u video oznaci
Yourcompanyprefix.webrtc.OneCadidadati.
Ova se značajka naziva kada je događaj pokrenut od strane "na potrebi prijenosa meta-informacija o kodecima, IP-u i drugim informacijama" drugom korisniku
Yourcompanyprefix.webrtc.pheerconnectionError
Funkcija se zove kada se pojavi pogreška veze između korisnika
Yourcompanyprefix.webrtc.pheerconnectionrecticcect.
Funkcija šalje zahtjev za pokušaj ponovnog povezivanja korisnika na postojeću sesiju, na primjer zbog pogreške
Yourcompanyprefix.webrtc.deleteevents.
Funkcija vraća sve modificirane varijable za novi poziv.
WEBRTC: API signalizacije
Yourcompanyprefix.webrtc.callinvin.
Funkcija za slanje poziva drugom korisniku u videopozivu
Yourcompanyprefix.webrtc.calnswer.
Funkcija za slanje potvrde na postavku videopoziva
Yourcompanyprefix.webrtc.caldecline.
Funkcija za slanje otkazivanja ili videopoziva
Yourcompanyprefix.webrtc.callcommand.
Funkcija za slanje drugih naredbi drugom korisniku (korisnik je spreman za instalaciju veze, korisnik je zauzet i tako dalje)
WEBRTC: Osnovne naredbe (iz knjižnice Core_Webrtc.js)
Yourcompanyprefix.webrtc.ready.
Provjerite je dostupan WebRTC u trenutnom pregledniku
Yourcompanyprefix.webrtc.signalingready.
Provjerite je dostupno signaliziranje na trenutnoj stranici
Yourcompanyprefix.webrtc.toggleaudio.
Uključivanje / isključivanje mikrofona
Yourcompanyprefix.webrtc.torvideo.
Uključite / isključite kameru
Yourcompanyprefix.webrtc.OneConnectionStatechange.
Funkcija se zove kada se pokrene priključak za instalaciju veze
Yourcompanyprefix.webrtc.onsignalingstatechange.
Funkcija se zove kada se aktivira događaj "Promjena komunikacije"
Yourcompanyprefix.webrtc.attachmediaam
Funkcija za instaliranje videozapisa / audio struje u oznaku videozapisa
Yourcompanyprefix.webrtc.log.
Funkcija prijave
Nadam se da će vam ovaj članak biti koristan.
OpenOK, Pubnub i Webrertc
Cloud platforme OPENTOK i PUBNUB za razvoj komunikacijskih usluga na temelju WEBRTC-a
2016-04-08Trenutno, web video chats postaju sve popularniji. Web Video chat je web aplikacija za dijalog za komunikaciju na temelju web poslužitelja i preglednika.
Od svih postojećih tehnologija za izgradnju web videa (Ajax; Java; Flash tehnologija; ASP.NET + Silverlight; HTML5 + JavaScript na temelju WebTC API-ja, itd.) Najperspektivnija tehnologija je WebTC API. Web chat sobe izgrađene na temelju WEBRTC tehnologije pružaju visokokvalitetan tekstualni prijenos, glasove, video i podatke (datoteke) bez instaliranja dodatnih dodataka ili proširenja u preglednicima. Glavni elementi video chat na WEBRTC-u je preglednik i kontaktni poslužitelj.
WEBRTC preglednik postaje jedno sučelje za sve korisničke uređaje (PC, pametne telefone, iPads, IP telefoni, mobilni telefoni itd.) Koji rade s komunikacijskim uslugama. WebRTC s WebSocket, HTML5, CSS3 i JavaScript omogućuju vam stvaranje novih generiranja web komunikacijskih usluga. Tehnologija WebTC-a provodi se tri JavaScript API sučelja.
Za rad vikering je neophodan s dva preglednika koja podržavaju WEBRTC, kontaktirajte IP adresu na signalni poslužitelj (na primjer, WebSocket poslužitelj) radi na node.js. Poslužitelj ne sudjeluje u prijenosu informacijskih tokova između preglednika i je alarm i namijenjen je za postavljanje veze između korisničkih preglednika.
Zbog činjenice da WebTC podrška provodi svi hosting, za implementaciju komunikacijskih aplikacija na temelju WEBRTC API-ja i integrirati ih u web stranice (web stranice) Interneta, možete koristiti posebne platforme koje podržavaju WEBRTC i pružanje API-ja i SDK-e.
API osigurava interakciju komunikacijskih aplikacija s platformom (web servis) koja pruža ovaj API, a SDK pruža razvoj komunikacijskih aplikacija koje mogu komunicirati s platformom koja pruža ovaj SDK.
Takve platforme uključuju: Opentok iz tokbox, Pubnub, Voximplant, Twilio, Skyway iz NTT Communications, Kandy.io, razgledavanje itd. Treba napomenuti da stvoriti kontaktni poslužitelj, možete implementirati node.js za web komunikacijske aplikacije na iznajmljenom VPS virtualnom poslužitelju ili koristiti hosting platforme u oblaku (PAAS), koji podržavaju projekte na temelju node.js, na primjer, OpenShift / Red Hat, Heroku / Salesforce, AWS Elastic Beanstalk / Amazon, itd.
Osim toga, da biste stvorili komunikacijsku aplikaciju, možete kupiti platformu FlashPhoner Web poziva poslužitelja (poslužitelj softver dizajniran za organiziranje online emisija preglednika audio i video streamove), koji se temelji na HTML5 web-lokacijama, WebTR i Flash tehnologiji i instalirajte ga na Web -Server pod OC Linux ili iznajmljenim virtualnim VPS poslužiteljem. Trenutno, FlashPhoner je rasporedio svoj WEBRTC poslužitelj (Web pozivni poslužitelj 5) na Amazon web usluge Oblačno hosting.
U ovom pregledu razmotrite najpopularnije web-usluge za komunikaciju u oblaku na temelju WEBRTC tehnologije - Opentok iz Tokboxa i Pubnub.
Opertok iz tokboxa.
Opentok je Platforma PAAS Cloud (platforma kao usluga), koja je WebRTC host komunikacijska platforma za integraciju u web stranice i mobilne komunikacije i alate za razmjenu poruka. Opentok ima distribuiranu infrastrukturu koja sadrži centre za obradu podataka širom svijeta.
Otvorena OpenOK platforma iz Tokbox pruža programere s mogućnošću ugrađenih uzoraka cross-platforme na temelju WebTC API na web aplikaciji (web stranice), Java / Android i IOS aplikacije.
Arhitektura Opentok sastoji se od klijentskog dijela knjižnice WebTC OpenOK (na primjer, Opentok.js), koji pruža ugradnju video linkova na klijentski dio aplikacije (web-stranica) i skup alata (Openok klijent SDK) za Razvoj aplikacija klijenata (JavaScript / Web aplikacije, Java OS / Android i IOS OS).
Osim toga, kompozitni dio Opentok arhitekture je poslužitelj SDK (OpenK Server SDKS), koji su dizajnirani za razvoj poslužiteljske infrastrukture (za upravljanje i autentifikaciju korisnika) aplikaciju koja pruža dinamičku generaciju jedinstvenih identifikatora Opentok ID i markera ( Token) za svakog korisnika, kao i rad s opertok arhivima. Web poslužitelj prenosi odgovarajući identifikator sesije i oznaku koju klijent tada može koristiti za povezivanje s sesijom.
Serks Sdks Opentok dostupni su za glavne programske jezike poslužitelja dijela aplikacija: Java, .net, Node.js, PHP, Python, Ruby. Treba napomenuti da ako je potreban drugi programski jezik za poslužiteljski dio aplikacije, koji nije uključen na popis na popisu, TOKBOX pruža API za Opentok kako bi stvorio opertok sesije i radi s opertok arhiva.
Dakle, za stvaranje komunikacijskih aplikacija za internet čvorove, koristite poslužitelj SDKS OpenOK u kombinaciji s WebTC Openok Knjižnicom Knjižnice i Open Client Sdks.
Da biste koristili platformu Opentok za stvaranje WIBRTC video chat ugrađeni u internetsku mrežu, prije svega, morate stvoriti račun na tokbox.com. Besplatni račun o Opentoku vrijedi trideset dana. Registrirani korisnik ima mogućnost dobiti API ključ (apikey) potreban za razvoj komunikacijske aplikacije Opentok. Ključ API identificira račun Opentok developera.
Koristeći Vodič za razvojne programere Opentok (https://tokbox.com/developer/guides/) u računu tokbox programera možete stvoriti komunikacijsku aplikaciju (video chat web stranicu) koristeći Opentok klijentske sdks. Da biste koristili Opentok platformu za aplikaciju, morate omogućiti opentok knjižnica.js na web stranicu.
https://static.opentok.com/webrtc/ ... / Openk.js
Identifikator sesije (sesija) i marker (token) Aplikacija potrebna za funkcioniranje obično se proizvodi programski na web poslužitelju s jednim od SDK poslužitelja (OpenK Server SDK).
No, da biste stvorili testnu verziju aplikacije bez poslužitelja Sdks Opentok, možete, na temelju API ključa (Apikey), dobiti id sesije i marker za ovaj identifikator sesije ručno pomoću alatne trake razvoja. Klijent treba marker koji mu daje pristup sjednici.
Uzorci takvih varijabli kao "Apikey" ključ, identifikator sesije "sesija" i oznaka "token" su:
varpij = "17493650";
var sesija \u003d "2_mx40nt ... TWXR-UH4";
vAR token. \u003d "T1 \u003d\u003d cgfyd ... 2rhdge9";
Nakon izrade objekta sesije s identifikatorom sesije (sesija) i marker (token), aplikacija inicijalizira objekt sesije.
var sesija \u003d ot.initession (apikey, sesija);
Klijent se zatim povezuje sa sjednicom i objavljivanjem audio i video toastoka:
sesija.Connect (token, funkcija (pogreška) (
Izdavač \u003d ot.initpublisher ("izdavač");
sesija.Publish (izdavač);
});
Nakon povezivanja klijenta na sesiju, aplikacija inicijalizira izdavač Opentok objekt i objavljuje audio i video stream za ovu sesiju kako bi vidjeli druge klijente.
sesija.On (((
Streamcreated: funkcija (događaj) (događaj) (
sesija.Subscribe (događaj.stream, "pretplatnik");
}});
Dakle, u skladu s razvojem programera, možete stvoriti osnovu WebTC video chat na temelju Opentok platforme, koji se može implementirati na vašoj web-lokaciji. Slika 2 prikazuje sučelje screenshot ovog video chat na WebTC kreiranom u računu Tokbox Developer.
Zatim morate stvoriti poslužitelj dio video chat pomoću OpenK Server Sdks za jedan od programskih jezika. OpenK Server Sdks vam omogućuje da programično stvorite sesije Opentoka, generiraju markere i rade s Arhiviranjem Opentok.
Treba napomenuti da TOKBOX koristi dvije medijske tokove (medijske tokove):
- releyed (relej), u ovom načinu rada, medijski tokovi se prenose izravno između peering (na primjer, između preglednika korisnika u video odjeljku jedan na jedan);
- usmjereni (usmjeravanje), u ovom načinu rada, koristeći OpenK medijski usmjerivač za usmjeravanje audio-video toka između klijenata (na primjer, u više igrača ili grupnog video chat za online sastanke).
Pubnub.
Pubnub je globalna mreža za streaming podataka za: IOT (Internet stvari), Mobile i Web. Pubnub je u realnom vremenu zamućena usluga web-poruka koja je namijenjena organiziranju web komunikacija između različitih platformi: mobilni telefoni, tablete, web preglednici web čvorova itd. Pubnub pruža više od 70 SDK za osnovne programske jezike kako bi se stvorile komunikacijske komunikacijske aplikacije i ugradili ih na web-aplikacije (web stranice) i mobilne uređaje (Java / Android i IOS OS).
Popis podržanih jezika i SDK usluga PUBNUB prikazan je na stranici: https://github.com/pubnub/pubnub-api. Treba napomenuti da osim APIS-a, softver Pubnub također podržava ostale API. Na primjer, PUBNUB WEBRTC SDK je dizajniran za organiziranje web komunikacija (mreže bez vršnjaka) u realnom vremenu između preglednika na peer-to-peer arhitekturi. Arhitektura interakcije komponenti komunikacijske prijave na temelju platforme Pubnub i tehnologije WebTC-a prikazana je na Sl. 3.
Kako slijedi iz strujne interakcije WebTC komponenti video chat (sl. 3), platforma pubnub se koristi kao skalabilan alarmni poslužitelj (odgovarajući poslužitelj) za WEBRTC aplikacije. Osim toga, PUBNUB platforma pruža dodatne značajke kao što su prisutnost (pružanje informacija o mrežama dostupnim na mreži ili o trenutnom popisu korisnika), pohranjivanju / reprodukciji (omogućuje korisnicima da vide povijest prošlih razgovora za određeno vremensko razdoblje) i registracija.
U komunikaciji WEBRTC aplikacija na temelju platforme PUBNUB-a koriste se dvije metode za razmjenu poruka (web-lokacije i ajax) između preglednika i odgovarajući poslužitelj. Pubnub nudi novi API za povezivanje WebTC aplikacije na platformu Pubnub. WEBRTC API PUBNUB izvodi alarcitu između korisničkih preglednika kako bi im se omogućilo povezivanje s vršnjačkom arhitekturom pomoću PeererNection WebTC API. Nakon razmjene poruka signala između preglednika uspostavlja se duplex vezu između njih za razmjenu video toastoka i proizvoljnih podataka. Komunikacija preglednika koordinira pubnub.
Usluga PUBNUB-a ne pruža samo interakciju svih komponenti potrebnih za uspostavljanje komunikacije između peer-to-peer preglednika kako bi razmijenili poruke u stvarnom vremenu, ali im također pruža globalnu mrežu za streaming podataka.
Da biste koristili platformu Pubnub za izradu videochata, prije svega, morate se registrirati na Pubnubu kako biste stvorili besplatni račun. Registrirani korisnik ima mogućnost dobivanja API ključeva pretplatite se_key. i publish_key.potrebno za razvoj komunikacijske aplikacije Pubnub. Zatim na računu možete dodati značajke kao što su sigurnost, prisutnost i pohrana.
Nakon primitka API ključeva možete početi stvaranje komunikacijske aplikacije na temelju PUBNUB platforme pomoću SDK-a na jednom od glavnih programskih jezika ili koristiti demonstracijske aplikacije (predlošci). Predstavljen je priručnik za stvaranje komunikacijske aplikacije na stranici: https://www.pubnub.com/docs/tutorials/pubnub-publish-subscribe. PUBNUB WEBRTC SDK temelji video chat vodič se smatra na https://www.pubnub.com/docs/webrtc-javascript/pubnub-javascript-sdk.
Da biste stvorili WIBRTC video chat od nule u skladu s priručnikom, morate primijeniti nekoliko jednostavnih API za JavaScript:
- spojite knjižnicu Pubnub u HTML stranici, tj. Omogućite JavaScript Pubnub SDK u HTML kod stranice prije inicijalizacije klijenta;
- init () - inicijalizirati API klijenta PUBNUB-a;
- pretplatite se () - Pretplatite se na određeni kanal (nazovite pretplatu () metodu PUBNUB API);
- objavljivanje () - pošaljite poruku određenom kanalu (nazovite metodu objavljivanja () metoda PUBNUB API);
- odjava () - Odbijte se pretplatiti na određeni kanal.
Inicijalizacija API klijenta pubnub može biti predstavljena kako slijedi:
var pubnub \u003d pubnub.it ((
Publish_Key: "Vaš ključ za objavljivanje",
Pretplate_Key: "Vaš pretplatni ključ"
});
Da biste stvorili WIBRTC video chat na temelju PUBNUB WEBRTC, možete koristiti Open Source Predložak: https://www.pubnub.com/developers/demos/webrtc/. Da biste provjerili rad ovog video chat, morate kontaktirati navedenu adresu s dva računala, u sučelju video chat koji se otvara u preglednicima, telefonski brojevi se dodjeljuju telefonu. Za komunikaciju korisnici moraju unijeti telefonske brojeve u tekstualnom polju "Upišite primatelju" i kliknite na gumb s imidžom slušalice.
Kao rezultat toga, slika s kamkordera prepušta se preglednicima i prikazana na zaslonima monitora. Osim toga, ovaj video chat obavlja funkcije chat za tekst prijenosa. Za korespondenciju korisnici moraju unijeti tekst u polje "Chat Ovdje" i pritisnite tipku Enter. Slika 4 prikazuje korisnički video chat screenshot s telefonskim brojem 164.
Sl. 4.pubnub s WEBRTC-om.
Slika 5 prikazuje korisnički video chat screenshot s telefonskim brojem 128.
Sl. 5.Pubnub s WEBRTC-om.
Dizajniran za korisničko sučelje web komunikacijske aplikacije je dizajniran pomoću HTML5 i CSS3 hipertekstualne oznake. Klijentski dio komunikacijske prijave namijenjen je JS-u. Knjižnice su povezane s web komunikacijskom aplikacijom: jQuery, Pubnub JavaScript SDK i Pubnub Webrtc SDK.
Europske korisnike mreže podijeljeni su u dva dijela: Prema istraživanju Instituta za javnu analizu javnog mnijenja u Allenbachu (Njemačka), Skype, chat i instant memorijski sustavi postali su sastavni dio svakodnevnog života za 16,5 milijuna odraslih i djece, 9 Milijun koristi ove usluge iz slučaja prigode, a 28 milijuna ih nije dotaklo.
Situacija se može promijeniti, jer je sada u Firefoxu integriranoj tehnologija komunikacije u stvarnom vremenu (Webrertc.), kao i samog klijenta. Pokrenite audio i video chat sada ne teže nego otvaranje stranice. Usluge kao što su Facebook i Skype klađenje na rješenja koristeći zasebni klijent i stvaranje računa.
WebTC se razlikuje ne samo jednostavnost. Ova metoda vam omogućuje da se uključite izravna veza između dva preglednika, Dakle, audio i video podaci ne prolaze kroz poslužitelj gdje se preopterećenje može dogoditi ili administrator koji nije posebno skrupulozan u odnosu na privatni sektor ili zaštitu podataka. Zahvaljujući izravnoj vezi za WEBRTC, niti registracija ili račun u bilo kojoj usluzi nije potrebna.
Da biste započeli razgovor, trebate samo proći kroz link. Komunikacija ostaje privatnaBudući da je tok podataka šifriran. Komunikacija u stvarnom vremenu putem preglednika, Google je počeo aktivno sudjelovati u 2011. godini, kada i objavio izvorni kod za njegovu provedbu WIBRTC.
Ubrzo nakon toga, Chrome i Firefox dobili su vlastite WebTC motore. Trenutno su njihove mobilne opcije opremljene i ovom tehnologijom i instaliranim s Android 5.0 pomoću WebView 3,6 motora, koji se koriste pomoću aplikacija.
Za komunikacije u stvarnom vremenu odgovarajuće JavaScript sučelja moraju se provoditi u web pregledniku. Uz pomoć Getusermedije, softver aktivira snimanje iz audio izvora, to jest, s web-kamere i mikrofona. RTCPeerconnection je odgovoran za uspostavljanje veze, kao i za samu komunikaciju.
Paralelno s integracijom u preglednik, radna skupina World Wide Web konzorcija (W3C) prisilila je proces standardizacije WebRTC-a. On mora biti dovršen 2015. godine.
WEBRTC je zadovoljan s malim
Da biste koristili uslugu WEBRTC-a, mnogi resursi nisu potrebni, budući da poslužitelj povezuje samo interlokutore. Instaliranje spoja također ne predstavlja posebnu složenost. Prvo, preglednik poslužuje signal WEBRTC signalu koji planira započeti poziv. S poslužitelja dobiva HTTPS link - veza se provodi u šifriranom obliku. Ovaj korisnik veze šalje njegov sugovornika. Nakon toga, preglednik traži od korisnika za pristup web-kameru i mikrofonu.
Da biste postavili izravno streaming s sugovornikom, preglednik prima svoju IP adresu i konfiguracijske podatke iz usluge WebTC-a. Web preglednik sugovornika ulazi na isti način.
Za streamiranje funkcije veze bez kvarova i kvalitetno, tri motora rade u pregledniku. Dvije od njih optimiziraju i komprimiraju audio video podatke, treći je odgovoran za njihov prijevoz. On prosljeđuje podatke sRTP protokol (Osigurajte protokol u realnom vremenu), koji vam omogućuje da obavite šifrirani streaming u stvarnom vremenu.
Ako se ne može instalirati izravna veza, WEBRTC traži drugi put. Na primjer, to se događa kada mrežne postavke sprečavaju Stun poslužitelj da dostavi IP adresu. Standard WebRTC-a predviđa da će se u ovom slučaju razgovor održati, ali s posrednim okretanjem na poslužitelju za skretanje (traversal pomoću releja oko NAT). Dakle, na web stranici NESCAN.CO možete provjeriti je li WEBRTC implementiran na vašem računalu i s mrežnim pristupom.
Kako se povezati
Prvo morate registrirati razgovor (1). WEBRTC usluga daje vezu koju treba poslati ugovornik. Preglednik koji koristi stenner sazna svoju IP adresu (2), šalje ga uslugama i prima IP partnera za instalaciju izravnog spoja (3). Ako ne možete koristiti omamljivanje, razgovor je preusmjeren pomoću poslužitelja rada (4).
Komunikacija na WEBRTC tehnologiji u pregledniku pokreće se pomoću JavaScript koda. Nakon toga, tri motora su odgovorni za komunikaciju: glasovni i video diskovi prikupljaju multimedijske podatke s web-kamere i mikrofona, a transportni motor kombinira informacije i prosljeđuje struju u šifriranom obliku pomoću SRTP protokola (siguran protokol u stvarnom vremenu).
Koji preglednici rade s WebTC
Chrome i Firefox opremljeni su WEBRTC motorom koji koristi takve usluge kao što su talky.io. Mozilla preglednik može raditi izravno s vlastitim klijentom.
Google i Mozilla Nastavljaju razvijati komunikacijsku ideju u stvarnom vremenu: Chrome može održati WIBRTC konferenciju s nekoliko sudionika, a novi Hello klijent u Firefoxu je dizajniran s podružnicom Telefonica telekomunikacijskog diva. Apple je još ostao u stranu, u Safari Webrtc još ne očekuje. Međutim, postoje mnoge alternativne aplikacije za iOS i dodatke za safari.
Microsoft je donekle drugačiji. Kao vlasnik Skype natjecateljske usluge, ova tvrtka neće biti tako lako kapitulirati prije WebTC-a. Umjesto toga, Microsoft razvija tehnologiju koja se zove ORTC (objekt u stvarnom vremenu) za Internet Explorer.
Takve razlike od WEBRTC-a, kao i drugih kodeka i protokola za uspostavljanje kontakta s poslužiteljem, su beznačajne i tijekom vremena, najvjerojatnije se pretvara u dodatak standardu WebTC-a, koji će uključivati \u200b\u200bte razlike. Tako ostaje samo jabuka samo kao i obično.
FOTO:proizvođači; GoodLuz / Fotolia.com.
Pozdravci, kao što već znate, obavijestimo vas redovito nove tehnologije, danas ću predstaviti WEBRTC, tehnologiju koju je razvio Google, koji korisnicima omogućuje izravno govoriti izravno u videu i audio pregledniku bez potrebe za korištenjem plugiranja ili aplikacija , Video i audio izravna veza između korisnika se provodi izravno u pregledniku.
WEBRTC tehnologija je podržana u Mozilla Firefox preglednik Google Chrome i na bilo kojem operativnom sustavu uskoro će se pridružiti Opera.
Što je WeBrrtc i što?
Webrtc Short za web-u stvarnom vremenu Komuniciranje, ova tehnologija omogućuje vam da otvorite audio i video chats izravno u pregledniku bez potrebe za drugim dodatkom, aplikacijama ili uslugama na internetu za to. Veza se provodi izravno iz preglednika u pregledniku.
Ako poznate usluge (Skype, Yahoo Messenger, Apple FaceTime, Google Hago, itd.) Zahtijevaju poslužitelj koji povezuje korisnike za pokretanje i upravljanje prometom. Koristeći ove usluge, moramo se registrirati i instalirati popis klijenata i kontakata.
S WEBRTC-om ne trebamo poslužitelje, aplikacije ili poslužitelje koji su povezani s povremenim.
WEBRTC prednosti:
1. Nema više aplikacija koje troše uporabu resursa i baterija.
2. U chat sobama više privatna (relativno).
3. Kako kontaktirati može se izvršiti na lokalnoj razini, a ne flos američki poslužitelji za lokalne veze.
4. Jednostavno, jednostavnost korištenja.
5. Mogućnost daljnjeg razvoja iu drugim smjerovima.
6. Komunikacija je stabilna i ne ovisi o vanjskim spojevima koji su ponekad iznimno nestabilni.
U udžbeniku, koristio sam demo da su ljudi u Googleu razvili, ovaj demo je vrlo jednostavan, napredniji značajke i brže veze mogu koristiti jednu od aplikacija koje podržavaju WEBRTC, oni su lakše koristiti. Uskoro ćemo napraviti udžbenik i WebTC aplikacije.
Kako koristiti Demo WebTC?
Vrlo jednostavno kliknite na donju vezu, automatski generira chat. Vežite ovu sobu, morate poslati prijatelja / djevojku koju želite stupiti u kontakt.
Prijatelj / prijatelj i tvoje, ali morate koristiti samo najnovije verzije Mozilla Firefox ili Google Chrome.
Demo webrertc. (Uvodni chat audio - video)
Pažnja:
Demo nije vrlo stabilan, čini se samo za demonstraciju. Može se koristiti u ograničenom vremenskom razdoblju u kojem male pogreške mogu imati spoj.
Ako imate veze s povezivanjem, pokušajte stvoriti drugi chat.
WEBRTC vam omogućuje da implementirate audio / video komunikaciju u realnom vremenu putem preglednika
U ovoj temi, reći ću vam kako implementirati najjednostavniju aplikaciju WebTC.
1. GetuserMedia - Dobijte pristup medijskim uređajima (mikrofon / webcam)
Ništa komplicirano, uz pomoć 10 redaka JavaScript koda možete vidjeti i čuti sebe u pregledniku (demo).
Stvoriti index.html :
Možete primijeniti CSS3 filtre na video element.
Ovdje se uhvati u ovoj fazi razvoja Webrtc Ne mogu reći pregledniku "Ova web-lokacija vjerujem, uvijek mu dopustiti pristup mojoj fotoaparatu i mikrofon" i morate pritisnuti dopustiti nakon svake stranice otvaranja / ažuriranja.
Pa, to neće biti suvišno da ako ste dali pristup fotoaparatu u jednom pregledniku, drugi kada pokušate dobiti pristup primit će dozvolu_deted.
2. signalni poslužitelj (signalni poslužitelj)
Ovdje kršim slijed većine "WebTC početka" upute jer su drugi korak kako bi pokazali mogućnosti WEBRTC-a na jednom klijentu, koji je osobno samo dodao zbunjenost na objašnjenje.
Signalni poslužitelj je koordinacijski WEBRTC centar, koji pruža komunikaciju između klijenata, inicijalizacije i zatvaranja veze, izvješća o pogrešci.
Signalni poslužitelj u našem slučaju, to je node.js + socket.io + čvor-statičan, to će slušati port 1234.
Osim toga, čvor-statički može dati index.html, koji će naš zahtjev učiniti što jednostavnijim.
U mapi za prijavu ćete instalirati potrebne:
NPM Instalirajte socket.IO NPM Instaliranje čvora-statičkog