{"json_modified": "2016-10-05T12:07:36.176182", "uuid": "48a85b4e-04de-467e-be5b-4fd75ac357b5", "title": "Visualizations with Web Audio API", "url": "/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API", "tags": ["API", "Guide", "Web Audio API", "visualization", "fft", "waveform", "visualisation", "analyser"], "translations": [{"uuid": "7a1037fc-43ad-4b57-a89d-097069ea9b2a", "title": "Visualizaciones con la API de Web Audio", "url": "/es/docs/Web_Audio_API/Visualizations_with_Web_Audio_API", "tags": [], "summary": "<span id=\"result_box\" lang=\"es\"><span>Para</span> <span>extraer los datos de</span> <span>la fuente de audio</span><span>,</span> <span>se necesita una</span></span> <a href=\"/es/docs/Web/API/AnalyserNode\" title=\"La interfaz&#xA0;AnalyserNode representa un nodo habilitado para proveer frecuencia en tiempo real y analisis de&#xA0;tiempo-dominio. Es un AudioNode que pasa&#xA0;el flujo de audio sin modificaci&#xF3;n&#xA0;desde el origen de entrada a la salida, pero, te permite obtener los datos generados, procesarlos, y crear visualizaciones de audio.\"><code>AnalyserNode</code></a>, <span id=\"result_box\" lang=\"es\"><span>que se crea</span> <span>utilizando el m\u00e9todo</span><span>,</span></span> <a href=\"/es/docs/Web/API/AudioContext/createAnalyser\" title=\"La documentaci&#xF3;n acerca de este tema no ha sido escrita todav&#xED;a . &#xA1;Por favor  considera contribuir !\"><code>AudioContext.createAnalyser()</code></a>, <span id=\"result_box\" lang=\"es\"><span>por ejemplo</span><span>:</span></span>", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-05-12T18:49:31", "review_tags": []}, {"uuid": "2736008b-61ea-4d4b-aba4-252c20ef877b", "title": "Visualisations avec la Web Audio API", "url": "/fr/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API", "tags": [], "summary": "Pour extraire les donn\u00e9es d'une source audio, il faut un <a href=\"/fr/docs/Web/API/AnalyserNode\" title=\"L' interface AnalyserNode repr&#xE9;sente un noeud capable de fournir en temps r&#xE9;el des informations d'analyse de la fr&#xE9;quence et du domaine temporel. C'est un AudioNode qui transmet le flux audio inchang&#xE9; depuis l'entr&#xE9;e vers la sortie, mais permet de capturer les donn&#xE9;es g&#xE9;n&#xE9;r&#xE9;es pour les traiter et/ou les visualiser.\"><code>AnalyserNode</code></a>, que l'on peut cr\u00e9er \u00e0 l'aide de la m\u00e9thode <a href=\"/fr/docs/Web/API/AudioContext/createAnalyser\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>AudioContext.createAnalyser()</code></a>, par exemple:", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-05T12:07:30", "review_tags": []}, {"uuid": "a10e2ee0-9903-424c-8090-8048af2e1119", "title": "\u57fa\u4e8eWeb Audio API\u5b9e\u73b0\u97f3\u9891\u53ef\u89c6\u5316\u6548\u679c", "url": "/zh-CN/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API", "tags": ["\u53ef\u89c6\u5316", "\u5206\u6790\u5668", "\u6559\u7a0b", "\u6ce2\u5f62"], "summary": "\u8981\u4ece\u4f60\u7684\u97f3\u9891\u6e90\u83b7\u53d6\u6570\u636e\uff0c\u4f60\u9700\u8981\u4e00\u4e2a <a href=\"/zh-CN/docs/Web/API/AnalyserNode\" title=\"AnalyserNode&#xA0;&#x8D4B;&#x4E88;&#x4E86;&#x8282;&#x70B9;&#x53EF;&#x4EE5;&#x63D0;&#x4F9B;&#x5B9E;&#x65F6;&#x9891;&#x7387;&#x53CA;&#x65F6;&#x95F4;&#x57DF;&#x5206;&#x6790;&#x7684;&#x4FE1;&#x606F;&#x3002;It is an AudioNode that passes the audio stream unchanged from the input to the output, but allows you to take the generated data, process it, and create audio visualizations.\"><code>AnalyserNode</code></a>\u8282\u70b9\uff0c\u5b83\u53ef\u4ee5\u7528 <a href=\"/zh-CN/docs/Web/API/AudioContext/createAnalyser\" title=\"AnalyserNode&#x5BF9;&#x8C61;\"><code>AudioContext.createAnalyser()</code></a> \u65b9\u6cd5\u521b\u5efa\uff0c\u6bd4\u5982\uff1a", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-05-05T20:54:51", "review_tags": []}], "modified": "2016-09-05T16:49:40", "label": "Visualizations with Web Audio API", "localization_tags": [], "locale": "en-US", "id": 116829, "last_edit": "2016-09-05T16:49:34", "summary": "To extract data from your audio source, you need an <a href=\"/en-US/docs/Web/API/AnalyserNode\" title=\"The AnalyserNode interface represents a node able to provide real-time frequency and time-domain analysis information. It is an AudioNode that passes the audio stream unchanged from the input to the output, but allows you to take the generated data, process it, and create audio visualizations.\"><code>AnalyserNode</code></a>, which is created using the <a href=\"/en-US/docs/Web/API/AudioContext/createAnalyser\" title=\"An AnalyserNode.\"><code>AudioContext.createAnalyser()</code></a> method, for example:", "sections": [{"id": "Basic_concepts", "title": "Basic concepts"}, {"id": "Creating_a_waveformoscilloscope", "title": "Creating a waveform/oscilloscope"}, {"id": "Creating_a_frequency_bar_graph", "title": "Creating a frequency bar graph"}], "slug": "Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API", "review_tags": []}