, getusermedia: anvendelse af medierne til opsamling og vandløb api -,,,,, 59,,,,,,,,, 8,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, der sponsoreres indhold, denne støttes efter træk et produkt af relevans for vores læsere, mens vores leder, retningslinjer for at være objektive og uddannelsesmæssige.,,,,, hvad du vil lave, i dag vil jeg gerne eksperiment med   medier opsamling og - strømme api, udviklede i fællesskab på w3c af   web - tidstro kommunikation arbejdsgruppe   og   anordning apis - arbejdsgruppen.nogle byggeforetagender kan ved det blot, getusermedia,, som er den vigtigste grænseflade, der giver adgang til medier, websteder fange anordninger, såsom webcams og mikrofoner.,,, - - kan du finde kildekoden til dette projekt på min github.desuden her er en demo for dig at eksperimentere med.i den seneste vinduer 10 forpremiere frigivelse, microsoft ekstra støtte til medier fange apis i microsoft - kant browser   for første gang.meget af denne kodeks blev taget fra billedet - prøve, at kanten dev team, der produceres på deres prøvekøre sted., for dem af jer, der ønsker at dykke lidt dybere, eric bidelman har en stor artikel om html5 sten, som går i den sagnomspundne historie for denne api.,,, at få fart,,,   getusermedia() metode   er et godt udgangspunkt for at forstå de medier fange api - grænseflader.det, getusermedia(), tager mediastreamconstraints   som input argument, som definerer de præferencer og /eller krav til fange anordninger og fanget medier strømme, som f.eks. kamera, facingmode, 409 volumen og video beslutning.,,, mediastreamconstraints, du kan også vælge specifikke fanget anordning bruger sine deviceid,,, der kan udledes af, enumeratedevices() metode.når brugeren meddeler tilladelse, getusermedia(), ring tilbage et løfte med en   mediastream   genstand, hvis den specifikke, mediastreamconstraints kan opfyldes.,, og alt dette uden at behøve at downloade et stik af!i denne prøve bliver vi dykker til api - og at skabe en ordentlig filtre på video og billeder, vi fanger.har din browser støtte det?- getusermedia(),   har eksisteret siden krom 21, opera 18 og firefox 17, og arbejder nu i edge.,,, feature detection, feature detection indebærer en enkel kontrol for tilstedeværelsen af, navigatør. getusermedia,.det er et stort projekt for at tjekke hver browser, så jeg vil blot sige,   ved hjælp af modernizr   for at tjekke det.det fungerer sådan her:,, hvis (modernizr. getusermedia) (var - getum = modernizr. foranstående ('getusermedia, navigatør); getum ((video: sande}, funktion (//...//.}, uden modernizr, som påvist i denne stikprøve, må du bruge:,, navigator.getusermedia = navigator.getusermedia