, web - API: toevoeging van geluid in je web van toepassing,,,,,,,,,, 79, 10 - eenheid,,,,,,,, de delen van het netwerk, maandag wat tuts + zal verminderen... In maar drie dollar.Niet' niet missen, een deel van de prijs van een reeks genaamd "netwerk van audio - en web - API -: wat is het?Een netwerk van audio - interface: om je eigen netwerk Synthesizer, op het netwerk van wat er gebeurd is?Een tijd - netwerk  , platform, laten zien dat je smaak in muziek.Op de achtergrond van de laatste aftelling borrelen   - versie van de MP3 - speler terug op MySpace, automatisch worden gegooid in je gezicht, het is overal.  , niet meer.De ervaring van de gebruikers   al deze wreedheden, ontwikkeling van de website van het personeel van het  .Helaas is de stem van de achterbank, reeds op het netwerk, en de ontwikkeling van lokale toepassing.  , wil je horen, kennis, een e - mail gekregen toen ik klein was, of op de Twitter app.Deze aanvraag blijkt dat de stem op de uitstekende ervaring kan de integratie.  ,, in deze les. Ik zal je laten zien hoe je stem terug netwerk zal, op een goede manier.Audio - interface, netwerken, is een sterke, hoge prestaties in de browser die stem.Voordat we verder gaan, de training, misschien wil je zien hoe de vorige les in de serie ik leren hoe het gebruik van javascript en MP3 - bestanden een fundamentele stem in deze handleiding.,, zullen we de simulatie van een betaling van pagina 's, geef ons de feedback, we betalen voor het succes.Ik zal   gebruikt om de dingen ziet er beter en sneller.,, <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int > < hoofd > < charset = "- -" > < - naam "van de" inhoud ", breedte = breedte" > < titel > stem toevoegen aan je webapplicatie < /titel > < de banden van REL = "stijl href = 'http: //MaxCDN. Bootstrapcdn. COM /- /3.3.4 /CSS /leiden. Min.css" > < /hoofd > < lichaam > < div = "CONTAINER" > < div = "Bank" > < div = "col-md-6" > < H1 > mijn winkel < /H1 > < p> voor dit project van je kopen?< /P > < vorm van actie = "> < div =" groep "> < etikettering > de naam van de kaart < /etiket > < input vormen voor de tekst" = "vormen van controle" waarde = "Guybrush denken de Wood" /> < /div > < div = "groep" > < etikettering > nummer < /etiket > < input vormen voor de tekst "=" formaat "waarde =" 1234-1234-1234-1234 "/> < /div > < /vorm > < knop id =" kopen "knop type =" knop "=" knop, de belangrijkste gegevens.Het toevoegen van tekst = "..." van de integriteit van de gegevens en de tekst = "succes".> nu de aankoop van < /knop > < /div > < /div > < /div > < script src = 'http: //code.). COM /jquery-2.1.3. J' s "> < /scripts > < script src = 'http: //bootstrapcdn MaxCDN. 3.3.4. COM /- ////leiden. J' s" > < /scripts > < script src = "script /het geluid van succes. J 's" > < /scripts > < /body > < /html >,, vind je me al op de bodem met een naam als "voor het succes van de audio - bestand. J' s".Dit is ons schrijven we de code, ze betalen voor het succes van de gebruikers   audio - feedback.   als je het dossier hebt gecreëerd, het eerste wat we moeten doen is het creëren van een audiocontext.Misschien weet je het nog, audiocontext is hoe we de verschillende functies van de toegang tot Internet - - de laatste les.,,, de VAR - context = nieuwe audiocontext ();,,,,, een oscillator, over netwerk - API - is een van de beste dingen, die ons in staat stelt om klinkt Vanuit het niets, niet eens een audio - het dossier.We doen dit met behulp van oscillator.  , het creëren van een geluid horen, kunnen we ze in.   door een frequentie van de periodieke golven.Deze golf van verschillende vorm, maar de meest voorkomende soorten van zink, partijen, DELTA golf en.De golven zijn verschillende van deze soorten.Laten we het creëren van twee Delta Golf Oscillator, var., OSC1 = achtergrond. Createoscillator (), OSC2 = achtergrond. Createoscillator (); osc1.type = "driehoek"; osc2.type = "DELTA";,, oscillator is erg luid, bij verstek, tenzij we willen voor onze gebruikers, hun leven angst, moeten we een beetje zachter.Omdat het netwerk - API - link met de stem van node, we creëren en die van ons een gainnode oscillator.,, var gewicht = achtergrond. Creategain (); volume.gain.value = 0,1;,, - veel stemmen krijgen door je een bepaalde hoeveelheid.Dus, in dit geval de omzet een tiende van het signaal wordt doorgegeven.,, laten we alles.,, ///////gainnode die oscillator OSC1 (volume). In verband met de OSC2 (volume); in verband met de luidsprekers; ///////gainnode (volume. In verband met de context. Bestemming); en - we slaan de twee seconden Oscillator, hoe lang doen, spelen de. ///////- oscillator (SEC) = 2; ///////starttime = oscillator var. Toen begon te spelen context.currenttime; ///////OSC1 beginnen de oscillator. Begin (begin); OSC2. Begin (begin); ///////2 seconden. Vanaf nu OSC1 stoppen. Stoppen (begin en duur); OSC1. Stop (begin +); en, op dit moment moet je luisteren als je EngelsDe reclame voor je pagina 's.Niet de meest prachtige stem, u zult het met mij eens zijn, maar het is een begin.De oscillator, creëren we een standaard in de frequentie van de spelen.Door de wijziging van de frequentie veranderen, kunnen we de muziek hoor je de muziek.Dit is wat ons toon een beetje vrolijk, hoe je het ook wilt noemen, je hoorde ik de sleutel van de gebruikers.Laten we veranderen onze oscillator in noot "B4" spelen, dit is   493.883hz.,, var Frequentie = 493.883; osc1.frequency.value = frequentie; osc2.frequency.value = frequentie;,, als we nu opfrissen, dan hoor je een andere worpen.Je zou op dit punt na te denken, "waarom zouden we op dezelfde toon van overweging 2 een oscillator?"Oké, dit kunnen we op     tips kunnen we ervoor zorgen dat onze stem een beetje beter, als we onze., vermindering van de frequentie van de oscillator   enigszins anders is, is dat we tot een goed refrein, onze stem laten horen, en meer. 493.883 reactieve Frequentie =; osc1.frequency.value = frequentie + 1; osc2.frequency.value = frequentie 2;,, en onze kleine stem klinkt een stuk beter, het is heel plotseling.Om deze meer harmonieuze, we moeten snel aan het einde van het volume van de sluiting van het geluid; ook bekend als "verdwijnen".Dit is door de audioparams voor het automatisch audio - waarden, zoals de winst en frequentie.We zullen in de audioparams in meer details in deze reeks van de volgende les.,, /is net een volume van 0,1 geleden. Winst. Setvalueattime (0,1, begint de tijd + tijd; ///////- 0,05) het volume tot nul seconden na het einde van de volume. De winst. Linearramptovalueattime (0, de tijd. De tijd);,, zeggen we hier om ervoor te zorgen dat het volume van de 0,1 0,05 seconden voordat de voltooiing van onze stemming.En dan zet het volume verlaagd tot nul is, terwijl wij aan het einde van de toon.,, laten we een einde maken aan de code van ons tot nu toe voor een enkele functie, kijken wat we vinden.,, //oscillator op een bepaalde frequentie en van een bepaalde tijd geen werk playnote = functie (frequentie en de eerste keer, de duur) {VAR OSC1 = achtergrond. Createoscillator (), OSC2 = achtergrond. Createoscillator (), volume = achtergrond. Creategain (); ///////- instellingen die golf osc1.type = "driehoek"; osc2.type = "driehoek"; volume.gain.value = 0,1; ///////- route OSC1. In verband met OSC2 (volume); (volume); het volume. De verbinding (context. De bestemming); ///////losdoen oscillator osc1.frequency.valu refreinE = frequentie ± 1; de frequentie van osc2.frequency.value = 2; ///////- volume. Krijgen. Setvalueattime (0,1, begint de tijd + - 0,05); het volume. De winst. Linearramptovalueattime (0, de tijd +); ///////OSC1 beginnen de oscillator. Begin (begin); OSC2. Begin (begin); /De oscillator OSC1 /stoppen. Stoppen (begin +); OSC2. Stop (begin +);};,, zodat dit een krachtiger,   ik schrapping van sommige variabelen, die het mogelijk maken deze waarde zal worden aangenomen.Dit stelt ons in staat om op verschillende frequenties, spelen andere noten.Nu is het tijd om de creativiteit.Succes, denk na over wat je wil, en laat je de gebruiker voelt wanneer ze net uit je winkel om wat spullen op te halen.Dit is een positieve ervaring, iemand iets kopen, om zijn leven beter, ze willen geen fouten en de verwerking van transacties, succes.  , Wise, audio - en met succes is eigenlijk heel simpel.In een muziek betreft, steeg in het veld in de toon, aan het einde van een altijd klinkt veel leuker dan.Je hoeft niet eens een deuntje of Notities over dit.Om te bewijzen dat de theorie, we hebben twee interne nota van de thema 's van ons succes.,, //' b 'nu kan playnote (493.883 seconden blijven, context.currenttime; ///////, om te spelen met een "e" zoals de vorige verklaring af voor de duur van 0.249 seconden playnote (659.255, context.currenttime + kan, 0.232 Oh, lief,,); het succes van de stem van  .,, weet je, als je speelt de oscillator is niet interessant idee, gebruik je een mp3 - bestanden.Kijk naar de vorige les.,, neem dit maar twee playnote, bel een functie, we hebben een haak aan te vechten, onze stem, var playsuccesssound = functie () {///////"B" nu kan blijven spelen playnote (493.883 seconden, context.currenttime, om te spelen; ///////met een "e." net als de vorige verklaring af voor de duur van 0.249 seconden playnote (659.255, context.currenttime + kan, 0.232);};,,, wat ga je nu de trekker van het geluid, en wat je hoopt dat het in de reactie te spelen.Het doel van deze handleiding.Laten we doen alsof het een Ajax noemen, moeten drie seconden.We gebruiken dit te doen alsof een server, var. De transactie plaatsvindt. Myfakeajaxcall = functie (call - back -) {settimeout (functie) (tweede ronde ();}, 3000);};,, wat we nu moeten doen is de toevoeging van een luisteraar kopen we nu op de knop,, ("# dollar. Koop nu knopen), daarna (functie) (myfakeajaxcall (functie) (); playsuccesssound (});});,, druk op de knop, wachten op de drie seconden, en dan ben je dansen je stem horen bevestigen dat de transactie, te wijzigen. De tekst op de knop beeldschermen, er is iets gebeurd, leiden een ondersteunende functie voor de uitwisseling van de tekst die knop in de eigenschap.Dit is buiten het toepassingsgebied van dit document, maar hier is de integriteit van de code.,, ("# dollar koop nu knopen), daarna () {VAR = ((dit), een dollar. De knop ('loading"); myfakeajaxcall (functie) (playsuccesssound (); de knop $knop. (volledige);});});,, ik hoop dat u dit handleiding nuttig, het aanmoedigen van je stem te voegen (verantwoordelijk voor.)Je netwerk van toepassing is.In deze handleiding in de code op github  , en als we de laatste stem   demonstratie.   in de volgende les is voor degenen die een oscillator fouten; we moeten de opbouw van een netwerk, audio - Synthesizer.