├── LICENSE.txt ├── README.md ├── background.js ├── content.js ├── icon.png ├── icon_disabled.png ├── icon_enabled.png ├── logo.png ├── manifest.json ├── options.css ├── options.html └── options.js /LICENSE.txt: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright [yyyy] [name of copyright owner] 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Silverdog 2 | A PoC chrome extension that filters ultrasonic frequencies out. 3 | 4 | ![Silverdog](https://github.com/ubeacsec/Silverdog/blob/master/logo.png) 5 | 6 | 7 | The extension is released under the Apache 2.0 license. 8 | 9 | More info can be found in: http://ubeacsec.org 10 | 11 | 12 | The full paper can be found here: https://petsymposium.org/2017/papers/issue2/paper18-2017-2-source.pdf 13 | 14 | When citing our work, please use the following reference: 15 | 16 | ``` 17 | @article{mavroudis2017privacy, 18 | title={On the privacy and security of the ultrasound ecosystem}, 19 | author={Mavroudis, Vasilios and Hao, Shuang and Fratantonio, Yanick and Maggi, Federico and Kruegel, Christopher and Vigna, Giovanni}, 20 | journal={Proceedings on Privacy Enhancing Technologies}, 21 | volume={2017}, 22 | number={2}, 23 | pages={95--112}, 24 | year={2017} 25 | } 26 | ``` 27 | -------------------------------------------------------------------------------- /background.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | let isEnabled = false; 3 | 4 | /** 5 | * Method to toggle the state of the extension. 6 | */ 7 | function toggleState() { 8 | isEnabled = !isEnabled; 9 | chrome.browserAction.setIcon({ path: isEnabled ? 'icon_enabled.png' : 'icon_disabled.png' }); 10 | console.log(`SilverDog is now globally ${isEnabled ? 'enabled' : 'disabled'}.`); 11 | } 12 | 13 | /** 14 | * Method to notify the content script. 15 | * @param {number} tabId The id of the the notification is intended to. 16 | * @param {string} origin The origin of the notification. 17 | */ 18 | function notifyContent(tabId, origin) { 19 | chrome 20 | .tabs 21 | .sendMessage(tabId, { 22 | origin: origin, 23 | state: isEnabled 24 | }); 25 | } 26 | 27 | chrome 28 | .browserAction 29 | .onClicked 30 | .addListener(toggleState); 31 | 32 | /** 33 | * Notify the content sript when it requests thats. 34 | */ 35 | chrome 36 | .runtime 37 | .onMessage 38 | .addListener(function (message, sender) { 39 | notifyContent(sender.tab.id, message.origin); 40 | }); 41 | 42 | /** 43 | * Notify the content sript when a tab is updated. 44 | */ 45 | chrome 46 | .tabs 47 | .onUpdated 48 | .addListener(function (tabId) { 49 | notifyContent(tabId, 'backgroundScript'); 50 | }); 51 | 52 | toggleState(); 53 | })(); 54 | -------------------------------------------------------------------------------- /content.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | const extensionName = 'SilverDog'; 3 | 4 | const detectionStatus = { 5 | audioFound: 'A new audio element has been found.', 6 | audioFiltered: 'Ultrasound audio filter added.', 7 | error: 'Audio element could not be filtered.' 8 | }; 9 | 10 | let connect = AudioNode.prototype.connect, 11 | audioElements = document.getElementsByTagName('audio'), 12 | videoElements = document.getElementsByTagName('video'), 13 | filteredSources = [], 14 | filters = []; 15 | 16 | /** 17 | * Logger method. 18 | * @param {string} information The information to be logged to the console. 19 | */ 20 | function log(information) { 21 | console.log(`${extensionName}: ${information}`); 22 | } 23 | 24 | /** 25 | * Method to handle messages sent by the background script. 26 | * @param {any} message A message object containing the origin and the current state. 27 | */ 28 | function handleMessage(message) { 29 | if (message.state) { 30 | Array.from(audioElements).forEach(createAndConnectSource, audioElements); 31 | Array.from(videoElements).forEach(createAndConnectSource, videoElements); 32 | } 33 | } 34 | 35 | /** 36 | * Method to be called on each audio and video element, to add an audio filter. 37 | * @param {node} element The current element of the iteration. 38 | * @param {number} i The index of the current element. 39 | */ 40 | function createAndConnectSource(element, i) { 41 | if (!filteredSources.includes(this[i])) { 42 | let windowContext = new (window.AudioContext || window.webkitAudioContext); 43 | 44 | log(detectionStatus['audioFound']); 45 | console.log(this[i]); 46 | 47 | try { 48 | windowContext 49 | .createMediaElementSource(this[i]) 50 | .connect(windowContext.destination); 51 | filteredSources.push(this[i]); 52 | 53 | } catch(err) { 54 | log(detectionStatus['error']); 55 | 56 | } 57 | } 58 | } 59 | 60 | /** 61 | * Method to create an audio filter. 62 | * @param {AudioContext} context The audio context object. 63 | * @returns {BiquadFilterNode} The audio filter. 64 | */ 65 | function createFilter(context) { 66 | let biquadFilter = context.createBiquadFilter(); 67 | 68 | chrome.storage.local.get(['type', 'freq', 'q', 'gain'], function (items) { 69 | biquadFilter.type = items.type || 'highshelf'; 70 | biquadFilter.frequency.value = items.freq || '17999'; 71 | biquadFilter.Q.value = items.q || '0'; 72 | biquadFilter.gain.value = items.gain || '-70'; 73 | }); 74 | 75 | return biquadFilter; 76 | } 77 | 78 | AudioNode.prototype.connect = function () { 79 | let name = arguments[0].toString(); 80 | 81 | if (name.indexOf('AudioDestinationNode') > -1) { 82 | let filter = createFilter(arguments[0].context); 83 | filters.push(filter); 84 | 85 | connect.apply(this, [filters[filters.length - 1], arguments[1], arguments[2]]); 86 | connect.apply(filter, [arguments[0], arguments[1], arguments[2]]); 87 | 88 | log(detectionStatus['audioFiltered']); 89 | } else { 90 | connect.apply(this, arguments); 91 | } 92 | }; 93 | 94 | /** 95 | * Send a bounce-back message to the background scrip at every frame. 96 | * This will be sent back right away. 97 | */ 98 | chrome 99 | .runtime 100 | .sendMessage({ origin: 'contentScript' }); 101 | 102 | /** 103 | * Subscribe to messages from the background script. 104 | */ 105 | chrome 106 | .runtime 107 | .onMessage 108 | .addListener(handleMessage); 109 | 110 | })(); 111 | -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ubeacsec/Silverdog/c9bc363b2bf2cef7283235cb799d4ea329f2ebbd/icon.png -------------------------------------------------------------------------------- /icon_disabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ubeacsec/Silverdog/c9bc363b2bf2cef7283235cb799d4ea329f2ebbd/icon_disabled.png -------------------------------------------------------------------------------- /icon_enabled.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ubeacsec/Silverdog/c9bc363b2bf2cef7283235cb799d4ea329f2ebbd/icon_enabled.png -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ubeacsec/Silverdog/c9bc363b2bf2cef7283235cb799d4ea329f2ebbd/logo.png -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "SilverDog", 3 | "description": "Filters inaudible beacons used for device tracking", 4 | "version": "1.2", 5 | "background": { 6 | "scripts": [ 7 | "background.js" 8 | ] 9 | }, 10 | "browser_action": { 11 | "name": "Enable/Disable ultrasound filtering" 12 | }, 13 | "options_ui": { 14 | "page": "options.html" 15 | }, 16 | "content_scripts": [ 17 | { 18 | "matches": [ 19 | "" 20 | ], 21 | "js": [ 22 | "content.js" 23 | ], 24 | "run_at": "document_end", 25 | "all_frames": true 26 | } 27 | ], 28 | "permissions": [ 29 | "storage", 30 | "tabs", 31 | "activeTab", 32 | "" 33 | ], 34 | "icons": { 35 | "128": "icon.png" 36 | }, 37 | "manifest_version": 2, 38 | "web_accessible_resources": [ 39 | "content.js" 40 | ] 41 | } -------------------------------------------------------------------------------- /options.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /options.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | uBeacon Filtering Options 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 |
    12 |
  • 13 |

    Filter Settings

    14 |
    • 15 |
  • 16 | 17 | 27 | 28 | 29 |
    • 30 | 31 |
  • 32 | 33 |
    34 |
    • 35 | 36 |
  • 37 | 38 |
    39 |
    • 40 | 41 |
  • 42 | 43 |
    44 |
  • 45 | 46 |
  • 47 | Filter Documentation 1

    48 | Filter Documentation 2

    49 |
    • 50 | 51 |
  • 52 | 53 | 54 |
    • 55 |
    56 |
  • 57 | 58 |
    • 59 |
  • 60 | This extension is a Proof-of-Concept implementation, and it is released under 61 | the Apache 2.0 license. 62 |
    • 63 | 64 |
65 |
66 | 67 | 68 | -------------------------------------------------------------------------------- /options.js: -------------------------------------------------------------------------------- 1 | // Usually we try to store settings in the "sync" area since a lot of the time 2 | // it will be a better user experience for settings to automatically sync 3 | // between browsers. 4 | // 5 | // However, "sync" is expensive with a strict quota (both in storage space and 6 | // bandwidth) so data that may be as large and updated as frequently as the CSS 7 | // may not be suitable. 8 | var storage = chrome.storage.local; 9 | 10 | // Get at the DOM controls used in the sample. 11 | var resetButton = document.querySelector('input.reset'); 12 | var submitButton = document.querySelector('input.submit'); 13 | var infoButton = document.querySelector('input.info'); 14 | 15 | var inp_type = document.getElementById('type'); 16 | var inp_freq = document.getElementById('freq'); 17 | var inp_q = document.getElementById('q'); 18 | var inp_gain = document.getElementById('gain'); 19 | 20 | // Load any setting that may have previously been saved. 21 | loadChanges(); 22 | 23 | 24 | submitButton.addEventListener('click', saveChanges); 25 | resetButton.addEventListener('click', reset); 26 | //infoButton.addEventListener('click', refreshFilterType); 27 | 28 | 29 | function refreshFilterType() { 30 | var currentFilterType = document.getElementById('type').value; 31 | var asText = document.getElementById('type').value; 32 | var value = ""; 33 | 34 | switch (currentFilterType) { 35 | case "lowpass": 36 | value = ("A lowpass filter allows frequencies below the cutoff frequency to pass through and attenuates frequencies above the cutoff. It implements a standard second-order resonant lowpass filter with 12dB/octave rolloff.

" + 37 | "Frequency: The cutoff frequency
" + 38 | "Q: Controls how peaked the response will be at the cutoff frequency. A large value makes the response more peaked. Please note that for this filter type, this value is not a traditional Q, but is a resonance value in decibels.
" + 39 | "Gain: Not used in this filter type"); 40 | break; 41 | case "highpass": 42 | value = ("A highpass filter is the opposite of a lowpass filter. Frequencies above the cutoff frequency are passed through, but frequencies below the cutoff are attenuated. It implements a standard second-order resonant highpass filter with 12dB/octave rolloff.

" + 43 | "Frequency: The cutoff frequency below which the frequencies are attenuated
" + 44 | "Q: Controls how peaked the response will be at the cutoff frequency. A large value makes the response more peaked. Please note that for this filter type, this value is not a traditional Q, but is a resonance value in decibels..
" + 45 | "Gain: Not used in this filter type"); 46 | break; 47 | case "bandpass": 48 | value = ("A bandpass filter allows a range of frequencies to pass through and attenuates the frequencies below and above this frequency range. BANDPASS implements a second-order bandpass filter.

" + 49 | "Frequency: The center of the frequency band
" + 50 | "Q: Controls the width of the band. The width becomes narrower as the Q value increases.
" + 51 | "Gain: Not used in this filter type"); 52 | break; 53 | case "lowself": 54 | value = ("The lowshelf filter allows all frequencies through, but adds a boost (or attenuation) to the lower frequencies. LOWSHELF implements a second-order lowshelf filter.

" + 55 | "Frequency: The cutoff frequency above which the frequencies are attenuated
" + 56 | "Q: Not used in this filter type.
" + 57 | "Gain: The boost, in dB, to be applied. If the value is negative, the frequencies are attenuated."); 58 | break; 59 | case "highshelf": 60 | value = ("The highshelf filter is the opposite of the lowshelf filter and allows all frequencies through, but adds a boost to the higher frequencies. HIGHSHELF implements a second-order highshelf filter

" + 61 | "Frequency: The lower limit of the frequences where the boost (or attenuation) is applied.
" + 62 | "Q: Not used in this filter type.
" + 63 | "Gain: The boost, in dB, to be applied. If the value is negative, the frequencies are attenuated."); 64 | break; 65 | case "peaking": 66 | value = ("The peaking filter allows all frequencies through, but adds a boost (or attenuation) to a range of frequencies.

" + 67 | "Frequency: The center frequency of where the boost is applied.
" + 68 | "Q: Controls the width of the band of frequencies that are boosted. A large value implies a narrow width.
" + 69 | "Gain: The boost, in dB, to be applied. If the value is negative, the frequencies are attenuated."); 70 | break; 71 | case "notch": 72 | value = ("The notch filter (also known as a band-stop or band-rejection filter) is the opposite of a bandpass filter. It allows all frequencies through, except for a set of frequencies.

" + 73 | "Frequency: The center frequency of where the notch is applied.
" + 74 | "Q: Controls the width of the band of frequencies that are attenuated. A large value implies a narrow width.
" + 75 | "Gain: Not used in this filter type"); 76 | break; 77 | case "allpass": 78 | value = ("An allpass filter allows all frequencies through, but changes the phase relationship between the various frequencies. ALLPASS implements a second-order allpass filter.

" + 79 | "Frequency: The frequency where the center of the phase transition occurs. Viewed another way, this is the frequency with maximal group delay.
" + 80 | "Q: Controls how sharp the phase transition is at the center frequency. A larger value implies a sharper transition and a larger group delay.
" + 81 | "Gain: Not used in this filter type"); 82 | break; 83 | }; 84 | 85 | message(asText + " filter info:

" + value); 86 | 87 | } 88 | 89 | 90 | function saveChanges() { 91 | var type = inp_type.value; 92 | var freq = inp_freq.value; 93 | var gain = inp_gain.value; 94 | var q = inp_q.value; 95 | 96 | 97 | 98 | // Save it using the Chrome extension storage API. 99 | storage.set({'type': type, 'freq': freq, 'q':q, 'gain':gain}, function() { 100 | // Notify that we saved. 101 | message('Settings saved'); 102 | }); 103 | } 104 | 105 | function loadChanges() { 106 | storage.get(['type', 'freq', 'q', 'gain'], function(items) { 107 | 108 | if (items.type){ 109 | inp_type.value = items.type; 110 | }else{ 111 | inp_type.value = "highshelf" 112 | } 113 | 114 | if (items.freq){ 115 | inp_freq.value = items.freq; 116 | }else{ 117 | inp_freq.value = "18000" 118 | } 119 | 120 | 121 | if (items.q){ 122 | inp_q.value = items.q; 123 | }else{ 124 | inp_q.value = "0"; 125 | } 126 | 127 | if (items.gain){ 128 | inp_gain.value = items.gain; 129 | }else{ 130 | inp_gain.value = "-70"; 131 | } 132 | 133 | 134 | }); 135 | } 136 | 137 | function reset() { 138 | // Remove the saved value from storage. 139 | storage.remove('type', function(items) {}); 140 | storage.remove('freq', function(items) {}); 141 | storage.remove('q', function(items) {}); 142 | storage.remove('gain', function(items) {}); 143 | inp_type.value = "highshelf"; 144 | inp_freq.value = "18000"; 145 | inp_q.value = "0"; 146 | inp_gain.value = "-70"; 147 | 148 | } 149 | 150 | function message(msg) { 151 | //var message = document.querySelector('.message'); 152 | //message.innerHTML = msg; 153 | /* 154 | setTimeout(function() { 155 | message.innerText = ''; 156 | }, 5000); 157 | */ 158 | } 159 | --------------------------------------------------------------------------------