{"id":92637,"date":"2022-08-15T21:41:28","date_gmt":"2022-08-15T19:41:28","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/"},"modified":"2020-10-07T06:08:41","modified_gmt":"2020-10-07T09:08:41","slug":"creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/","title":{"rendered":"Profilerstellung von Web-Audio-Apps in Chrome"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Cuando-usas-chrome-tracing\" >Wann verwenden Sie chrome: \/\/ tracing?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#%C2%BFCuando-usas-el-WebAudio-%C2%BFlengueeta\" >Wann verwenden Sie die Registerkarte WebAudio?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Utilizar-chrome-tracing\" >Verwenden Sie chrome: \/\/ tracing<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Como-capturar-datos-de-rastreo\" >So erfassen Sie Trace-Daten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Como-analizar-los-datos-de-rastreo\" >So analysieren Sie Trace-Daten<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Modo-nativo\" >Native mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Modo-worklet\" >Worklet-Modus<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Aprender-de-ejemplos-del-mundo-real\" >Lernen Sie aus realen Beispielen<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Ejemplo-1-tareas-de-renderizacion-que-van-mas-alla-del-presupuesto-de-renderizacion\" >Beispiel 1: Rendering-Aufgaben, die \u00fcber das Rendering-Budget hinausgehen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Ejemplo-2-recoleccion-de-basura-significativa-en-el-subproceso-del-worklet\" >Beispiel 2: Signifikante Speicherbereinigung im Worklet-Thread<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Ejemplo-3-Devolucion-de-llamada-de-dispositivo-de-audio-nerviosa-desde-AudioOutputDevice\" >Beispiel 3: R\u00fcckruf eines nerv\u00f6sen Audioger\u00e4ts von AudioOutputDevice<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#Conclusion\" >Fazit<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Erfahren Sie, wie Sie die Leistung von Web-Audio-Anwendungen in Chrome mithilfe von profilieren  <code>chrome:\/\/tracing<\/code> und das <strong>WebAudio<\/strong> Registerkarte in DevTools.<\/p>\n<p>\n          <time>4. Mai 2020<\/time><\/p>\n<\/header>\n<p>Sie sind wahrscheinlich zu dieser Dokumentation gekommen, weil Sie eine Anwendung entwickeln, die das verwendet <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/docs\/Web\/API\/Web_Audio_API\">Web Audio API<\/a><br \/>\nund erlebte einige unerwartete St\u00f6rungen, wie z. B. Ger\u00e4usche am Ausgang. M\u00f6glicherweise sind Sie bereits an einem beteiligt <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/crbug.com\">crbug.com<\/a><br \/>\nDiskussion und ein Chrome-Techniker hat Sie gebeten, &quot;Trace-Daten&quot; hochzuladen. In diesem Handbuch wird gezeigt, wie Sie die Daten abrufen, damit Sie den Ingenieuren helfen k\u00f6nnen, das Problem zu klassifizieren und eventuell zu beheben.<\/p>\n<p>Es gibt zwei Tools, mit denen Sie Web-Audio-Profile erstellen k\u00f6nnen:<br \/>\n<code>chrome:\/\/tracing<\/code> und das <strong>WebAudio<\/strong> Registerkarte in Chrome DevTools.<\/p>\n<h3 id=\"when-do-you-use-chrome:tracing\"><span class=\"ez-toc-section\" id=\"Cuando-usas-chrome-tracing\"><\/span>Wenn Sie verwenden <code>chrome:\/\/tracing<\/code>? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn mysteri\u00f6se &quot;Fehler&quot; auftreten. Wenn Sie die Anwendung mit den Tracking-Tools profilieren, erhalten Sie Informationen zu folgenden Themen:<\/p>\n<ul>\n<li><strong>Zeitaufwand f\u00fcr bestimmte Funktionsaufrufe<\/strong> in verschiedenen F\u00e4den<\/li>\n<li><strong>Audio-R\u00fcckrufzeit<\/strong> in der Timeline-Ansicht<\/li>\n<\/ul>\n<p>In der Regel werden vers\u00e4umte Fristen oder gro\u00dfe Speicherbereinigungsstopps angezeigt, die zu unerwarteten Audiost\u00f6rungen f\u00fchren k\u00f6nnen. Diese Informationen sind n\u00fctzlich, um einen Fehler zu erkennen. Chromium-Ingenieure fordern Trace-Daten an, wenn eine lokale Reproduktion des Problems nicht m\u00f6glich ist. Uhr <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.chromium.org\/developers\/how-tos\/trace-event-profiling-tool\">Das Tracking Event Profiling Tool<\/a> f\u00fcr allgemeine Anweisungen zum Verfolgen.<\/p>\n<h3 id=\"when-do-you-use-the-webaudio-tab\"><span class=\"ez-toc-section\" id=\"%C2%BFCuando-usas-el-WebAudio-%C2%BFlengueeta\"><\/span>Wann benutzt du die <strong>WebAudio<\/strong> Zunge? <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn Sie sich ein Bild von der Leistung Ihrer Anwendung in der realen Welt machen m\u00f6chten. DevTools zeigt Ihnen eine laufende Sch\u00e4tzung des Durchsatzes an, die angibt, wie die Web-Audio-Rendering-Engine Rendering-Aufgaben mit einem bestimmten Rendering-Budget (z. B. ca. 2,67 ms bei 48 kHz) verarbeitet. Wenn die Kapazit\u00e4t nahe bei 100% liegt, bedeutet dies, dass Ihre Anwendung wahrscheinlich abst\u00fcrzt, da der Renderer den Job im Rendering-Budget nicht beenden kann.<\/p>\n<h2 id=\"use-chrome:tracing\"><span class=\"ez-toc-section\" id=\"Utilizar-chrome-tracing\"><\/span>Benutzen <code>chrome:\/\/tracing<\/code> <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"how-to-capture-tracing-data\"><span class=\"ez-toc-section\" id=\"Como-capturar-datos-de-rastreo\"><\/span>So erfassen Sie Trace-Daten <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>Die folgenden Anweisungen gelten f\u00fcr Chrome 80 und h\u00f6her.<\/em><\/p>\n<p>Schlie\u00dfen Sie alle anderen Registerkarten und Fenster, um optimale Ergebnisse zu erzielen, und deaktivieren Sie die Erweiterungen. Alternativ k\u00f6nnen Sie <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/devtools\/docs\/clean-testing-environment\">Starten Sie eine neue Instanz von Chrome<\/a><br \/>\noder verwenden Sie andere Zusammenstellungen von <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.chromium.org\/getting-involved\/dev-channel\">verschiedene Startkan\u00e4le<\/a> (zum Beispiel Beta oder Canary). Wenn Sie den Browser bereit haben, f\u00fchren Sie die folgenden Schritte aus:<\/p>\n<ol>\n<li>\n<p>\u00d6ffnen Sie Ihre Anwendung (Webseite) in einem Tab.<\/p>\n<\/li>\n<li>\n<p>\u00d6ffnen Sie eine andere Registerkarte und gehen Sie zu <code>chrome:\/\/tracing<\/code>.<\/p>\n<\/li>\n<li>\n<p>Dr\u00fccken Sie die <strong>Gravieren<\/strong> Schaltfl\u00e4che und w\u00e4hlen Sie <strong>Einstellungen manuell ausw\u00e4hlen<\/strong>.<\/p>\n<\/li>\n<li>\n<p>Dr\u00fccken Sie die <strong>Keiner<\/strong> Tasten auf beiden <strong>Kategorien aufzeichnen<\/strong> y<br \/>\n<strong>Standardm\u00e4\u00dfig deaktiviert<\/strong> Abschnitte.<\/p>\n<\/li>\n<li>\n<p>Beim <strong>Kategorien aufzeichnen<\/strong> W\u00e4hlen Sie im folgenden Abschnitt Folgendes aus:<\/p>\n<ul>\n<li><code>Audio<\/code><\/li>\n<li><code>blink_gc<\/code><\/li>\n<li><code>H\u00e4lfte<\/code><\/li>\n<li><code>v8.execute<\/code>  (wenn Sie interessiert sind <code>AudioWorklet<\/code> JS-Codeleistung)<\/li>\n<li><code>webaudio<\/code><\/li>\n<\/ul>\n<\/li>\n<li>\n<p>Beim <strong>Standardm\u00e4\u00dfig deaktiviert<\/strong> W\u00e4hlen Sie im folgenden Abschnitt Folgendes aus:<\/p>\n<ul>\n<li><code>Audio-Worklet<\/code>  (wenn Sie interessiert sind, wo <code>AudioWorklet<\/code> Thread beginnt)<\/li>\n<li><code>webaudio.audionode<\/code>  (wenn Sie die detaillierte Verfolgung von jedem ben\u00f6tigen <code>AudioNode<\/code>)<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>Dr\u00fccken Sie die <strong>Gravieren<\/strong> Schaltfl\u00e4che unten.<\/p>\n<\/li>\n<li>\n<p>Kehren Sie zu Ihrer App-Registerkarte zur\u00fcck und f\u00fchren Sie die Schritte aus, die das Problem erneut ausgel\u00f6st haben.<\/p>\n<\/li>\n<li>\n<p>Wenn Sie \u00fcber gen\u00fcgend Tracking-Daten verf\u00fcgen, kehren Sie zur Registerkarte Tracking zur\u00fcck und dr\u00fccken Sie <strong>Halt<\/strong>.<\/p>\n<\/li>\n<li>\n<p>Auf der Registerkarte &quot;Nachverfolgung&quot; wird das Ergebnis angezeigt.<\/p>\n<p><img alt='1-hallo-audio-worklet-4505179' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/1-hello-audio-worklet-4505179.jpg' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<\/li>\n<li>\n<p>Dr\u00fccken Sie <strong>speichern<\/strong> um die Tracking-Daten zu speichern.<\/p>\n<\/li>\n<\/ol>\n<h3 id=\"how-to-analyze-tracing-data\"><span class=\"ez-toc-section\" id=\"Como-analizar-los-datos-de-rastreo\"><\/span>So analysieren Sie Trace-Daten <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Tracking-Daten visualisieren, wie die Web-Audio-Engine von Chrome Audio verarbeitet. Der Renderer verf\u00fcgt \u00fcber zwei verschiedene Rendering-Modi: <strong>Native mode<\/strong> y<br \/>\n<strong>Worklet-Modus<\/strong>. Jeder Modus verwendet ein anderes Threading-Modell, sodass sich auch die Tracking-Ergebnisse unterscheiden.<\/p>\n<h4 id=\"native-mode\"><span class=\"ez-toc-section\" id=\"Modo-nativo\"><\/span>Native mode <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Im nativen Modus wird die <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/source.chromium.org\/chromium\/chromium\/src\/+\/master:media\/audio\/audio_output_device.h\"><code>AudioOutputDevice<\/code><\/a>  Thread f\u00fchrt den gesamten Web-Audio-Code aus. das <code>AudioOutputDevice<\/code> Es handelt sich um einen Echtzeit-Priorit\u00e4ts-Thread, der vom Audiodienst des Browsers stammt und von der Audio-Hardware-Uhr gesteuert wird. Wenn Sie eine Unregelm\u00e4\u00dfigkeit in den Tracking-Daten in dieser Spur feststellen, bedeutet dies, dass die R\u00fcckrufzeit des Ger\u00e4ts m\u00f6glicherweise nerv\u00f6s ist. Es ist bekannt, dass die Kombination von Linux und Pulse Audio dieses Problem aufweist. Weitere Informationen finden Sie in den folgenden Chromium-Problemen: <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/crbug.com\/825823\"># 825823<\/a>,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/crbug.com\/864463\"># 864463<\/a>.<\/p>\n<p><img alt='2e-box2d-5564452' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/2e-box2d-5564452.jpg' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<h4 id=\"worklet-mode\"><span class=\"ez-toc-section\" id=\"Modo-worklet\"><\/span>Worklet-Modus <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Im Worklet-Modus, der durch einen Thread-Sprung von gekennzeichnet ist<br \/>\n<code>AudioOutputDevice<\/code> zum <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/source.chromium.org\/chromium\/chromium\/src\/+\/master:third_party\/blink\/renderer\/modules\/webaudio\/audio_worklet_thread.h\"><code>AudioWorklet<\/code>  Faden<\/a>Sie sollten gut ausgerichtete Striche auf zwei Fadenlinien sehen, wie unten gezeigt. Wenn das Worklet aktiviert ist, werden alle Web-Audio-Vorg\u00e4nge von der verarbeitet<br \/>\n<code>AudioWorklet<\/code> Faden. Dieser Thread hat derzeit keine Echtzeitpriorit\u00e4t. Die h\u00e4ufigste Unregelm\u00e4\u00dfigkeit ist hier ein gro\u00dfer Absturz, der durch Speicherbereinigung oder vers\u00e4umte Verarbeitungsfristen verursacht wird. In beiden F\u00e4llen treten Fehler bei der Audio\u00fcbertragung auf.<\/p>\n<p><img alt='3e-hallo-audio-worklet-2574748' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/3e-hello-audio-worklet-2574748.png' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<p>In beiden F\u00e4llen sind die idealen Tracking-Daten durch gut ausgerichtete R\u00fcckrufaufrufe von Audioger\u00e4ten und Rendering-Aufgaben gekennzeichnet, die innerhalb des vorgegebenen Rendering-Budgets ausgef\u00fchrt werden. Die beiden obigen Screenshots sind hervorragende Beispiele f\u00fcr ideale Trace-Daten.<\/p>\n<h3 id=\"learning-from-real-world-examples\"><span class=\"ez-toc-section\" id=\"Aprender-de-ejemplos-del-mundo-real\"><\/span>Lernen Sie aus realen Beispielen <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4 id=\"example-1:-render-tasks-going-beyond-render-budget\"><span class=\"ez-toc-section\" id=\"Ejemplo-1-tareas-de-renderizacion-que-van-mas-alla-del-presupuesto-de-renderizacion\"><\/span>Beispiel 1: Rendering-Aufgaben, die \u00fcber das Rendering-Budget hinausgehen <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Der Screenshot unten (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/crbug.com\/796330\">Chromproblem # 796330<\/a>) ist ein typisches Beispiel daf\u00fcr, wann der Code in <code>AudioWorkletProcessor<\/code> dauert zu lange und \u00fcberschreitet ein bestimmtes Rendering-Budget. Die R\u00fcckrufzeit verh\u00e4lt sich einwandfrei, aber der Aufruf der Audioverarbeitungsfunktion der Web Audio API konnte den Auftrag vor dem n\u00e4chsten R\u00fcckruf des Ger\u00e4ts nicht abschlie\u00dfen.<\/p>\n<p><img alt='5e-render-budget-7879549' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/5e-render-budget-7879549.png' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<p><strong>Deine Optionen:<\/strong><\/p>\n<ul>\n<li>Reduzieren Sie die Arbeitsbelastung f\u00fcr Audio-Grafiken, indem Sie weniger verwenden <code>AudioNode<\/code> Instanzen.<\/li>\n<li>Reduzieren Sie Ihre Code-Arbeitslast auf dem <code>AudioWorkletProcessor<\/code>.<\/li>\n<li>Erh\u00f6hen Sie die Basislatenz von <code>AudioContext<\/code>.<\/li>\n<\/ul>\n<h4 id=\"example-2:-significant-garbage-collection-on-the-worklet-thread\"><span class=\"ez-toc-section\" id=\"Ejemplo-2-recoleccion-de-basura-significativa-en-el-subproceso-del-worklet\"><\/span>Beispiel 2: Signifikante Speicherbereinigung im Worklet-Thread <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Im Gegensatz zum nativen Audio-Rendering-Thread wird die Garbage Collection im Worklet-Thread behandelt. Das hei\u00dft, wenn Ihr Code Speicherzuweisung \/ Freigabe durchf\u00fchrt (z. B. neue Arrays), l\u00f6st er schlie\u00dflich eine Speicherbereinigung aus, die den Thread synchron sperrt. Wenn die Arbeitslast f\u00fcr Web-Audio-Vorg\u00e4nge und die Speicherbereinigung gr\u00f6\u00dfer als ein bestimmtes Rendering-Budget ist, schl\u00e4gt das Audio-Streaming fehl. Der folgende Screenshot ist ein extremes Beispiel f\u00fcr diesen Fall.<\/p>\n<p><img alt='6e-garbage-collection-6170599' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/6e-garbage-collection-6170599.png' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Chrom <code>AudioWorkletProcessor<\/code> Die Implementierung generiert <code>Float32Array<\/code> Instanzen f\u00fcr den Eingabe- und Ausgabepuffer jedes Audioverarbeitungsr\u00fcckrufs. Dies erh\u00f6ht auch langsam die Speichernutzung im Laufe der Zeit. Das Team hat einen Plan zur Verbesserung des Designs, nachdem die entsprechende Spezifikation fertiggestellt wurde.<\/p>\n<\/div>\n<p><strong>Deine Optionen:<\/strong><\/p>\n<ul>\n<li>Ordnen Sie den Speicher im Voraus zu und verwenden Sie ihn nach M\u00f6glichkeit wieder.<\/li>\n<li>Verwenden Sie unterschiedliche Entwurfsmuster basierend auf <code>SharedArrayBuffer<\/code>. Obwohl dies keine perfekte L\u00f6sung ist, verwenden einige Web-Audio-Anwendungen ein \u00e4hnliches Muster mit<br \/>\n<code>SharedArrayBuffer<\/code> um den intensiven Audio-Code auszuf\u00fchren. Beispiele:<\/p>\n<\/li>\n<\/ul>\n<h4 id=\"example-3:-jittery-audio-device-callback-from-audiooutputdevice\"><span class=\"ez-toc-section\" id=\"Ejemplo-3-Devolucion-de-llamada-de-dispositivo-de-audio-nerviosa-desde-AudioOutputDevice\"><\/span>Beispiel 3: R\u00fcckruf eines nerv\u00f6sen Audioger\u00e4ts von <code>AudioOutputDevice<\/code> <span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Das genaue Timing des Audio-R\u00fcckrufs ist das Wichtigste f\u00fcr Web-Audio. Dies sollte die genaueste Uhr in Ihrem System sein. Wenn das Betriebssystem oder sein Audio-Subsystem keine robuste R\u00fcckrufzeit garantieren kann, sind alle nachfolgenden Vorg\u00e4nge betroffen. Das Bild unten ist ein Beispiel f\u00fcr einen nerv\u00f6sen Audio-R\u00fcckruf. Im Vergleich zu den beiden vorherigen Bildern variiert das Intervall zwischen den einzelnen R\u00fcckrufen erheblich.<\/p>\n<p><img alt='4e-Puls-Audio-3314692' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/4e-pulse-audio-3314692.png' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<p>Dies ist ein bekanntes Problem unter Linux, das Pulse Audio als Audio-Backend verwendet. Dies wird noch untersucht (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/crbug.com\/825823\">Chrom Problem Nr. 825823<\/a>).<\/p>\n<p>Sie k\u00f6nnen auch die Registerkarte DevTools verwenden, die speziell f\u00fcr Web-Audio entwickelt wurde. Dies ist im Vergleich zum Tracking-Tool weniger umfassend, aber n\u00fctzlich, wenn Sie die Ausf\u00fchrungsleistung Ihrer Anwendung messen m\u00f6chten.<\/p>\n<p>Greifen Sie auf das Bedienfeld zu, indem Sie das Fenster \u00f6ffnen <strong>Hauptmen\u00fc<\/strong> von DevTools, dann gehen Sie zu <strong>Mehr Werkzeuge<\/strong> > <strong>WebAudio<\/strong>.<\/p>\n<p><img alt='7e-devtools-9409473' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/7e-devtools-9409473.jpg' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<p><img alt='8e-devtools-6891348' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/8e-devtools-6891348.png' class=\"w-screenshot w-screenshot--filled\"><\/p>\n<p>Auf dieser Registerkarte werden Informationen zum Ausf\u00fchren von Instanzen von angezeigt <code>BaseAudioContext<\/code>. Verwenden Sie diese Option, um die Leistung des Web-Audio-Renderers auf der Seite anzuzeigen.<\/p>\n<p>Da kann eine Seite mehrere haben <code>BaseAudioContext<\/code> Instanzen, die <strong>Kontextauswahl<\/strong><br \/>\n(Das ist die Dropdown-Liste, die sagt <code>Echtzeit (4e1073)<\/code> Im letzten Screenshot k\u00f6nnen Sie ausw\u00e4hlen, was Sie \u00fcberpr\u00fcfen m\u00f6chten. In der Inspektoransicht werden die Eigenschaften (z. B. Abtastrate, Puffergr\u00f6\u00dfe, Kanalanzahl und Kontextstatus) von a angezeigt <code>BaseAudioContext<\/code> Instanz, die Sie ausw\u00e4hlen, und sie \u00e4ndert sich dynamisch, wenn sich die Eigenschaften \u00e4ndern.<\/p>\n<p>Das N\u00fctzlichste in dieser Ansicht ist die Statusleiste unten. Es ist nur aktiv, wenn die ausgew\u00e4hlte <code>BaseAudioContext<\/code> ist ein <code>AudioContext<\/code>, die in Echtzeit l\u00e4uft. Diese Leiste zeigt die Qualit\u00e4t der sofortigen Audio\u00fcbertragung von a <code>AudioContext<\/code> und aktualisiert jede Sekunde. stellen Sie folgende Informationen bereit:<\/p>\n<ul>\n<li><strong>R\u00fcckrufintervall<\/strong> (ms) - Zeigt den gewichteten Mittelwert \/ die gewichtete Varianz des R\u00fcckrufintervalls an. Idealerweise sollte der Mittelwert stabil sein und die Varianz sollte nahe Null sein. Andernfalls kann die Audio-Infrastruktur des Betriebssystems in tieferen Schichten Probleme haben.<\/li>\n<li><strong>Rendering-F\u00e4higkeit<\/strong> (Prozentsatz): Folgen Sie dieser Formel: (<em>Zeitaufwand f\u00fcr das tats\u00e4chliche Rendering \/ Sofort-R\u00fcckrufintervall<\/em>) \u00d7 100. Wenn sich die Kapazit\u00e4t 100 Prozent n\u00e4hert, bedeutet dies, dass der Renderer f\u00fcr ein bestimmtes Rendering-Budget zu viel tut. Sie sollten daher in Betracht ziehen, weniger in Ihrem Web-Audio-Code zu tun.<\/li>\n<\/ul>\n<p>Sie k\u00f6nnen einen Garbage Collector verwalten und aktivieren, indem Sie auf das Papierkorbsymbol klicken.<\/p>\n<h2 id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Fazit <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Audio-Debugging ist schwierig. Das Debuggen von Audio im Browser ist noch schwieriger. Diese Tools k\u00f6nnen jedoch die Schmerzen lindern, indem sie Ihnen n\u00fctzliche Informationen zur Funktionsweise von Web-Audio-Code liefern. In einigen F\u00e4llen verh\u00e4lt sich das Web-Audio m\u00f6glicherweise nicht so, wie es sollte. dann hab keine Angst vor<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/bugs.chromium.org\/p\/chromium\/issues\/entry?components=Blink%3EWebAudio\">einen Fehler in Chromium Bug Tracker melden<\/a>. W\u00e4hrend Sie die Informationen eingeben, k\u00f6nnen Sie der obigen Anleitung folgen und die von Ihnen mit einem reproduzierbaren Testfall erfassten Trace-Daten senden. Mit diesen Daten k\u00f6nnen Chrome-Ingenieure Ihren Fehler viel schneller korrigieren.<\/p>\n<p>Foto von Jonathan Velasquez in <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/unsplash.com\/photos\/c1ZN57GfDB0\">Unsplash<\/a><\/p>\n<p>    <web-feedback additional-questions=\"\"><\/web-feedback>\n  <\/div>","protected":false},"excerpt":{"rendered":"<p>Erfahren Sie, wie Sie die Leistung von Web-Audio-Anwendungen in Chrome mithilfe von chrome:\/\/tracing und der Registerkarte \u201eWebAudio\u201c in DevTools profilieren. 4. Mai 2020 Sie haben diese Dokumentation erreicht\u2026<\/p>","protected":false},"author":1,"featured_media":92638,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-92637","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Aprenda a perfilar el rendimiento de las aplicaciones Web Audio en Chrome usando chrome:\/\/tracing y el WebAudio pesta\u00f1a en DevTools. 4 de mayo de 2020 Ha\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome\" \/>\n<meta property=\"og:description\" content=\"Aprenda a perfilar el rendimiento de las aplicaciones Web Audio en Chrome usando chrome:\/\/tracing y el WebAudio pesta\u00f1a en DevTools. 4 de mayo de 2020 Ha\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-15T19:41:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome\",\"datePublished\":\"2022-08-15T19:41:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/\"},\"wordCount\":1808,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-3991352.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/\",\"name\":\"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-3991352.jpg\",\"datePublished\":\"2022-08-15T19:41:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Aprenda a perfilar el rendimiento de las aplicaciones Web Audio en Chrome usando chrome:\\\/\\\/tracing y el WebAudio pesta\u00f1a en DevTools. 4 de mayo de 2020 Ha\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-3991352.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-3991352.jpg\",\"width\":1200,\"height\":360,\"caption\":\"hero-3991352-2200209-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome - R Marketing Digital","description":"Erfahren Sie, wie Sie die Leistung von Web-Audio-Anwendungen in Chrome mithilfe von chrome: \/\/ tracing und der Registerkarte WebAudio in DevTools profilieren. 4. Mai 2020 ha","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/","og_locale":"de_DE","og_type":"article","og_title":"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome","og_description":"Aprenda a perfilar el rendimiento de las aplicaciones Web Audio en Chrome usando chrome:\/\/tracing y el WebAudio pesta\u00f1a en DevTools. 4 de mayo de 2020 Ha","og_url":"https:\/\/rmarketingdigital.com\/de\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-15T19:41:28+00:00","og_image":[{"width":1200,"height":360,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome","datePublished":"2022-08-15T19:41:28+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/"},"wordCount":1808,"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg","articleSection":["Dev"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/","url":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/","name":"Creaci\u00f3n de perfiles de aplicaciones de audio web en Chrome - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg","datePublished":"2022-08-15T19:41:28+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Erfahren Sie, wie Sie die Leistung von Web-Audio-Anwendungen in Chrome mithilfe von chrome: \/\/ tracing und der Registerkarte WebAudio in DevTools profilieren. 4. Mai 2020 ha","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/dev\/creacion-de-perfiles-de-aplicaciones-de-audio-web-en-chrome\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-3991352.jpg","width":1200,"height":360,"caption":"hero-3991352-2200209-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/92637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=92637"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/92637\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/92638"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=92637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=92637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=92637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}