Synthesizer, web - API: laat de eigen website,,,,, 'n 272,,,,,,,, 13 - eenheid,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, een deel van de prijs van een reeks genaamd "netwerk van audio - en web - API: toevoeging van geluid in je web van toepassing is, Robert Moog beroemd voor het creëren van een eerste commerciële module Synthesizer.Z 'n uitvinding, met inbegrip van de Bank om de draad en de knop, muzikanten klinkt nog nooit eerder gehoord.Deze instrumenten zijn niet goedkoop, hoge prijzen voor duizenden dollars, zelfs de meest fundamentele model.,, nu, dankzij het netwerk van audio - en we creëren onze eigen vergelijkbaar met de uitspraak van de scène, kunnen we naar de inhoud van de toewijzing van ons hart voor $10, totaal.Dat niet alleen, we kunnen onze Synthesizer onmiddellijk in de wereld van de personen voor het netwerk, als je het nog niet gelezen, voordat de les in het netwerk van audio - reeks, stel ik voor dat u naar de lezing van dit opnieuw voor een netwerk, want ze betalen voor het gebruik van audio - op basis van De kennis, van nul beginnen met het creëren van een goed begin,.,,, we creëren een fundamentele: //europa.eu.int /comm /.,, <.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 =" stijl /Main. De CSS "> < /hoofd > < lichaam > < div =" CONTAINER "> < H1 > synthese.< /H1 > < /div > < /body > < /html >,, en onze fundamentele vorm, stijl /main.css, documenten, familie, sans serif. {} {marge: auto 's, de container; breedte: 800px;}, toetsenbord, Synthesizer, moet je misschien het belangrijkste is een toetsenbord.Gelukkig, ik heb een korte javascript, zal toevoegen aan je de pagina 's van een virtueel toetsenbord.- een kopie van het qwerty Hancock en verwijzing naar de bodem van je op.   blz.,, < script src = "scripts/qwerty-hancock.min.js" > < /script> bij een leeg, dan, die je pagina met een id van "van het toetsenbord".,, < div = "van het toetsenbord" > < /div> dit is de plaats, en op de pagina die de ISP zal worden ingevoegd into., wil ik ook, vormt een mogelijke opgezet a javascript dossier voor onze instrumenten, dus we scheppen, dat ook en het na - waar we've opgenomen qwerty Hancock.,, < script src = "scripts/qwerty-hancock.min.js" > < /script> < het script src = "; scripts/synth.js" > < /script>,, in synth.js we ons van het toetsenbord van initialise doen het na.,, var ISP = nieuwe QwertyHancock ({id'keyboard', breedte: 600, hoogte: 150, acht graden: 2});,, die ons vertelde van de pagina 's in ons voorbeeld van "het toetsenbord Toetsenbord en de identiteit van de elementen", waarvan de omvang van 600 X 150 pixels, waardoor de sleutel van een alfanumeriek toetsenbord voor twee van de acht graden.Het redden en de browser zag een schattig toetsenbord.Het gebruik van sleutels, aanraken, of je muis zien op je naar gelang van hun aantekeningen.,, qwerty Hancock geeft ons twee luisteraar, keyup, keydown,.Deze kunnen we in op het toetsenbord Toetsenbord en schrijf de code, wanneer het toetsenbord wordt ingedrukt.Het vertelt ons ook dat briefje wordt ingedrukt, en de overeenkomstige frequentie in Hz.,, keyboard.keydown = functie (Er zij op gewezen dat de frequentie) {console log ('note ", dat" geduwd "); de console log ('its frequentie);}; keyboard.keyup = functie (Er zij op gewezen dat de frequentie van de console log () {'note", dat "vrij"); de console log ('its frequentie);}, schommelen;,,, laten we beginnen met een oscillator, als een knop wordt ingedrukt.We zullen dus niet meer na de beëindiging van een seconde,., var - context = nieuwe audiocontext (); keyboard.keydown = functie (Er zij op gewezen dat de frequentie) {VAR osc = achtergrond. Createoscillator (osc); (context. In verband met de. Bestemming); osc. Begin (achtergrond. De huidige tijd); osc. Stop (context.currenttime + 1);};,, waarom we die in functie van de Oscillator, keydown?- niet te hoog?Ontwerp van de oscillator is een lichtgewicht, en na gebruik weggooien.Je kan maar een keer.Ze denken aan een soort vreemde geluiden, als we de druk op een knop, hoorden we een geluid.Dit is een beetje te groot, dus laten we het creëren van een, gainnode, als de meester controle.,, de VAR - context = nieuwe audiocontext (), mastervolume = achtergrond. Creategain (); mastervolume.gain.value = 0,3; mastervolume. Verbinding (context. Plaats van bestemming); keyboard.keydown = functie (Er zij op gewezen dat de frequentie) {VAR osc = achtergrond. Createoscillator (osc); (mastervolume); mastervolume. In verband met. De verbinding (context. De bestemming); osc. Begin (achtergrond. De huidige tijd); osc. Stop (context.currenttime + 1);};,, toetsenbord, speelde de rol van een enkele opmerking over de niet erg gelukkig, dus laat we spelen in de oscillator voordat we beginnen,,,,, schattig osc.frequency.value = frequentie.We moeten nu stoppen met spelen we een oscillator, een sleutel, in plaats van een seconde later.Omdat we die Oscillator, keydown, functie, we moeten het bijhouden van de oscillator om spelletjes te spelen met de frequentie is het, is het van cruciaal belang is vrijgelaten.Een eenvoudige methode is het creëren van een lege object en de toevoeging van de frequentie van de sleutel, met een frequentie van de waarde van het voor de oscillator.,, de VAR - oscillator = {}; keyboard.keydown = functie (Er zij op gewezen dat de frequentie van de vroegere code) {///////hier [] = oscillator osc frequentie (;. Achtergrond. De huidige tijd);},,, en dat betekent dat wij gemakkelijk kunnen gebruiken voor ons, noteup frequentie, stop de functie, in het bijzonder de oscillator.,, keyboard.keyup = functie (Er zij op gewezen dat de frequentie van de frequentie van De oscillator) {[]. Stop (context. De huidige tijd);};, hebben we nu een volledige baan (de) in de browser Synthesizer.Nou, dat klinkt niet goed, maar laten we eens kijken of we kunnen veranderen, is het eerste ding verandert de produktie - oscillator.Heeft de keuze van vier soorten: sinusgolf, partijen, DELTA golf en.De verschillende vormen van Golf klinkt anders.En ze spelen, kies je favoriet.In dit geval zou ik kiezen voor "'" ".,, osc.type = zigzag";,,, klinkt beter, het is zeer zeldzaam, je vindt een Synthesizer, met een oscillator.De meeste Synthesizer vullen hun stem door een combinatie van verschillende soorten van de oscillator.Laten we kijken of het geluid als we nog een.   onthoud, we moeten meer hoe we allemaal verbonden zijn, moeten we dezelfde frequentie generator meer oscillator.Dit betekent dat we kunnen gaan ze om te stoppen met alles, spelen ook aandacht is   oscillator.,, keyboard.keydown = functie (Er zij op gewezen dat de frequentie) {VAR osc = achtergrond. Createoscillator (), OSC2 = achtergrond. Createoscillator (); osc.frequency.value = frequentie; osc.type = "'"; osc2.frequency.value osc2.type = frequentie; = "driehoek; osc. In verband met de (mastervolume); OSC2 verband (mastervolume); mastervolume. Verbinding (context. Plaats van bestemming); [] = [frequentie Oscillator, OSC2]; osc. Begin (achtergrond. De huidige tijd); OSC2. Begin (achtergrond. De huidige tijd);}; keyboard.keyup = functie (de frequentie van de frequentie van de aandacht, []) {oscillator. Voor (functie (oscillator) {.Apparaat. Stop (context. De huidige tijd);});};,, om dingen, laten we gebruik maken van de truc, we in een les leren.We kunnen nog meer licht onze stem en een beetje zingen, door verlies van de oscillator weggelaten.,, osc.detune.value = 10; osc2.detune.value = 10;,, mooie synth Kraftwerk, trots op zijn.Spelen met producten, of een vork in github - aanpassing van de inhoud van de synthese van je hart.