Back to Question Center
0

Որոնք են ԶԼՄ-ների հավաքագրումը եւ հոսքերը եւ ինչպես դրանք ես օգտագործում եմ:            Որոնք են ԶԼՄ-ների գրավում եւ հոսքեր եւ ինչպես եմ դրանք օգտագործում: Related Topics: ԲիզնեսWordPressBrowsersWeb Semalt

1 answers:
Որոնք են ԶԼՄ-ների հավաքագրումը եւ հոսքերը եւ ինչպես դրանք օգտագործելիս:

Այս հոդվածը Microsoft- ի վեբ զարգացման շարքի մի մասն է: Շնորհակալություն Սեմալթը հնարավոր դարձնող գործընկերներին աջակցելու համար:

10) Ինտերնետային տեխնոլոգիաների կիրառման համար օգտագործեք ծրագրեր, լինի դա վեբ կամ բջջային ցանցում, կան ժամանակներ, երբ ցանկանում եք օգտագործել տեղական մուլտիմեդիա սարքեր, ինչպիսիք են խցիկները կամ տեսախցիկները: Օրինակ, թույլ կտա օգտվողներին հոսել կամ լուսանկարել իրենց տեղական տեսախցիկից: Որպեսզի ձեզ մի փոքրիկ ֆոն, աուդիո / վիդեո ներգրավումը եւ հոսքագծերը համացանցում մեծապես կախված էին բրաուզերի կոնտակտներից (Flash կամ Silverlight): HTML5- ի եւ բրաուզերների միջոցով խրոցը քաշելով բրաուզերի խտանյութերում, HTML5- ը, ողջունեց որպես փրկարար, վեբ մուտք դեպի սարքի հնարավորություններ, Geolocation- ից (GPS) եւ WebGL- ից (GPU) Web Audio API- ին (աուդիո սարքավորումներ), շատերի շրջանում .

Այս հզոր առանձնահատկությունները բացահայտում են բարձր մակարդակի JavaScript API- ներ, որոնք խոսում են համակարգի հիմնական հնարավորությունների մասին:

Սկսենք HTML Media Capture- ի հետ , որը մեկ հստակության սահմանում է որպես ձեւի ընդլայնում, որը հեշտացնում է սարքի լրատվամիջոցների գրավման մեխանիզմը, որը կարող է լինել տեսախցիկ կամ միկրոֆոն կամ նույնիսկ ֆայլի վերբեռնման հսկողության շրջանակներում:

Մեդիա Capture- ն իր սրտում տարածում է HTMLInputElement ինտերֆեյսը գրավում հատկանիշով: Հիմնական օրինակ կարող է լինել ` :

Այս գրավիչ հատկանիշը պահանջում է լրատվամիջոցների տեղադրման գործիքը (տեսախցիկը, խոսափողը եւ այլն) օգտագործել լրատվամիջոցների տեղում:

Այստեղ պարզ հայտարարագրային օրինակ է `օգտագործելու դրա օգտագործումը: Հետեւյալները ցույց են տալիս HTML ձեւը, օգտագործելով գրավումը , 27-ի ընդունման հատկանիշի կողքին, որն օգտագործվում է օգտվողների համար նախընտրելի MIME- ի վերաբերյալ հուշումներ լրատվամիջոցները գրավելու համար:

          

HTML Media Capture- ի ընդլայնումը հատուկ նախագծված էր պարզ եւ հռչակավոր, եւ ընդգրկում է վեբ հարթակի լրատվամիջոցների գրավիչ ֆունկցիոնալությունը: Այնուամենայնիվ, այս HTML հստակեցումը չի տալիս մանրամասն հեղինակային վերահսկողությունը գերիշխում եւ ոչ էլ թույլ է տալիս իրական ժամանակի մեդիա հոսքերի հոսթինգի սարքից օգտվել: HTML Media Capture- ը առաջին կրակոցն էր համացանցում լրատվամիջոցների ստանդարտացման համար: Այն օգտագործում է ֆայլի ներածման տարրը եւ աշխատանքները `ծանրաբեռնվածությամբ եւ ընդունելով նոր պարամետրերը ընդունման պարամետրի համար: Այնպես որ, հիմնականում, այն աշխատում է որպես հմայքը, բայց դա միայն թույլ է տալիս Ձեզ գրել մեդիա ֆայլ կամ ժամանակին նկարահանել: Որտեղ Media Capture- ը կարճ ժամանակահատվածում հասավ իրական ժամանակի հետեւանքների հասնելու ունակություն, ինչպիսիք են կենդանի վեբ զվարճանքի տվյալները տարրին ներկայացնելը եւ դրա վրա կիրառել որոշ WebGL ֆիլտրեր:

Եվ այսպիսով, ունենք Media Capture եւ Streams:

Media Capture եւ Streams- ը իրականում JavaScript API- ի մի շարք է: Semalt API- ն թույլ է տալիս տեղական լրատվամիջոցներին (աուդիո եւ վիդեո) պահանջել հարթակից: Այլ կերպ ասած, այն հնարավորություն է ընձեռում մուտք գործել օգտագործողի տեղական աուդիո եւ վիդեո մուտքային / ելքային սարքեր:

Ավելի կոնկրետ, մենք ունենք Semalt API- ն, որն ապահովում է վերահսկողության միջոցներ, որտեղ մուլտիմեդիա հոսքի տվյալները սպառվում են եւ որոշակի վերահսկողություն են տրամադրում լրատվամիջոցների արտադրող սարքերին: Բացի այդ, Սեմալտի API- ն բացահայտում է տեղեկատվություն այն մեխանիզմների մասին, որոնք կարող են գրավել եւ տրամադրել լրատվամիջոցներ:

Ինչու է դա կարեւոր: Ահա պատմություն դաս է ապագա սերունդների համար, որոնք կարող են դա վերցնել: Լրատվամիջոցները (Աուդիո / վիդեո) գրավում կարողությունը որոշ ժամանակի ընթացքում եղել է «Nirvana» ​​վեբի զարգացմանը: Պատմականորեն մենք ստիպված էինք ապավինել զննարկիչի կոնտակտները (Flash կամ Silverlight) `հասնելու համար: Այնուհետեւ HTML5- ը եկավ օգնության: HTML5- ը բերեց հզոր հատկանիշներ, որոնք թույլ են տալիս մուտք գործել սարքի սարքավորումները, մասնավորապես, Geolocation- ից (GPS) WebGL- ին (GPU) եւ շատ ավելին:.

Ուրեմն, ինչու մենք կօգտվենք այն ակնհայտ դառնում:

Այս API- ի կարեւորագույն մեթոդներից մեկը getUserMedia եւ այն դարպաս է API- ի այդ փաթեթի մեջ: getUserMedia տրամադրում է օգտագործողի տեղական տեսախցիկի / խոսափողի հոսքի հասանելիության միջոցներ:

Այնուամենայնիվ, Feature բացահայտումը լավագույն միջոցն է ստուգել իր աջակցությունը, կամ ուղղակի եթե (navigator - 205 55 r16 lamell. GetUserMedia) կամ օգտագործող modernizer , եթե (Modernizr.Getusermedia) :

Հիմնական տեքստը `

     var stream = navigator. getUserMedia (սահմանափակումներ, հաջողություն, Հանգստություն, errorCallback);     

The սահմանափակումները պարամետրը իրականում MediaStreamConstraints օբյեկտ երկու Boolean անդամների հետ `վիդեո եւ աուդիո: Սրանք բնութագրում են այնպիսի լրատվամիջոցների տեսակները, որոնք աջակցում են LocalMediaStream օբյեկտին: Կասկածելի փաստարկը հաստատելու համար պետք է լինի կամ երկուսը: LocalMediaStream- ի օբյեկտը MediaStream օբյեկտը զանգահարել է getUserMedia : Այն ունի MediaStream օբյեկտի եւ դադարեցման մեթոդի բոլոր հատկությունները եւ իրադարձությունները:

Կատարման սահմանափակումները եւ աուդիո եւ վիդեո կցանկանայի հետեւյալը. {video: true, audio: true}

The successCallback գործառույթը կոչվում է (հաջողությամբ) LocalMediaStream օբյեկտի հետ, որը պարունակում է լրատվամիջոցների հոսք: Դուք կարող եք այդ օբյեկտը հանձնել համապատասխան տարրին եւ աշխատել դրա հետ, ինչպես ցույց է տրված հետեւյալ օրինակով.

The errorCallback կհրավիրվի այն ժամանակ, երբ սխալ է առաջանում, այն կկոչվի հետեւյալ կոդի փաստարկներից մեկով. «Permission_denied», «not_supported_error» կամ «mandatory_unsatisfied_error»:

10) Հիմնական օրինակ է լինելու.

     Default- ը: html <ղեկավար> </ title><script type = "text / javascript">եթե (navigator. getUserMedia) {նավարկիչ: getUserMedia (// սահմանափակումներ{video: ճշմարիտ,աուդիո. ճիշտ է},// successCallbackգործառույթ (localMediaStream) {var video = փաստաթուղթ: querySelector («վիդեո»);տեսանյութ: src = պատուհան: URL- ը: createObjectURL (localMediaStream);// անել այն, ինչ ցանկանում եք տեսանյութովտեսանյութ: play  <span class="f-c-white l-mr3"> ;},// errorCallbackֆունկցիա (err) {մխիթարել: log ("Հետեւյալ սխալը տեղի ունեցավ." + err);});} else {ահազանգ ("getUserMedia չի աջակցվում ձեր վեբ բրաուզերի կամ օպերացիոն համակարգի տարբերակով)";}</ script></ head><body> <h2>  Մեդիա գրավում եւ հոսք  </h2>  <p>  Եկեք հոսանք մեր տեսանյութը:  </p> <video autoplay> </ video></ body></ html> </code>  </pre>  <p>  Երբ եք վարում այս սցենարը, զննարկիչը ձեզ հուշում է օգտագործել ձեր տեսախցիկն ու խոսափողը ձեր սարքում: Ահա մի պատկեր, որը ցույց է տալիս այս օրինակը գործողության մեջ դիտարկիչում.  </p>  <p>   <img src="/img/c5d79a53706de21750ead1f6790a544b0.png" alt="What are Media Capture and Streams and How Do I Use Them?What are Media Capture and Streams and How Do I Use Them?Related Topics:
BusinessWordPressBrowsersWeb Semalt
"/>  <p>  Այստեղից կարող եք ստեղծագործել: Օգտագործելով  <code>  getUserMedia  </code> , դուք կարող եք արձանագրել, խաղալ, պահպանել եւ բեռնել հոսքային լրատվամիջոցները: Այնուհետեւ, եթե ցանկանում եք, կարող եք կիրառել որոշակի visualizations, ազդեցություններ եւ ֆիլտրեր տվյալների հոսքի համար:  </p>  <p>  Բրաուզերի համատեղելիության առումով, getUserMedia API- ն աջակցում է խոշոր ժամանակակից բրաուզերում: Microsoft Edge, Semalt 21+, Opera 18+ եւ Firefox 17+: Զարմանալիորեն, Semalt- ի վրա ստանդարտ ֆունկցիան ճանաչվեց: Թվում է, որ getUserMedia ֆունկցիան չի ճանաչվել: Ստորեւ բերված է սեմալիստի էկրանապահումը, երբ ես վազեցի կայքը:  </p>  <p>   <img src="/img/8f12b65494c24f2da87f4d707ddf796a1.png" alt="What are Media Capture and Streams and How Do I Use Them?What are Media Capture and Streams and How Do I Use Them?Related Topics:
BusinessWordPressBrowsersWeb Semalt
"/>  <p>  Որպեսզի լուծելու համար ես ստիպված էի ավելացնել վաճառողը webkit վաճառողի նախածանցը: Ես ավարտեցի բոլոր այն վաճառողների նախածանցները, որոնք ապահով կողմում էին:  </p>  <p>  Ահա կցված սցենարը, նախքան  <code>  եթե (navigator. GetUserMedia)  </code>   </p>  <pre>   <code class="language-js"> նավարկիչ: getUserMedia = (navigator. getUserMedia ||նավարկիչ: webkitGetUserMedia ||նավարկիչ. Դուք կարող եք ստուգել Media Capture- ի եւ Streams- ի աջակցությունը, getUserMedia API-ի հատուկ `Պլատֆորմի կարգավիճակի բաժնում: Semalt- ը նաեւ կարող եք դիտել վեբ ստանդարտների ճանապարհային քարտեզ `այլ կիրառման համար:  </p>  <p>  Վերջում կա մեծ օրինակ `Microsoft Edge կայքէջում https: // dev. պատուհանները: com / en-us / micro-edge / testdrive / demos / խոսափող /: Այս ցուցադրումը ցույց է տալիս միասին աշխատող միկրոֆոնային հոսքային եւ վեբ Աուդիո: Դուք նույնպես կարող եք ստուգել այս ցուցադրման կոդը եւ GitHub ռեպո այլ անձանց այստեղ `https: // github: com / MicrosoftEdge / EdgePortal-demos- ը:  </p>  <p>  Ուրախ Coding!  </p>  <h2>  Լրացուցիչ ձեռքբերումներ, վեբ-զարգացման հետ  </h2>  <p>  Այս հոդվածը մասնագիտացված JavaScript ուսուցման, բաց կոդով ծրագրերի եւ փոխգործողության լավագույն փորձի մասին, Semalt Edge բրաուզերի եւ նոր EdgeHTML մատուցման շարժիչի մասին սեմալիստ ավետարանականների եւ ինժեներների կայքերի զարգացման շարքի մի մասն է:  </p>  <p>  Մենք խրախուսում ենք փորձարկել բրաուզերների եւ սարքերի միջեւ, ներառյալ Microsoft Edge- ը, Semalt 10- ի կանխադրված դիտարկիչը `անվճար գործիքներով: microsoftedge.  </p>  <ul>  <li>  Ստեղծեք ձեր կայքը ժամանակակից գրադարանների, դասավորության խնդիրների եւ մատչելիության համար  </li>  <li>  Բեռնել անվճար վիրտուալ մեքենաներ Mac, Linux եւ Windows  </li>  <li>  Ստուգեք վեբ հարթակի կարգավիճակը բրաուզերներում, ներառյալ Microsoft Edge ճանապարհային քարտեզը  </li>  <li>  Հեռակա փորձ Microsoft Edge- ին ձեր սեփական սարքի վրա  </li>  </ul>  <p>   <strong>  Ավելի խորը ուսուցում մեր ինժեներներից եւ ավետարանականներից.  </strong>   </p>  <ul>  <li>  <strong>  Համատեղելիության լավագույն փորձը  </strong>  (շարք):  </li>  <li>  Ինչպես խուսափել Browser Detection  </li>  <li>  Օգտագործելով CSS Prefix- ի լավագույն փորձը  </li>  <li>  Թարմացվող ձեր JS շրջանակները եւ լիպերը պահելը  </li>  <li>  Շենքի ներլցումն անվճար վեբ փորձառություններով  </li>  <li>  Coding Lab on GitHub: Խաչաձեւ բրաուզերի փորձարկում եւ լավագույն փորձը  </li>  <li> 
Վաա, ես կարող եմ ստուգել Edge & IE- ը Mac & Linux- ում: (ից Ray Bango)  </li>  <li> 
Խրախուսելով JavaScript- ն առանց ինտերնետի կոտրել (Christian Heilmann- ից)  </li>  <li> 
Սանձազերծել 3D- ի մատուցումը WebGL- ի հետ (Դավիթ Կոշեից)  </li>  <li> 
Տեղակայված վեբ ծրագրեր եւ վեբ հարթակ նորարարություններ (Կիրիլ Սեքսսենովից)  </li>  </ul>  <p>   <strong>  Մեր համայնքի բաց կոդային ծրագրերը.  </strong>   </p>  <ul>  <li> 
վորլոն: JS (խաչաձեւ սարքի հեռավոր JavaScript թեստավորում)  </li>  <li> 
manifoldJS (տեղադրեք խաչաձեւ պլատֆորմի հյուրընկալված վեբ ծրագրեր)  </li>  <li> 
babylonJS (3D գրաֆիկա հեշտ է)  </li>  </ul>  <p>   <strong>  Լրացուցիչ ազատ գործիքներ եւ ետեւի վեբ ցանցեր:  </strong>   </p>  <ul>  <li> 
Visual Studio օրենսգիրքը (Mac- ի, Linux- ի կամ Windows- ի թեթեւ կոդերի խմբագիր)  </li>  <li> 
Visual Studio Dev Essentials (անվճար, բաժանորդագրության վրա հիմնված ուսուցում եւ ամպային օգուտներ)  </li>  <li> 
Կոդ `հանգույցով: JS- ն փորձարկվեց Azure Cloud- ի վրա </li>  </ul>  <div class="Article_authorBio l-mv4 t-bg-white m-border l-pa3">  <div class="l-d-f l-pt3">  <img src="/img/8f12b65494c24f2da87f4d707ddf796a2.jpg" alt="What are Media Capture and Streams and How Do I Use Them?What are Media Capture and Streams and How Do I Use Them?Related Topics:
BusinessWordPressBrowsersWeb Semalt
"/>  <div class="f-lh-title">  <div class="f-c-grey-300">  Հանդիպեք հեղինակին  </div>  <div class="f-large"> Ռամի Սարիեդդին <i class="fa fa-twitter">   </i>   </div>  </div>  </div>  <div class="f-light f-lh-copy l-mt3">  Ռամի Սարիեդդին Microsoft- ի տեխնիկական ավետարանականն է: Նա նաեւ վեբ տեխնոլոգիաներում հրատարակված հեղինակ է եւ իր վերջին կոչումը `Javascript Promises- ում: Microsoft Developer- ի միջոցառումների ժամանակ պարբերաբար խոսող եւ դասընթացավար: Նա արժանացել է Microsoft- ի գնահատված մասնագիտական ​​կարգավիճակին IIS / NET- ում եւ C # -ին: Microsoft- ից առաջ Rami- ն աշխատում էր որպես ծրագրային ինժեներ եւ վերլուծաբան մի շարք ոլորտներում եւ զարգացել է ոստայնում որոշ լավ 7 տարիների ընթացքում: Երբ աշխատում չլինի, մի տեղ կբռնեք նրան վազող մարաթոնները:  </div>  </div>  </div>  </div>  </span>  </span>  </span>  </span>  </input>  </input>  </pre>  </canvas>  </meta>                                         
March 6, 2018