{"id":19043,"date":"2025-04-24T05:15:15","date_gmt":"2025-04-24T02:15:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/"},"modified":"2025-04-24T05:15:15","modified_gmt":"2025-04-24T02:15:15","slug":"tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/","title":{"rendered":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma"},"content":{"rendered":"<p><body><\/p>\n<p>Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma<\/p>\n<p>Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API&#8217;yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m.  Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API&#8217;nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m.  Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.<\/p>\n<h2>Web Audio API Nedir?<\/h2>\n<p>Web Audio API, taray\u0131c\u0131n\u0131zda ses i\u015fleme ve manip\u00fclasyonu i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.  Ses dosyalar\u0131n\u0131 y\u00fckleyebilir, filtreleyebilir, efektler ekleyebilir ve daha fazlas\u0131n\u0131 yapabilirsiniz.  Bu API, geli\u015fmi\u015f ses uygulamalar\u0131 olu\u015fturmak i\u00e7in geni\u015f olanaklar sunar.  Gecikme efekti, Web Audio API ile kolayca uygulanabilen yayg\u0131n bir ses efektlerinden biridir.<\/p>\n<h2>Gecikme Efektinin Temelleri<\/h2>\n<p>Bir gecikme efekti, orijinal sesin bir kopyas\u0131n\u0131 belirli bir s\u00fcre geciktirerek ve genellikle biraz azaltarak ekler.  Bu, yank\u0131 veya tekrar eden ses efektleri olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.  Gecikme s\u00fcresi ve geri besleme miktar\u0131, efektin karakterini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde etkiler.  \u00d6rne\u011fin, k\u0131sa bir gecikme s\u00fcresi ve d\u00fc\u015f\u00fck geri besleme, hafif bir kal\u0131nl\u0131k eklerken, uzun bir gecikme s\u00fcresi ve y\u00fcksek geri besleme, belirgin bir yank\u0131 olu\u015fturur.<\/p>\n<h2>Kodu Anlama<\/h2>\n<p>\u015eimdi, Web Audio API kullanarak basit bir gecikme efekti olu\u015fturmak i\u00e7in gereken JavaScript kodunu inceleyelim. A\u015fa\u011f\u0131daki kod, bir ses dosyas\u0131n\u0131 y\u00fckler, gecikme efektini uygular ve sesi \u00e7alar:<\/p>\n<pre><code class=\"language-javascript\">\n\/\/ Ses ba\u011flam\u0131n\u0131 olu\u015fturun\nconst audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n\n\/\/ Ses dosyas\u0131n\u0131 y\u00fckleyin\nfetch('ses_dosyasi.mp3')\n  .then(response => response.arrayBuffer())\n  .then(arrayBuffer => audioCtx.decodeAudioData(arrayBuffer))\n  .then(audioBuffer => {\n    \/\/ Kaynak d\u00fc\u011f\u00fcm\u00fcn\u00fc olu\u015fturun\n    const source = audioCtx.createBufferSource();\n    source.buffer = audioBuffer;\n\n    \/\/ Gecikme d\u00fc\u011f\u00fcm\u00fcn\u00fc olu\u015fturun\n    const delay = audioCtx.createDelay(1); \/\/ 1 saniye gecikme\n    delay.delayTime.setValueAtTime(0.5, audioCtx.currentTime); \/\/ 0.5 saniye gecikme\n\n    \/\/ Kazan\u00e7 d\u00fc\u011f\u00fcm\u00fcn\u00fc olu\u015fturun (gecikmeli sesi azaltmak i\u00e7in)\n    const gain = audioCtx.createGain();\n    gain.gain.setValueAtTime(0.5, audioCtx.currentTime); \/\/ %50 azaltma\n\n    \/\/ Ba\u011flant\u0131lar\u0131 kurun\n    source.connect(delay);\n    delay.connect(gain);\n    gain.connect(audioCtx.destination);\n\n    \/\/ Sesi \u00e7al\u0131n\n    source.start();\n  });\n<\/code><\/pre>\n<p>Bu kodda, \u00f6ncelikle bir <code>AudioContext<\/code> nesnesi olu\u015fturulur. Ard\u0131ndan, bir ses dosyas\u0131 y\u00fcklenir ve <code>decodeAudioData<\/code> metodu kullan\u0131larak i\u015flenir.  Bir <code>DelayNode<\/code> d\u00fc\u011f\u00fcm\u00fc, gecikme s\u00fcresini belirlemek i\u00e7in kullan\u0131l\u0131r.  Bir <code>GainNode<\/code> d\u00fc\u011f\u00fcm\u00fc, gecikmeli sesin ses seviyesini kontrol etmek i\u00e7in kullan\u0131l\u0131r.  Son olarak, d\u00fc\u011f\u00fcmler birbirine ba\u011flan\u0131r ve ses \u00e7al\u0131n\u0131r.  Gecikme s\u00fcresi ve kazan\u00e7 de\u011feri, istedi\u011finiz etkiye g\u00f6re ayarlanabilir. Daha geli\u015fmi\u015f efektler i\u00e7in, geri besleme (feedback) ekleyebilirsiniz. Bu, gecikmeli sesi tekrar gecikme d\u00fc\u011f\u00fcm\u00fcne g\u00f6ndererek elde edilir.<\/p>\n<h2>Geli\u015fmi\u015f \u00d6zellikler ve Kaynaklar<\/h2>\n<p>Daha karma\u015f\u0131k ses efektleri ve i\u015fleme i\u00e7in,  Web Audio API&#8217;nin di\u011fer d\u00fc\u011f\u00fcmlerini ve \u00f6zelliklerini ke\u015ffedebilirsiniz.  \u00d6rne\u011fin, filtreler, reverb ve di\u011fer efektler ekleyerek daha zengin bir ses deneyimi yaratabilirsiniz.  Daha fazla bilgi i\u00e7in, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API\">MDN Web Docs Web Audio API<\/a> belgesini inceleyebilirsiniz.  Web ses geli\u015ftirme konusunda daha fazla bilgi edinmek i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret etmeyi unutmay\u0131n!<\/p>\n<p>Bu makalede, Web Audio API kullanarak basit bir gecikme efekti olu\u015fturmay\u0131 \u00f6\u011frendiniz.  Umar\u0131m bu bilgi web ses geli\u015ftirme projelerinizde size yard\u0131mc\u0131 olur.  Ba\u015fka sorular\u0131n\u0131z varsa, bana ula\u015fmaktan \u00e7ekinmeyin!<\/p>\n<p>#Etiketler<br \/>\nWeb Audio API, gecikme efekti, ses efekti, JavaScript, web geli\u015ftirme, ses i\u015fleme, delay effect, audio processing,  ses dosyas\u0131,  AudioContext, DelayNode, GainNode<\/p>\n","protected":false},"excerpt":{"rendered":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-19043","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API&#039;yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API&#039;nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API&#039;yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API&#039;nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-24T02:15:15+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma\",\"datePublished\":\"2025-04-24T02:15:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\"},\"wordCount\":512,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\",\"name\":\"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-24T02:15:15+00:00\",\"description\":\"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API'yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API'nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma","description":"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API'yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API'nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.","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:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma","og_description":"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API'yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API'nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.","og_url":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-24T02:15:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma","datePublished":"2025-04-24T02:15:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/"},"wordCount":512,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/","name":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-24T02:15:15+00:00","description":"Merhaba! Fatih Soysal burada. Bu yaz\u0131da, Web Audio API'yi kullanarak taray\u0131c\u0131n\u0131zda basit bir gecikme (delay) efekti nas\u0131l olu\u015fturaca\u011f\u0131n\u0131z\u0131 ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. Bu, oyunlardan m\u00fczik \u00e7alarlara kadar \u00e7e\u015fitli web uygulamalar\u0131nda kullanabilece\u011finiz g\u00fc\u00e7l\u00fc bir tekniktir. \u00d6ncelikle, Web Audio API'nin ne oldu\u011funu ve neden kullan\u0131ld\u0131\u011f\u0131n\u0131 anlayal\u0131m. Sonras\u0131nda, kodu ad\u0131m ad\u0131m inceleyece\u011fiz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/tarayicida-web-audio-api-ile-gec-giden-ses-efekti-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Taray\u0131c\u0131da Web Audio API ile Ge\u00e7 Giden Ses Efekti Olu\u015fturma"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/19043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=19043"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/19043\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=19043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=19043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=19043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}