WebRTC Video Chat i 20 rader JavaScript
WebRTC, så het just nu. Om du inte har hört talas om det, är WebRTC (Realtime webbkommunikation) ett API som möjliggör peer-to-peer video, ljud och data kommunikation i en webbläsare utan plugins, ramar eller program krävs.
I den här självstudiekursen kommer vi börja med att bygga en mycket enkel video chatt program som endast kräver cirka 20 rader JavaScript. Vår ansökan kommer att användare ska ange ett användarnamn och kallar en annan användare mellan webbläsarna. I vår nästa del, vi ska lägga till några häftiga funktioner för att stärka vår WebRTC video app.
Kolla in den live WebRTC videochatt demo här, öppna upp två fönster och se den i aktion!
Och om du vill kolla in projektet koden för tutorial-serien, den finns här.
Och projektet koden för detta specifika projekt här.
Det är rätt! Låt oss komma till den.
Se Steg
Relaterade Ämnen
LED Video Chat ljus
Ganska grundläggande grejer här, och jag vet inte om dig men jag hitta ständigt mig själv i situationer där min videochatt belysning är fruktansvärd! Detta projekt fixar som ganska fint, som sett i den före och efter skott.Steg 1: VideoEn video av de...
Realtid Chat med WebRTC
InspirationMest använda program för att ansluta och gör Live Video Chat är Skype. Dock hade jag alltid några eller det andra problemet med Skype. Ibland måste det uppdateras, andra gånger den andra personens app hade vissa problem och resten av tiden...
Tanken med video kontrolleras av app inventor android och bluetooth
Bueno, el objetivo de este proyecto DIY es el poder implementar un vehículo con orugas.El cual cuente con:1. Transmisión de vídeo2. las instrucciones de desplazamiento havet por kommandosoldater través de bluetooth3. el kontroll"" de este vehícu...
Tanque Oruga con video, controlado por android (app inventor) mediante bluetooth
Bueno, el objetivo de este proyecto DIY es el poder implementar un vehículo con orugas.El cual cuente con:Transmisión de vídeoLas instrucciones de desplazamiento havet por kommandosoldater través de bluetoothEl "kontroll" de este vehículo, o hav...
Sup! Gemenskapens berättande uppleva IoT Kiosk
Detta är en kort handledning om hur man skapar "Sup! Gemenskapens berättande upplevelse"för Unga Maker konkurrens med fokus på samhällsutveckling och energibesparing.Denna erfarenhet inkluderar en Internet of Things (IoT) fysisk kontroll tillsam...
Kamera telefon Tripod Mount
jag har en liten stationär kamerastativ som jag ville fixa min telefon för att för ta bilderDetta är en annan användning för återvunnet trä kaffe omrörareSteg 1: Ihop pinnar till tjockleken på telefonen och limma dem tillsammansJag tycker att det är...
Tillbaka till arkaden av JDRamos
Jag presentera mitt arcade projekt.Ett projekt jag började redan 2013 när Födelsedagspresenter min far erbjöd mig en gammal arkad kabinett, köpte från en leverantör som fortfarande installerar och hanterar dem på kaféer. Det var en gammal arkad med p...
Weasley klockan
Några av er kanske minns Weasley familjen klockan från Harry Potter: det tillåtet medlemmar av familjen Weasley veta där var och en av dem var närvarande. Vi (min kusin och jag) beslutat att göra vår egen version av klockan. Eftersom vi inte visste h...
Sparky - DIY Telepresence Robot
Sparky är en trådlös, web-baserad video-chat robot från Gomi stil besättningen. Du kan lära dig hur du gör din egen autonoma Telepresence robot med reservdelar datordelar, några gamla leksaker och lite av anpassade programvara (som vi tillhandahåller...
Sparky - DIY webbaserade Telepresence Robot
namnet Sparky är baserad på en akronym för Self porträtt artefakt ambulerande chassi jag en tafatt titel för ett konstprojekt som inleddes i början av 90. Efter den tid Sparky har utvecklats från en överdimensionerad RC toy med ett par baby monitor v...
$1,99 Noodley dryck båten
[Kommentar från Jonathan, om du tror att detta är cool, kolla in min iPhone aktiverat / Intercom / video chat dörrklockan]Bor i Las Vegas, och spendera så mycket tid i poolen har lärt mig, du behöver att hålla dricka, att stanna hydratiserade, och vä...
Hur man gör en POV kamera armatur för unika perspektiv i videochatt.
Hälsningar! Som bildkonstnär är min apparaturar val fotografi, video och digital media. Min praktik är mycket engagerade i en ålder av Internet och med hjälp av digital teknik för att undersöka kopplingar mellan personliga mytologier och mytiska real...
Multi rad armband smycken att göra Video Tutorial
detta är en handledning hur man gör en multi rad armband med pärlor och kedjor. Designen är skapad av en av våra team designers, Reem.Du kan hämta en PDF-format på http://www.diylessons.org/FREE--Multirow-Bracelet-Jewelry-Making-Tutorial, namn 325919...
Göra ett intelligent skrivbordsklockan, skriven i JavaScript, drivs med Intel Edison
Varför min klockor måste vara mer intelligent...Jag ställa alltid in påminnelser för min kalender möten men när denna lilla "XYZ möte börjar i 15 minuter" desktop anmälan dyker upp i hörnet på min datorskärm jag trycker på Snooze eller Stäng kna...
WebRTC Creeper Drone - webbläsare kontrolleras RC bil
Detta är en avancerad Instructable, som beskriver arbetet med att bygga en drone styrs fjärransluta från en webbläsare. Drone använder en Android-telefon till ström video och ljud tillbaka till webbläsaren via WebRTC.Eftersom den programvara som anvä...
Iron Man Arc Reactor Video tutorial, DIY bärbar
uppdaterad: Jag gjorde en annan bågreaktorn och en mycket detaljerad handledning på youtube.Här är några anvisningar som hjälper dig att bygga Tony Stark bågreaktorn från Iron Man filmen. Jag läst / sett en hel del andra DIY bågreaktorn tutorials och...
Remote styra en enda rad lyftare drake
släde drakar kan lyfta stora laster. Styrning en drake lägger till nya möjligheter.Det är verkligen lätt.1 upphäva en servo från betsel2 Lägg till yacht styrning, för att dra tillbaka kanternaJag byggde detta i min strävan att öppna källkod luftburna...
900 LED ljusramp för Video och fotografi / / 360 grader av rotation
Så, professionell nivå LED-belysning paneler är galet dyrt, det är dumt. Jag presentera dig med min egen (och snart din egen) pro belysning panel. Jag kallar det pro eftersom det är inte bara några lysdioder trådbunden upp. Det är 75 watt 900 skarpa...
Lägg till en Video bugg eller vattenstämpel med hjälp av endast Windows Movie Maker!
Detta Instructable kommer att förklara steg för steg hur du lägger till en bugg eller vattenstämpel med hjälp av endast Windows Movie Maker! Ingen programvara att köpa! Den kabel kanaler använder en bugg eller vattenstämpel till ID deras kanal, men n...