Tinnitus Pitch Finder<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tone\/14.8.39\/Tone.min.js\"><\/script>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', sans-serif;\n background-color: #ffffff;\n overflow-x: hidden;\n }\n\n .section {\n width: 100%;\n min-height: 100vh;\n padding: 40px 20px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n h1 {\n font-size: 2rem;\n color: #4B0082;\n margin-bottom: 1rem;\n }\n\n #tinnitus-toner {\n background: #f9f9ff;\n }\n\n .slider-group {\n margin: 20px 0;\n width: 80%;\n max-width: 700px;\n }\n\n .label {\n font-weight: bold;\n margin-bottom: 5px;\n font-size: 16px;\n }\n\n input[type=\"range\"] {\n width: 100%;\n appearance: none;\n height: 8px;\n border-radius: 5px;\n background: linear-gradient(to right, #007bff 0%, #007bff var(--progress), #ffffff var(--progress), #ffffff 100%);\n outline: none;\n margin-top: 10px;\n --progress: 0%;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #007bff;\n cursor: pointer;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #007bff;\n cursor: pointer;\n }\n\n .value-display {\n margin-top: 5px;\n font-size: 14px;\n font-weight: bold;\n }\n\n .sound-buttons {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n\n .sound-btn {\n background-color: #a055d9;\n color: white;\n border: none;\n border-radius: 6px;\n padding: 10px 14px;\n font-size: 14px;\n cursor: pointer;\n }\n\n .sound-btn.selected {\n background-color: #7a30b6;\n }\n\n .control-buttons {\n margin-top: 30px;\n display: flex;\n gap: 20px;\n }\n\n .control-buttons button {\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n background-color: #007bff;\n color: white;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"section\" id=\"tinnitus-toner\">\n <h1>Tinnitus Pitch Finder<\/h1>\n\n <div class=\"slider-group\">\n <label class=\"label\" for=\"freqSlider\">Frequency<\/label>\n <input type=\"range\" id=\"freqSlider\" min=\"20\" max=\"20000\" value=\"8000\" step=\"10\" style=\"--progress: 40%;\" \/>\n <div class=\"value-display\" id=\"freqValue\">8000 Hz<\/div>\n <\/div>\n\n <div class=\"slider-group\">\n <label class=\"label\" for=\"volSlider\">Volume<\/label>\n <input type=\"range\" id=\"volSlider\" min=\"-60\" max=\"0\" value=\"-12\" step=\"1\" \/>\n <div class=\"value-display\" id=\"volValue\">-12 dB<\/div>\n <\/div>\n\n <div class=\"sound-buttons\">\n <button class=\"sound-btn selected\" data-wave=\"sine\">Pure Tone<\/button>\n <button class=\"sound-btn\" data-wave=\"square\">Square<\/button>\n <button class=\"sound-btn\" data-wave=\"triangle\">Triangle<\/button>\n <button class=\"sound-btn\" data-wave=\"sawtooth\">Sawtooth<\/button>\n <button class=\"sound-btn\" data-wave=\"noise\">Noise<\/button>\n <button class=\"sound-btn\" data-wave=\"filtered\">Filtered<\/button>\n <\/div>\n\n <div class=\"control-buttons\">\n <button id=\"playTone\">Play<\/button>\n <button id=\"stopTone\">Stop<\/button>\n <\/div>\n <\/section>\n\n <script>\n const freqSlider = document.getElementById('freqSlider');\n const volSlider = document.getElementById('volSlider');\n const freqValue = document.getElementById('freqValue');\n const volValue = document.getElementById('volValue');\n const playBtn = document.getElementById('playTone');\n const stopBtn = document.getElementById('stopTone');\n const soundButtons = document.querySelectorAll('.sound-btn');\n\n let oscillator;\n let noiseSource;\n let filter;\n let gainNode;\n\n function updateSliderProgress(slider) {\n const min = parseFloat(slider.min);\n const max = parseFloat(slider.max);\n const val = parseFloat(slider.value);\n const percent = ((val - min) \/ (max - min)) * 100;\n slider.style.setProperty('--progress', percent + '%');\n }\n\n updateSliderProgress(freqSlider);\n updateSliderProgress(volSlider);\n\n freqSlider.addEventListener('input', () => {\n freqValue.textContent = `${freqSlider.value} Hz`;\n updateSliderProgress(freqSlider);\n });\n\n volSlider.addEventListener('input', () => {\n volValue.textContent = `${volSlider.value} dB`;\n updateSliderProgress(volSlider);\n });\n\n soundButtons.forEach(button => {\n button.addEventListener('click', () => {\n soundButtons.forEach(btn => btn.classList.remove('selected'));\n button.classList.add('selected');\n });\n });\n\n playBtn.addEventListener('click', async () => {\n await Tone.start();\n const selectedWave = document.querySelector('.sound-btn.selected').dataset.wave;\n const frequency = parseFloat(freqSlider.value);\n const volume = parseFloat(volSlider.value);\n\n gainNode = new Tone.Gain(Tone.dbToGain(volume)).toDestination();\n\n if (selectedWave === 'noise') {\n noiseSource = new Tone.Noise().connect(gainNode);\n noiseSource.start();\n } else if (selectedWave === 'filtered') {\n oscillator = new Tone.Oscillator(frequency, \"sawtooth\").start();\n filter = new Tone.Filter(800, \"lowpass\").toDestination();\n oscillator.connect(filter);\n filter.connect(gainNode);\n } else {\n oscillator = new Tone.Oscillator(frequency, selectedWave).toDestination();\n oscillator.volume.value = volume;\n oscillator.start();\n }\n });\n\n stopBtn.addEventListener('click', () => {\n if (oscillator) {\n oscillator.stop();\n oscillator.disconnect();\n oscillator = null;\n }\n if (noiseSource) {\n noiseSource.stop();\n noiseSource.disconnect();\n noiseSource = null;\n }\n if (filter) {\n filter.disconnect();\n filter = null;\n }\n if (gainNode) {\n gainNode.disconnect();\n gainNode = null;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"\"><br><strong>Having trouble matching your tinnitus pitch?<\/strong><br>Try this tool! Comparing two tones can make it easier to identify the exact pitch of your tinnitus.<\/p>\n\n\n\n<p class=\"\"><strong>How to use:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"\">Play Tone A and Tone B by clicking their play buttons.<\/li>\n\n\n\n<li class=\"\">Select the tone that sounds closest to your tinnitus.<\/li>\n\n\n\n<li class=\"\">Indicate whether your tinnitus pitch is higher or lower than the tone you selected.<\/li>\n\n\n\n<li class=\"\">The tool will generate new Tone A and Tone B based on your choice.<\/li>\n<\/ol>\n\n\n\n<p class=\"\">Repeat these steps until one of the tones matches your tinnitus perfectly. Then, you\u2019ll see your tinnitus frequency displayed! <\/p>\n\n\n\n<p class=\"\">You can also download an audio file of your matched tinnitus pitch for reference.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n <title>Tinnitus Matching Tool<\/title>\n <style>\n body {\n font-family: 'Segoe UI', sans-serif;\n background-color: #fff;\n margin: 0;\n padding: 0;\n }\n\n .section {\n padding: 20px;\n text-align: center;\n }\n\n h1 {\n color: #4B0082;\n margin-bottom: 20px;\n }\n\n .tone-container {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n }\n\n .tone-box {\n background: #e6e6ff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n width: 200px;\n }\n\n .tone-button {\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 50px;\n background-color: #4169E1;\n color: white;\n cursor: pointer;\n margin-top: 10px;\n }\n\n .compare-buttons {\n margin: 10px 0;\n }\n\n .compare-buttons button {\n padding: 10px 20px;\n font-size: 14px;\n margin: 5px;\n border-radius: 20px;\n border: none;\n cursor: pointer;\n }\n\n .higher { background-color: #6a5acd; color: white; }\n .lower { background-color: #9370DB; color: white; }\n .restart { background-color: crimson; color: white; margin-top: 20px; }\n\n #feedbackMessage, #selectedFrequency {\n margin-top: 20px;\n font-weight: bold;\n color: #333;\n }\n\n .download {\n background-color: #228B22;\n color: white;\n border: none;\n padding: 10px 20px;\n font-size: 14px;\n margin-top: 20px;\n border-radius: 20px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"section\">\n <h1>Tinnitus Matching Tool<\/h1>\n\n <div class=\"tone-container\">\n <div class=\"tone-box\">\n <strong>Tone A<\/strong>\n <button class=\"tone-button\" onclick=\"playTone('A')\">Play Tone A<\/button>\n <\/div>\n <div class=\"tone-box\">\n <strong>Tone B<\/strong>\n <button class=\"tone-button\" onclick=\"playTone('B')\">Play Tone B<\/button>\n <\/div>\n <\/div>\n\n <p>Which tone is closer to your tinnitus?<\/p>\n <div class=\"compare-buttons\">\n <button class=\"higher\" onclick=\"chooseTone('A')\">Tone A<\/button>\n <button class=\"lower\" onclick=\"chooseTone('B')\">Tone B<\/button>\n <\/div>\n\n <p>Compared to your tinnitus, the selected tone is:<\/p>\n <div class=\"compare-buttons\">\n <button class=\"higher\" onclick=\"adjustFrequencies('higher')\">Tinnitus is HIGHER<\/button>\n <button class=\"lower\" onclick=\"adjustFrequencies('lower')\">Tinnitus is LOWER<\/button>\n <\/div>\n\n <button class=\"restart\" onclick=\"restartTest()\">Restart<\/button>\n <button class=\"download\" onclick=\"downloadTone()\">Download Matched Tone<\/button>\n\n <div id=\"selectedFrequency\">Selected Frequency: \u2014<\/div>\n <div id=\"feedbackMessage\"><\/div>\n <\/section>\n\n <script>\n let frequencies = { A: 1000, B: 8000 };\n let selectedTone = null;\n let audioCtx = null;\n\n const stepLarge = 400;\n const stepSmall = 50;\n const minGap = 50;\n const minFreq = 20;\n const maxFreq = 20000;\n\n function playTone(label) {\n if (!audioCtx) {\n audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n }\n\n let osc = audioCtx.createOscillator();\n let gain = audioCtx.createGain();\n osc.type = 'sine';\n osc.frequency.value = frequencies[label];\n gain.gain.value = 0.2;\n osc.connect(gain);\n gain.connect(audioCtx.destination);\n osc.start();\n osc.stop(audioCtx.currentTime + 1.2);\n }\n\n function chooseTone(tone) {\n selectedTone = tone;\n const selectedFreq = frequencies[tone];\n document.getElementById(\"selectedFrequency\").textContent = `Selected Frequency: ${selectedFreq} Hz`;\n }\n\n function adjustFrequencies(direction) {\n if (!selectedTone) {\n alert(\"Please select Tone A or B first.\");\n return;\n }\n\n let primary = selectedTone;\n let secondary = primary === 'A' ? 'B' : 'A';\n\n let diff = Math.abs(frequencies.A - frequencies.B);\n let step = diff > 1000 ? stepLarge : stepSmall;\n\n if (direction === 'higher') {\n frequencies[primary] += step;\n frequencies[secondary] -= step;\n } else {\n frequencies[primary] -= step;\n frequencies[secondary] += step;\n }\n\n frequencies.A = Math.max(minFreq, Math.min(maxFreq, frequencies.A));\n frequencies.B = Math.max(minFreq, Math.min(maxFreq, frequencies.B));\n\n if (Math.abs(frequencies.A - frequencies.B) < minGap) {\n if (frequencies.A > frequencies.B) {\n frequencies.A = frequencies.B + minGap;\n } else {\n frequencies.B = frequencies.A + minGap;\n }\n }\n\n document.getElementById(\"feedbackMessage\").textContent =\n \"Tones A & B updated. Play both and continue comparing.\";\n\n if (selectedTone) {\n document.getElementById(\"selectedFrequency\").textContent =\n `Selected Frequency: ${frequencies[selectedTone]} Hz`;\n }\n }\n\n function restartTest() {\n frequencies = { A: 1000, B: 8000 };\n selectedTone = null;\n document.getElementById(\"feedbackMessage\").textContent = \"\";\n document.getElementById(\"selectedFrequency\").textContent = \"Selected Frequency: \u2014\";\n }\n\n async function downloadTone() {\n if (!selectedTone) {\n alert(\"Please select a tone first.\");\n return;\n }\n\n const sampleRate = 44100;\n const duration = 3;\n const freq = frequencies[selectedTone];\n\n const offlineCtx = new OfflineAudioContext(1, sampleRate * duration, sampleRate);\n const oscillator = offlineCtx.createOscillator();\n const gain = offlineCtx.createGain();\n\n oscillator.type = 'sine';\n oscillator.frequency.setValueAtTime(freq, 0);\n gain.gain.setValueAtTime(0.2, 0);\n\n oscillator.connect(gain);\n gain.connect(offlineCtx.destination);\n\n oscillator.start();\n oscillator.stop(duration);\n\n const renderedBuffer = await offlineCtx.startRendering();\n const wavData = bufferToWav(renderedBuffer);\n const blob = new Blob([wavData], { type: 'audio\/wav' });\n const url = URL.createObjectURL(blob);\n\n const a = document.createElement('a');\n a.style.display = 'none';\n a.href = url;\n a.download = `tinnitus_match_${freq}Hz.wav`;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n }\n\n function bufferToWav(buffer) {\n let numOfChan = buffer.numberOfChannels,\n length = buffer.length * numOfChan * 2 + 44,\n bufferView = new ArrayBuffer(length),\n view = new DataView(bufferView),\n channels = [],\n i, sample,\n offset = 0,\n pos = 0;\n\n function setUint16(data) {\n view.setUint16(pos, data, true);\n pos += 2;\n }\n\n function setUint32(data) {\n view.setUint32(pos, data, true);\n pos += 4;\n }\n\n setUint32(0x46464952);\n setUint32(length - 8);\n setUint32(0x45564157);\n setUint32(0x20746d66);\n setUint32(16);\n setUint16(1);\n setUint16(numOfChan);\n setUint32(buffer.sampleRate);\n setUint32(buffer.sampleRate * 2 * numOfChan);\n setUint16(numOfChan * 2);\n setUint16(16);\n setUint32(0x61746164);\n setUint32(length - pos - 4);\n\n for (i = 0; i < numOfChan; i++) {\n channels.push(buffer.getChannelData(i));\n }\n\n while (pos < length) {\n for (i = 0; i < numOfChan; i++) {\n sample = Math.max(-1, Math.min(1, channels[i][offset]));\n sample = (0.5 + sample * 32767) | 0;\n view.setInt16(pos, sample, true);\n pos += 2;\n }\n offset++;\n }\n\n return bufferView;\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>This tool helps you identify the pitch of your tinnitus by playing adjustable tones. Matching the tone to your tinnitus […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3309","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Seyma Yalcinkaya","author_link":"https:\/\/www.tinnitusreliefacademy.com\/tr\/author\/seyma\/"},"uagb_comment_info":0,"uagb_excerpt":"This tool helps you identify the pitch of your tinnitus by playing adjustable tones. Matching the tone to your tinnitus […]","_links":{"self":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/comments?post=3309"}],"version-history":[{"count":20,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309\/revisions"}],"predecessor-version":[{"id":3440,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309\/revisions\/3440"}],"wp:attachment":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/media?parent=3309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3309,"date":"2025-05-22T13:03:34","date_gmt":"2025-05-22T13:03:34","guid":{"rendered":"https:\/\/tinnitusreliefacademy.com\/?page_id=3309"},"modified":"2025-06-07T16:31:42","modified_gmt":"2025-06-07T16:31:42","slug":"tinnitus-pitch","status":"publish","type":"page","link":"https:\/\/www.tinnitusreliefacademy.com\/tr\/tinnitus-pitch\/","title":{"rendered":""},"content":{"rendered":"

This tool helps you identify the pitch of your tinnitus by playing adjustable tones. Matching the tone to your tinnitus can support sound therapy and increase awareness of your specific tinnitus frequency.<\/p>\n\n\n\n

Instructions:<\/strong><\/strong><\/p>\n\n\n\n

\n
Before you begin check your volume.<\/strong> Make sure it is set to a comfortable and safe level for listening to sounds at different pitches. Use a good pair of headphones or earphones that help block out external noise to ensure the most accurate pitch matching experience.<\/li>\n\n\n\n
Press the Play<\/strong> button to begin.<\/li>\n\n\n\n
Choose a sound type<\/strong> (e.g., pure tone, sawtooth, etc.) that closely matches the quality of your tinnitus.<\/li>\n\n\n\n
Use the slider<\/strong> to adjust the pitch until it closely matches the sound you hear in your ears.<\/li>\n<\/ul>\n\n\n\n\n\n\n \n \n Tinnitus Pitch Finder<\/title>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tone\/14.8.39\/Tone.min.js\"><\/script>\n <style>\n html, body {\n margin: 0;\n padding: 0;\n font-family: 'Segoe UI', sans-serif;\n background-color: #ffffff;\n overflow-x: hidden;\n }\n\n .section {\n width: 100%;\n min-height: 100vh;\n padding: 40px 20px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n h1 {\n font-size: 2rem;\n color: #4B0082;\n margin-bottom: 1rem;\n }\n\n #tinnitus-toner {\n background: #f9f9ff;\n }\n\n .slider-group {\n margin: 20px 0;\n width: 80%;\n max-width: 700px;\n }\n\n .label {\n font-weight: bold;\n margin-bottom: 5px;\n font-size: 16px;\n }\n\n input[type=\"range\"] {\n width: 100%;\n appearance: none;\n height: 8px;\n border-radius: 5px;\n background: linear-gradient(to right, #007bff 0%, #007bff var(--progress), #ffffff var(--progress), #ffffff 100%);\n outline: none;\n margin-top: 10px;\n --progress: 0%;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #007bff;\n cursor: pointer;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #007bff;\n cursor: pointer;\n }\n\n .value-display {\n margin-top: 5px;\n font-size: 14px;\n font-weight: bold;\n }\n\n .sound-buttons {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 20px;\n }\n\n .sound-btn {\n background-color: #a055d9;\n color: white;\n border: none;\n border-radius: 6px;\n padding: 10px 14px;\n font-size: 14px;\n cursor: pointer;\n }\n\n .sound-btn.selected {\n background-color: #7a30b6;\n }\n\n .control-buttons {\n margin-top: 30px;\n display: flex;\n gap: 20px;\n }\n\n .control-buttons button {\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n font-size: 16px;\n cursor: pointer;\n background-color: #007bff;\n color: white;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"section\" id=\"tinnitus-toner\">\n <h1>Tinnitus Pitch Finder<\/h1>\n\n <div class=\"slider-group\">\n <label class=\"label\" for=\"freqSlider\">Frequency<\/label>\n <input type=\"range\" id=\"freqSlider\" min=\"20\" max=\"20000\" value=\"8000\" step=\"10\" style=\"--progress: 40%;\" \/>\n <div class=\"value-display\" id=\"freqValue\">8000 Hz<\/div>\n <\/div>\n\n <div class=\"slider-group\">\n <label class=\"label\" for=\"volSlider\">Volume<\/label>\n <input type=\"range\" id=\"volSlider\" min=\"-60\" max=\"0\" value=\"-12\" step=\"1\" \/>\n <div class=\"value-display\" id=\"volValue\">-12 dB<\/div>\n <\/div>\n\n <div class=\"sound-buttons\">\n <button class=\"sound-btn selected\" data-wave=\"sine\">Pure Tone<\/button>\n <button class=\"sound-btn\" data-wave=\"square\">Square<\/button>\n <button class=\"sound-btn\" data-wave=\"triangle\">Triangle<\/button>\n <button class=\"sound-btn\" data-wave=\"sawtooth\">Sawtooth<\/button>\n <button class=\"sound-btn\" data-wave=\"noise\">Noise<\/button>\n <button class=\"sound-btn\" data-wave=\"filtered\">Filtered<\/button>\n <\/div>\n\n <div class=\"control-buttons\">\n <button id=\"playTone\">Play<\/button>\n <button id=\"stopTone\">Stop<\/button>\n <\/div>\n <\/section>\n\n <script>\n const freqSlider = document.getElementById('freqSlider');\n const volSlider = document.getElementById('volSlider');\n const freqValue = document.getElementById('freqValue');\n const volValue = document.getElementById('volValue');\n const playBtn = document.getElementById('playTone');\n const stopBtn = document.getElementById('stopTone');\n const soundButtons = document.querySelectorAll('.sound-btn');\n\n let oscillator;\n let noiseSource;\n let filter;\n let gainNode;\n\n function updateSliderProgress(slider) {\n const min = parseFloat(slider.min);\n const max = parseFloat(slider.max);\n const val = parseFloat(slider.value);\n const percent = ((val - min) \/ (max - min)) * 100;\n slider.style.setProperty('--progress', percent + '%');\n }\n\n updateSliderProgress(freqSlider);\n updateSliderProgress(volSlider);\n\n freqSlider.addEventListener('input', () => {\n freqValue.textContent = `${freqSlider.value} Hz`;\n updateSliderProgress(freqSlider);\n });\n\n volSlider.addEventListener('input', () => {\n volValue.textContent = `${volSlider.value} dB`;\n updateSliderProgress(volSlider);\n });\n\n soundButtons.forEach(button => {\n button.addEventListener('click', () => {\n soundButtons.forEach(btn => btn.classList.remove('selected'));\n button.classList.add('selected');\n });\n });\n\n playBtn.addEventListener('click', async () => {\n await Tone.start();\n const selectedWave = document.querySelector('.sound-btn.selected').dataset.wave;\n const frequency = parseFloat(freqSlider.value);\n const volume = parseFloat(volSlider.value);\n\n gainNode = new Tone.Gain(Tone.dbToGain(volume)).toDestination();\n\n if (selectedWave === 'noise') {\n noiseSource = new Tone.Noise().connect(gainNode);\n noiseSource.start();\n } else if (selectedWave === 'filtered') {\n oscillator = new Tone.Oscillator(frequency, \"sawtooth\").start();\n filter = new Tone.Filter(800, \"lowpass\").toDestination();\n oscillator.connect(filter);\n filter.connect(gainNode);\n } else {\n oscillator = new Tone.Oscillator(frequency, selectedWave).toDestination();\n oscillator.volume.value = volume;\n oscillator.start();\n }\n });\n\n stopBtn.addEventListener('click', () => {\n if (oscillator) {\n oscillator.stop();\n oscillator.disconnect();\n oscillator = null;\n }\n if (noiseSource) {\n noiseSource.stop();\n noiseSource.disconnect();\n noiseSource = null;\n }\n if (filter) {\n filter.disconnect();\n filter = null;\n }\n if (gainNode) {\n gainNode.disconnect();\n gainNode = null;\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"\"><br><strong>Having trouble matching your tinnitus pitch?<\/strong><br>Try this tool! Comparing two tones can make it easier to identify the exact pitch of your tinnitus.<\/p>\n\n\n\n<p class=\"\"><strong>How to use:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"\">Play Tone A and Tone B by clicking their play buttons.<\/li>\n\n\n\n<li class=\"\">Select the tone that sounds closest to your tinnitus.<\/li>\n\n\n\n<li class=\"\">Indicate whether your tinnitus pitch is higher or lower than the tone you selected.<\/li>\n\n\n\n<li class=\"\">The tool will generate new Tone A and Tone B based on your choice.<\/li>\n<\/ol>\n\n\n\n<p class=\"\">Repeat these steps until one of the tones matches your tinnitus perfectly. Then, you\u2019ll see your tinnitus frequency displayed! <\/p>\n\n\n\n<p class=\"\">You can also download an audio file of your matched tinnitus pitch for reference.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n <title>Tinnitus Matching Tool<\/title>\n <style>\n body {\n font-family: 'Segoe UI', sans-serif;\n background-color: #fff;\n margin: 0;\n padding: 0;\n }\n\n .section {\n padding: 20px;\n text-align: center;\n }\n\n h1 {\n color: #4B0082;\n margin-bottom: 20px;\n }\n\n .tone-container {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 20px;\n flex-wrap: wrap;\n }\n\n .tone-box {\n background: #e6e6ff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n width: 200px;\n }\n\n .tone-button {\n padding: 10px 20px;\n font-size: 16px;\n border: none;\n border-radius: 50px;\n background-color: #4169E1;\n color: white;\n cursor: pointer;\n margin-top: 10px;\n }\n\n .compare-buttons {\n margin: 10px 0;\n }\n\n .compare-buttons button {\n padding: 10px 20px;\n font-size: 14px;\n margin: 5px;\n border-radius: 20px;\n border: none;\n cursor: pointer;\n }\n\n .higher { background-color: #6a5acd; color: white; }\n .lower { background-color: #9370DB; color: white; }\n .restart { background-color: crimson; color: white; margin-top: 20px; }\n\n #feedbackMessage, #selectedFrequency {\n margin-top: 20px;\n font-weight: bold;\n color: #333;\n }\n\n .download {\n background-color: #228B22;\n color: white;\n border: none;\n padding: 10px 20px;\n font-size: 14px;\n margin-top: 20px;\n border-radius: 20px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"section\">\n <h1>Tinnitus Matching Tool<\/h1>\n\n <div class=\"tone-container\">\n <div class=\"tone-box\">\n <strong>Tone A<\/strong>\n <button class=\"tone-button\" onclick=\"playTone('A')\">Play Tone A<\/button>\n <\/div>\n <div class=\"tone-box\">\n <strong>Tone B<\/strong>\n <button class=\"tone-button\" onclick=\"playTone('B')\">Play Tone B<\/button>\n <\/div>\n <\/div>\n\n <p>Which tone is closer to your tinnitus?<\/p>\n <div class=\"compare-buttons\">\n <button class=\"higher\" onclick=\"chooseTone('A')\">Tone A<\/button>\n <button class=\"lower\" onclick=\"chooseTone('B')\">Tone B<\/button>\n <\/div>\n\n <p>Compared to your tinnitus, the selected tone is:<\/p>\n <div class=\"compare-buttons\">\n <button class=\"higher\" onclick=\"adjustFrequencies('higher')\">Tinnitus is HIGHER<\/button>\n <button class=\"lower\" onclick=\"adjustFrequencies('lower')\">Tinnitus is LOWER<\/button>\n <\/div>\n\n <button class=\"restart\" onclick=\"restartTest()\">Restart<\/button>\n <button class=\"download\" onclick=\"downloadTone()\">Download Matched Tone<\/button>\n\n <div id=\"selectedFrequency\">Selected Frequency: \u2014<\/div>\n <div id=\"feedbackMessage\"><\/div>\n <\/section>\n\n <script>\n let frequencies = { A: 1000, B: 8000 };\n let selectedTone = null;\n let audioCtx = null;\n\n const stepLarge = 400;\n const stepSmall = 50;\n const minGap = 50;\n const minFreq = 20;\n const maxFreq = 20000;\n\n function playTone(label) {\n if (!audioCtx) {\n audioCtx = new (window.AudioContext || window.webkitAudioContext)();\n }\n\n let osc = audioCtx.createOscillator();\n let gain = audioCtx.createGain();\n osc.type = 'sine';\n osc.frequency.value = frequencies[label];\n gain.gain.value = 0.2;\n osc.connect(gain);\n gain.connect(audioCtx.destination);\n osc.start();\n osc.stop(audioCtx.currentTime + 1.2);\n }\n\n function chooseTone(tone) {\n selectedTone = tone;\n const selectedFreq = frequencies[tone];\n document.getElementById(\"selectedFrequency\").textContent = `Selected Frequency: ${selectedFreq} Hz`;\n }\n\n function adjustFrequencies(direction) {\n if (!selectedTone) {\n alert(\"Please select Tone A or B first.\");\n return;\n }\n\n let primary = selectedTone;\n let secondary = primary === 'A' ? 'B' : 'A';\n\n let diff = Math.abs(frequencies.A - frequencies.B);\n let step = diff > 1000 ? stepLarge : stepSmall;\n\n if (direction === 'higher') {\n frequencies[primary] += step;\n frequencies[secondary] -= step;\n } else {\n frequencies[primary] -= step;\n frequencies[secondary] += step;\n }\n\n frequencies.A = Math.max(minFreq, Math.min(maxFreq, frequencies.A));\n frequencies.B = Math.max(minFreq, Math.min(maxFreq, frequencies.B));\n\n if (Math.abs(frequencies.A - frequencies.B) < minGap) {\n if (frequencies.A > frequencies.B) {\n frequencies.A = frequencies.B + minGap;\n } else {\n frequencies.B = frequencies.A + minGap;\n }\n }\n\n document.getElementById(\"feedbackMessage\").textContent =\n \"Tones A & B updated. Play both and continue comparing.\";\n\n if (selectedTone) {\n document.getElementById(\"selectedFrequency\").textContent =\n `Selected Frequency: ${frequencies[selectedTone]} Hz`;\n }\n }\n\n function restartTest() {\n frequencies = { A: 1000, B: 8000 };\n selectedTone = null;\n document.getElementById(\"feedbackMessage\").textContent = \"\";\n document.getElementById(\"selectedFrequency\").textContent = \"Selected Frequency: \u2014\";\n }\n\n async function downloadTone() {\n if (!selectedTone) {\n alert(\"Please select a tone first.\");\n return;\n }\n\n const sampleRate = 44100;\n const duration = 3;\n const freq = frequencies[selectedTone];\n\n const offlineCtx = new OfflineAudioContext(1, sampleRate * duration, sampleRate);\n const oscillator = offlineCtx.createOscillator();\n const gain = offlineCtx.createGain();\n\n oscillator.type = 'sine';\n oscillator.frequency.setValueAtTime(freq, 0);\n gain.gain.setValueAtTime(0.2, 0);\n\n oscillator.connect(gain);\n gain.connect(offlineCtx.destination);\n\n oscillator.start();\n oscillator.stop(duration);\n\n const renderedBuffer = await offlineCtx.startRendering();\n const wavData = bufferToWav(renderedBuffer);\n const blob = new Blob([wavData], { type: 'audio\/wav' });\n const url = URL.createObjectURL(blob);\n\n const a = document.createElement('a');\n a.style.display = 'none';\n a.href = url;\n a.download = `tinnitus_match_${freq}Hz.wav`;\n document.body.appendChild(a);\n a.click();\n window.URL.revokeObjectURL(url);\n document.body.removeChild(a);\n }\n\n function bufferToWav(buffer) {\n let numOfChan = buffer.numberOfChannels,\n length = buffer.length * numOfChan * 2 + 44,\n bufferView = new ArrayBuffer(length),\n view = new DataView(bufferView),\n channels = [],\n i, sample,\n offset = 0,\n pos = 0;\n\n function setUint16(data) {\n view.setUint16(pos, data, true);\n pos += 2;\n }\n\n function setUint32(data) {\n view.setUint32(pos, data, true);\n pos += 4;\n }\n\n setUint32(0x46464952);\n setUint32(length - 8);\n setUint32(0x45564157);\n setUint32(0x20746d66);\n setUint32(16);\n setUint16(1);\n setUint16(numOfChan);\n setUint32(buffer.sampleRate);\n setUint32(buffer.sampleRate * 2 * numOfChan);\n setUint16(numOfChan * 2);\n setUint16(16);\n setUint32(0x61746164);\n setUint32(length - pos - 4);\n\n for (i = 0; i < numOfChan; i++) {\n channels.push(buffer.getChannelData(i));\n }\n\n while (pos < length) {\n for (i = 0; i < numOfChan; i++) {\n sample = Math.max(-1, Math.min(1, channels[i][offset]));\n sample = (0.5 + sample * 32767) | 0;\n view.setInt16(pos, sample, true);\n pos += 2;\n }\n offset++;\n }\n\n return bufferView;\n }\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>This tool helps you identify the pitch of your tinnitus by playing adjustable tones. Matching the tone to your tinnitus […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3309","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Seyma Yalcinkaya","author_link":"https:\/\/www.tinnitusreliefacademy.com\/tr\/author\/seyma\/"},"uagb_comment_info":0,"uagb_excerpt":"This tool helps you identify the pitch of your tinnitus by playing adjustable tones. Matching the tone to your tinnitus […]","_links":{"self":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/comments?post=3309"}],"version-history":[{"count":20,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309\/revisions"}],"predecessor-version":[{"id":3440,"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/pages\/3309\/revisions\/3440"}],"wp:attachment":[{"href":"https:\/\/www.tinnitusreliefacademy.com\/tr\/wp-json\/wp\/v2\/media?parent=3309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}