Mindboost
/
dev-audioprocessing
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
dev-audioprocessing/pages/setting/soundscap.vue

292 lines
56 KiB
Vue
Raw Permalink Normal View History

ok
2022-12-24 22:14:04 +00:00
<template>
<div>
<div class="row justify-content-center">
<div class="col-12 col-sm-8">
ok
2023-02-27 00:26:27 +00:00
<h4 class="fw-bold text-center pt-5">{{t("Soundscape Settings")}}</h4>
ok
2022-12-24 22:14:04 +00:00
<div class="row">
<div class="col-12">
<div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
ok
2023-02-03 02:22:16 +00:00
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingOne" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="accordion-button collapsed" >
ok
2023-02-27 00:26:27 +00:00
{{t("Soundscape")}}
ok
2022-12-24 22:14:04 +00:00
</button>
</h2>
ok
2023-01-05 20:44:54 +00:00
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton1">
<li class="px-1">
ij
2023-02-27 04:54:49 +00:00
<a href="#" :class="{'drop-active':form.soundscape=='Lagoon'}" @click.prevent="saveSetting('Lagoon','soundscape')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;">Lagoon <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none"><path d="M12.3998 0.599976C10.5035 0.599976 8.9965 1.29766 7.79124 2.31951C6.58599 3.34135 5.66701 4.67793 4.85921 5.9906C4.05141 7.30327 3.35122 8.59708 2.63265 9.53123C1.91408 10.4654 1.2265 11 0.399838 11C0.346833 10.9992 0.294208 11.009 0.24502 11.0288C0.195833 11.0486 0.151065 11.0779 0.113317 11.1151C0.0755689 11.1523 0.0455945 11.1967 0.0251354 11.2456C0.0046763 11.2945 -0.00585938 11.347 -0.00585937 11.4C-0.00585938 11.453 0.0046763 11.5055 0.0251354 11.5544C0.0455945 11.6033 0.0755689 11.6476 0.113317 11.6848C0.151065 11.7221 0.195833 11.7514 0.24502 11.7712C0.294208 11.7909 0.346833 11.8007 0.399838 11.8C1.57317 11.8 2.48559 11.0346 3.26702 10.0187C4.04845 9.00287 4.74826 7.69668 5.54046 6.40935C6.33266 5.12202 7.21369 3.8586 8.30843 2.93044C9.40318 2.00229 10.6961 1.39998 12.3998 1.39998C12.9883 1.39998 13.9493 1.54797 14.7061 1.93201C15.4629 2.31605 15.9998 2.86361 15.9998 3.79998C15.9998 4.99998 14.1521 5.45958 13.5475 4.40154C13.5159 4.34618 13.4714 4.29918 13.4179 4.26447C13.3644 4.22976 13.3034 4.20834 13.24 4.20199C13.1765 4.19565 13.1125 4.20456 13.0532 4.22799C12.9939 4.25143 12.941 4.2887 12.8991 4.33669C12.598 4.68075 12.3499 4.78486 12.1412 4.80076C11.9326 4.81665 11.7241 4.73981 11.517 4.58201C11.3099 4.42421 11.1192 4.188 10.9897 3.95544C10.8602 3.72288 10.7998 3.48331 10.7998 3.39998C10.8006 3.34697 10.7908 3.29435 10.771 3.24516C10.7513 3.19597 10.7219 3.1512 10.6847 3.11346C10.6475 3.07571 10.6031 3.04573 10.5542 3.02527C10.5053 3.00481 10.4528 2.99428 10.3998 2.99428C10.3468 2.99428 10.2943 3.00481 10.2454 3.02527C10.1965 3.04573 10.1522 3.07571 10.115 3.11346C10.0778 3.1512 10.0484 3.19597 10.0286 3.24516C10.0089 3.29435 9.99909 3.34697 9.99984 3.39998C9.99984 3.71664 10.1145 4.02707 10.2912 4.34451C10.468 4.66195 10.7148 4.97574 11.0326 5.21794C11.2017 5.34674 11.3963 5.45289 11.6076 5.52185C11.6845 7.22951 12.6377 8.77801 14.0506 9.90076C15.5246 11.0721 17.5065 11.8 19.5998 11.8C19.6528 11.8007 19.7055 11.7909 19.7547 11.7712C19.8038 11.7514 19.8486 11.7221 19.8864 11.6848C19.9241 11.6476 19.9541 11.6033 19.9745 11.5544C19.995 11.5055 20.0055 11.453 20.0055 11.4C20.0055 11.347 19.995 11.2945 19.9745 11.2456C19.9541 11.1967 19.9241 11.1523 19.8864 11.1151C19.8486 11.0779 19.8038 11.0486 19.7547 11.0288C19.7055 11.009 19.6528 10.9992 19.5998 11C17.6932 11 15.875 10.3279 14.5491 9.27419C13.2997 8.28141 12.5064 6.96566 12.4178 5.55857C12.6677 5.4903 12.9135 5.34435 13.1522 5.1531C14.3307 6.38442 16.7998 5.63541 16.7998 3.79998C16.7998 2.53634 15.9868 1.6839 15.0686 1.21794C14.1504 0.751985 13.1114 0.599976 12.3998 0.599976ZM9.99359 6.19451C9.88764 6.19616 9.78667 6.23979 9.71285 6.3158C9.63903 6.39182 9.59838 6.49402 9.59984 6.59998C9.59984 7.53331 10.0421 8.48574 10.6201 9.32654C11.1982 10.1673 11.9182 10.893 12.578 11.3328C12.6216 11.3629 12.6709 11.384 12.7228 11.3949C12.7747 11.4059 12.8283 11.4063 12.8804 11.3963C12.9325 11.3863 12.9821 11.3661 13.0263 11.3367C13.0706 11.3074 13.1085 11.2695 13.1379 11.2254C13.1673 11.1812 13.1877 11.1316 13.1978 11.0795C13.2079 11.0275 13.2075 10.9739 13.1967 10.9219C13.1859 10.87 13.1648 10.8207 13.1348 10.777C13.1048 10.7332 13.0663 10.6959 13.0217 10.6672C12.4814 10.307 11.8015 9.63261 11.2795 8.87341C10.7576 8.11421 10.3998 7.26664 10.3998 6.59998C10.4006 6.54646 10.3906 6.49334 10.3704 6.44377C10.3502 6.39419 10.3203 6.34916 10.2824 6.31136C10.2446 6.27355 10.1995 6.24372 10.1499 6.22365C10.1002 6.20358 10.0471 6.19367 9.99359 6.19451ZM7.60531 12.9937C7.45091 12.9937 7.30841 13.0846 7.24281 13.225C7.24281 13.225 6.54771 14.6008 5.20531 14.6008C3.86291 14.6008 3.16781 13.225 3.16781 13.225C3.09421 13.0734 2.93501 12.9824 2.76781 12.9992C2.75541 12.9996 2.74271 13 2.73031 13C2.60391 13.0252 2.4
ok
2023-02-25 06:48:20 +00:00
</a>
ok
2023-01-05 20:44:54 +00:00
</li>
<li class="px-1">
ij
2023-02-27 04:54:49 +00:00
<a href="#" :class="{'drop-active':form.soundscape=='Tropic'}" @click.prevent="saveSetting('Tropic','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;">Tropics <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M8.96183 0.5875C8.94464 0.590625 8.92745 0.595313 8.91183 0.6C8.72589 0.642188 8.59464 0.809376 8.59933 1V3.4C8.59776 3.54375 8.67276 3.67813 8.79776 3.75156C8.92276 3.82344 9.07589 3.82344 9.20089 3.75156C9.32589 3.67813 9.40089 3.54375 9.39933 3.4V1C9.40401 0.884376 9.35714 0.773438 9.27433 0.695313C9.18995 0.615625 9.07589 0.576563 8.96183 0.5875ZM3.26183 2.9375C3.11183 2.96406 2.99151 3.07344 2.94933 3.21875C2.90714 3.36563 2.95089 3.52188 3.06183 3.625L4.76183 5.325C4.8587 5.44375 5.01339 5.49844 5.16339 5.46406C5.31183 5.42969 5.42901 5.3125 5.46339 5.16406C5.49776 5.01406 5.44308 4.85938 5.32433 4.7625L3.62433 3.0625C3.54151 2.97344 3.4212 2.92813 3.29933 2.9375C3.28683 2.9375 3.27433 2.9375 3.26183 2.9375ZM14.6118 2.9375C14.5212 2.95 14.4368 2.99531 14.3743 3.0625L12.6743 4.7625C12.5556 4.85938 12.5009 5.01406 12.5353 5.16406C12.5696 5.3125 12.6868 5.42969 12.8353 5.46406C12.9853 5.49844 13.14 5.44375 13.2368 5.325L14.9368 3.625C15.0618 3.50625 15.0978 3.32031 15.0243 3.16406C14.9493 3.00625 14.7837 2.91563 14.6118 2.9375ZM8.96183 5C8.94933 5.00313 8.93683 5.00781 8.92433 5.0125C8.89933 5.01406 8.87433 5.01875 8.84933 5.025C8.84464 5.02969 8.84151 5.03281 8.83683 5.0375C6.71495 5.12813 4.99933 6.85625 4.99933 9C4.99933 11.2016 6.79776 13 8.99933 13C11.2009 13 12.9993 11.2016 12.9993 9C12.9993 6.86406 11.2978 5.14219 9.18683 5.0375C9.17276 5.0375 9.16339 5.025 9.14933 5.025C9.1087 5.00938 9.06651 5.00156 9.02433 5C9.01651 5 9.00714 5 8.99933 5C8.98683 5 8.97433 5 8.96183 5ZM8.97433 5.8C8.98214 5.8 8.99151 5.8 8.99933 5.8C9.01183 5.8 9.02433 5.8 9.03683 5.8C10.7868 5.82031 12.1993 7.24531 12.1993 9C12.1993 10.7688 10.7681 12.2 8.99933 12.2C7.23214 12.2 5.79933 10.7688 5.79933 9C5.79933 7.24063 7.21808 5.81406 8.97433 5.8ZM0.886826 8.6C0.666514 8.63125 0.511826 8.83594 0.543076 9.05625C0.574326 9.27656 0.779014 9.43125 0.999326 9.4H3.39933C3.54308 9.40156 3.67745 9.32656 3.75089 9.20156C3.82276 9.07656 3.82276 8.92344 3.75089 8.79844C3.67745 8.67344 3.54308 8.59844 3.39933 8.6H0.999326C0.986826 8.6 0.974326 8.6 0.961826 8.6C0.949326 8.6 0.936826 8.6 0.924326 8.6C0.911826 8.6 0.899326 8.6 0.886826 8.6ZM14.4868 8.6C14.2665 8.63125 14.1118 8.83594 14.1431 9.05625C14.1743 9.27656 14.379 9.43125 14.5993 9.4H16.9993C17.1431 9.40156 17.2775 9.32656 17.3509 9.20156C17.4228 9.07656 17.4228 8.92344 17.3509 8.79844C17.2775 8.67344 17.1431 8.59844 16.9993 8.6H14.5993C14.5868 8.6 14.5743 8.6 14.5618 8.6C14.5493 8.6 14.5368 8.6 14.5243 8.6C14.5118 8.6 14.4993 8.6 14.4868 8.6ZM4.99933 12.55C4.9087 12.5625 4.82433 12.6078 4.76183 12.675L3.06183 14.375C2.94308 14.4719 2.88839 14.6266 2.92276 14.7766C2.95714 14.925 3.07433 15.0422 3.22276 15.0766C3.37276 15.1109 3.52745 15.0563 3.62433 14.9375L5.32433 13.2375C5.44308 13.1234 5.47901 12.9469 5.41495 12.7953C5.35245 12.6438 5.20089 12.5469 5.03683 12.55C5.02433 12.55 5.01183 12.55 4.99933 12.55ZM12.8743 12.55C12.7243 12.5766 12.604 12.6859 12.5618 12.8313C12.5196 12.9781 12.5634 13.1344 12.6743 13.2375L14.3743 14.9375C14.4712 15.0563 14.6259 15.1109 14.7759 15.0766C14.9243 15.0422 15.0415 14.925 15.0759 14.7766C15.1103 14.6266 15.0556 14.4719 14.9368 14.375L13.2368 12.675C13.1618 12.5953 13.0587 12.5516 12.9493 12.55C12.9368 12.55 12.9243 12.55 12.9118 12.55C12.8993 12.55 12.8868 12.55 12.8743 12.55ZM8.96183 14.1875C8.94464 14.1906 8.92745 14.1953 8.91183 14.2C8.72589 14.2422 8.59464 14.4094 8.59933 14.6V17C8.59776 17.1438 8.67276 17.2781 8.79776 17.3516C8.92276 17.4234 9.07589 17.4234 9.20089 17.3516C9.32589 17.2781 9.40089 17.1438 9.39933 17V14.6C9.40401 14.4844 9.35714 14.3734 9.27433 14.2953C9.18995 14.2156 9.07589 14.1766 8.96183 14.1875Z" fill="#030504" fill-opacity="0.8"/></svg></span>
ok
2023-02-25 06:48:20 +00:00
</a>
ok
2023-01-05 20:44:54 +00:00
</li>
ij
2023-02-27 04:54:49 +00:00
<li class="px-1"><a href="#" :class="{'drop-active':form.soundscape=='Forest'}" @click.prevent="saveSetting('Forest','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/homeforest" style="border-bottom: 1px solid lightgray;">Forest <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M14.0125 -0.000601758C13.8859 0.0150232 13.775 0.0884606 13.7125 0.199398L10.7125 5.5744C10.6578 5.67284 10.6453 5.79002 10.6813 5.89784C10.7172 6.00409 10.7969 6.09159 10.9 6.1369C10.9 6.1369 11.2688 6.28846 11.725 6.4369L11.0375 7.6119C10.9187 7.44002 10.7812 7.2994 10.6375 7.1994C10.4375 7.06034 10.3219 7.04471 10.1625 6.9869C10.2656 6.72127 10.4 6.46502 10.4 6.1619C10.4 5.17127 9.775 4.34002 8.9125 4.0119C8.91719 3.95721 8.925 3.90877 8.925 3.8494C8.925 2.15721 7.58906 0.761898 5.9375 0.761898C4.81406 0.761898 3.85625 1.43065 3.35 2.3744C2.28906 2.5619 1.475 3.48846 1.475 4.6244C1.475 4.72284 1.48906 4.81659 1.5 4.9119C1.04063 5.45565 0.7375 6.1494 0.7375 6.9244C0.7375 7.22752 0.8 7.50096 0.875 7.7619C0.804688 7.98377 0.7375 8.21346 0.7375 8.4619C0.7375 8.66659 0.789062 8.85252 0.8375 9.0369C0.348438 9.46346 0 10.0556 0 10.7619C0 11.7588 0.629688 12.5885 1.5 12.9119C1.49531 12.9682 1.475 13.0166 1.475 13.0744C1.475 14.3432 2.48125 15.3869 3.725 15.3869C4.01406 15.3869 4.31406 15.4275 4.6375 15.3869C4.72813 15.376 4.81875 15.3322 4.9125 15.2994C5.03906 16.1385 5.075 16.8228 5.0125 17.2619C4.93438 17.8119 4.77656 18.0807 4.6 18.2744C4.42344 18.4682 4.21094 18.5697 3.9875 18.7369C3.875 18.8213 3.75781 18.94 3.675 19.1119C3.59219 19.2838 3.57813 19.49 3.625 19.6869C3.64063 19.84 3.74375 19.9713 3.88906 20.0228C4.03438 20.0744 4.19688 20.0369 4.30625 19.9291C4.41406 19.8197 4.45156 19.6572 4.4 19.5119C4.38281 19.4432 4.38906 19.4572 4.3875 19.4619C4.38594 19.4666 4.40781 19.4369 4.475 19.3869C4.60938 19.2869 4.90625 19.1197 5.1875 18.8119C5.46875 18.5041 5.71719 18.0541 5.8125 17.3744C5.875 16.9369 5.87188 16.3932 5.8 15.7369C5.98438 15.7947 6.1625 15.815 6.325 15.8119C6.43438 15.8103 6.54219 15.8025 6.6375 15.7869C6.70938 17.4478 7.12031 18.3682 7.575 18.9119C7.825 19.2103 8.08906 19.4041 8.2375 19.5244C8.3125 19.5853 8.35156 19.6228 8.3625 19.6369C8.40469 19.8275 8.57812 19.9588 8.77188 19.9494C8.96719 19.94 9.12656 19.7931 9.15 19.5994C9.15 19.4291 9.08438 19.2603 9 19.1494C8.91563 19.0385 8.825 18.9713 8.7375 18.8994C8.56094 18.7572 8.38438 18.6197 8.2 18.3994C7.88594 18.0244 7.59375 17.2385 7.5 15.8869C7.77656 15.9385 8.04219 15.9338 8.25 15.8869C8.34531 15.865 8.425 15.84 8.5 15.8119C8.71563 15.9432 9.075 16.126 9.625 16.3119C10.3797 16.5666 11.4922 16.8181 13.0375 16.8994L13.0625 17.0869C13.0641 17.0978 13.0609 17.101 13.0625 17.1119C13.1406 17.9057 13.0703 18.3791 12.9625 18.6119C12.8531 18.8463 12.7516 18.8869 12.5875 18.9244C12.4234 18.9619 12.2109 18.951 11.975 18.9619C11.8562 18.9666 11.7109 18.9525 11.5375 19.0869C11.3641 19.2213 11.3031 19.4994 11.3375 19.6744C11.3625 19.8588 11.5109 20.001 11.6953 20.0182C11.8797 20.0369 12.0531 19.9244 12.1125 19.7494C12.2609 19.751 12.475 19.7775 12.7625 19.7119C13.0938 19.6353 13.4812 19.3916 13.6875 18.9494C13.8938 18.5072 13.9547 17.9041 13.8625 17.0119C13.8625 17.0041 13.8625 16.9947 13.8625 16.9869L13.85 16.9244C13.9469 16.926 14.0391 16.9244 14.1375 16.9244C14.3875 16.9244 14.6203 16.9197 14.85 16.9119C14.85 17.0588 14.8547 17.1853 14.85 17.3994C14.8359 18.1525 14.8734 18.6353 14.9875 18.9994C15.1016 19.3635 15.3578 19.6275 15.625 19.7119C15.8922 19.7963 16.0969 19.7682 16.2125 19.7744C16.3281 19.7807 16.3219 19.7666 16.3875 19.8494C16.525 20.0228 16.7781 20.0494 16.95 19.9119C17.1234 19.7744 17.15 19.5213 17.0125 19.3494C16.7953 19.0791 16.4688 18.9869 16.25 18.9744C16.0312 18.9619 15.8953 18.9603 15.8625 18.9494C15.8297 18.9385 15.8156 18.9744 15.75 18.7619C15.6844 18.5494 15.6375 18.1244 15.65 17.4119C15.6547 17.1822 15.65 17.0385 15.65 16.8744C16.9688 16.7744 17.9125 16.5447 18.575 16.3119C19.0203 16.1557 19.3281 15.9994 19.5375 15.8744C19.7469 15.7494 19.875 15.6369 19.
<li class="px-1"><a href="#" :class="{'drop-active':form.soundscape=='Meadow'}" @click.prevent="saveSetting('Meadow','soundscape')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/homemeadow" >Meadow <span class="float-end"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.69965 0.800019C2.65903 0.806269 2.61215 0.826581 2.54965 0.862519C2.48715 0.898457 2.41528 0.970331 2.37465 1.06252C2.33403 1.15471 2.32622 1.25002 2.33715 1.31252C2.38247 1.56252 2.46215 1.55783 2.52465 1.62502C2.64809 1.75939 2.82465 1.92658 3.06215 2.17502C3.53559 2.67189 4.23247 3.47814 4.96215 4.77502C6.04341 6.69846 7.19184 9.68752 7.71215 14.2375C7.08559 12.7875 6.25434 11.5813 5.39965 10.6125C4.52465 9.62189 3.62778 8.88596 2.88715 8.38752C2.51684 8.13752 2.18715 7.94377 1.91215 7.81252C1.63715 7.68127 1.45903 7.60002 1.19965 7.60002C1.14653 7.60002 1.09028 7.60158 0.999654 7.63752C0.90903 7.67346 0.762154 7.78283 0.724654 7.92502C0.687154 8.06721 0.735592 8.16408 0.762154 8.22502C0.788717 8.28596 0.810592 8.32502 0.837154 8.36252C0.944967 8.50939 1.07622 8.64377 1.26215 8.83752C1.63403 9.22346 2.1934 9.81252 2.77465 10.675C3.93715 12.4016 5.19965 15.2 5.19965 19.575C5.19809 19.7188 5.27309 19.8531 5.39809 19.9266C5.52309 19.9985 5.67622 19.9985 5.80122 19.9266C5.92622 19.8531 6.00122 19.7188 5.99965 19.575C5.99965 15.0453 4.67465 12.0625 3.43715 10.225C3.08872 9.70783 2.83715 9.47033 2.53715 9.12502C3.2059 9.58596 4.01059 10.2563 4.79965 11.15C6.45122 13.0203 7.99966 15.8094 7.99966 19.575C8.00122 19.6 8.00591 19.625 8.01216 19.65C8.0184 19.6891 8.03091 19.7266 8.04965 19.7625C8.06528 19.7985 8.08715 19.8328 8.11215 19.8625C8.13091 19.8813 8.15278 19.8985 8.17465 19.9125C8.18716 19.9219 8.19966 19.9297 8.21215 19.9375C8.24809 19.9563 8.28559 19.9688 8.32466 19.975C8.37778 19.986 8.43403 19.986 8.48715 19.975C8.52778 19.9641 8.56528 19.9469 8.59966 19.925C8.60747 19.9219 8.61684 19.9172 8.62466 19.9125C8.64809 19.8938 8.66841 19.8735 8.68716 19.85C8.71684 19.825 8.74184 19.7953 8.76216 19.7625C8.7809 19.7235 8.79341 19.6813 8.79965 19.6375C8.80122 19.6172 8.80122 19.5953 8.79965 19.575C8.79965 11.7766 7.19497 7.11252 5.66215 4.38752C5.29965 3.74221 4.9434 3.21721 4.61215 2.77502C5.32934 3.37346 6.13716 4.17033 6.96215 5.33752C8.70122 7.79689 10.3731 11.636 10.7247 17.35C10.7231 17.3672 10.7231 17.3828 10.7247 17.4C10.7247 17.4047 10.7247 17.4078 10.7247 17.4125C10.7278 17.4203 10.7325 17.4297 10.7372 17.4375C10.7778 18.125 10.7997 18.8328 10.7997 19.575C10.7981 19.7188 10.8731 19.8531 10.9981 19.9266C11.1231 19.9985 11.2762 19.9985 11.4012 19.9266C11.5262 19.8531 11.6012 19.7188 11.5997 19.575C11.5997 18.811 11.5668 18.0844 11.5247 17.375C11.5278 17.35 11.5278 17.325 11.5247 17.3C11.5247 17.2953 11.5247 17.2922 11.5247 17.2875C11.6903 11.7266 13.234 8.61252 14.6247 6.87502C15.3215 6.00627 15.9825 5.47502 16.4372 5.16252C16.6637 5.00627 16.8293 4.91408 16.9497 4.83752C17.0106 4.79846 17.0418 4.83127 17.1622 4.66252C17.1918 4.62033 17.2403 4.53439 17.2372 4.40002C17.234 4.26564 17.1387 4.12658 17.0622 4.07502C16.909 3.97189 16.8559 4.00158 16.8122 4.00002C16.6012 3.99064 16.2512 4.02971 15.7122 4.18752C15.1731 4.34533 14.484 4.63127 13.7622 5.13752C12.5012 6.02033 11.1528 7.58439 10.2497 10.25C9.52466 8.01877 8.5809 6.24533 7.61215 4.87502C6.58559 3.42346 5.5309 2.42346 4.67465 1.77502C4.24653 1.45002 3.8684 1.22033 3.56215 1.06252C3.2559 0.904707 3.08247 0.800019 2.79965 0.800019C2.77153 0.800019 2.74028 0.793769 2.69965 0.800019ZM14.8247 5.50002C14.5575 5.75939 14.284 6.02033 13.9997 6.37502C12.8512 7.80783 11.6653 10.075 11.0872 13.6C10.9637 12.9188 10.8106 12.2797 10.6497 11.6625C10.6512 11.6578 10.6481 11.6547 10.6497 11.65C11.4793 8.37971 12.9403 6.68752 14.2247 5.78752C14.4497 5.62971 14.6137 5.61252 14.8247 5.50002ZM19.5997 7.60002C19.3403 7.60002 19.1637 7.69377 18.8997 7.82502C18.6356 7.95627 18.3262 8.13752 17.9747 8.38752C17.2715 8.88752 16.4106 9.63439 15.5872 10.625C13.9387 12.6078 12.3997 15.5953 12.3997 19.575C12.3981 19.7188 12.4731 19.8531 12.598
ok
2023-02-25 06:48:20 +00:00
</svg></span></a></li>
ok
2022-12-27 20:47:47 +00:00
</ul>
ok
2023-01-05 20:44:54 +00:00
ok
2022-12-24 22:14:04 +00:00
</div>
ok
2023-02-03 02:22:16 +00:00
<div class="accordion-item" >
<h2 class="accordion-header" id="panelsStayOpen-headingTwo" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="accordion-button collapsed" >
ok
2023-02-27 00:26:27 +00:00
{{t("Headphones Type")}}
ok
2022-12-24 22:14:04 +00:00
</button>
</h2>
ok
2023-02-03 02:22:16 +00:00
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
<li class="px-1">
ij
2023-02-27 04:54:49 +00:00
<a :class="{'drop-active':form.headphone_type=='In-ear'}" @click.prevent="saveSetting('In-ear','headphone')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;"> {{t("In-Ear")}} <span class="float-end">
ok
2023-02-03 02:22:16 +00:00
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14" fill="none" data-v-ae18e86e=""><path d="M5.86326 0.60383C5.69013 0.609264 5.51657 0.627075 5.34451 0.657737C4.88569 0.739501 4.4352 0.912309 4.02107 1.18117L3.30544 1.64524C2.71774 2.02688 2.27864 2.55432 2.00544 3.14758C1.98493 3.14951 1.96412 3.14938 1.94373 3.15227H1.94294C1.75699 3.17883 1.57619 3.24528 1.41404 3.35071C-0.00156889 4.27007 -0.428929 6.152 0.481226 7.54055C1.39142 8.92916 3.28901 9.29666 4.70466 8.37727C4.74672 8.34996 4.78281 8.3166 4.82107 8.28508V12.3999C4.82107 13.1684 5.45259 13.7999 6.22107 13.7999H6.62107C7.38955 13.7999 8.02107 13.1684 8.02107 12.3999V7.17571C9.63509 6.08744 10.0866 3.89546 9.01638 2.26321H9.0156L8.98826 2.22102C8.27851 1.13851 7.07518 0.565795 5.86326 0.60383ZM14.1367 0.60383C12.9248 0.565795 11.7215 1.13853 11.0117 2.22102L10.9844 2.26321H10.9836C9.91334 3.89546 10.3649 6.08744 11.9789 7.17571V12.3999C11.9789 13.1684 12.6104 13.7999 13.3789 13.7999H13.7789C14.5474 13.7999 15.1789 13.1684 15.1789 12.3999V8.28508C15.2171 8.3166 15.2532 8.34996 15.2953 8.37727C16.7109 9.29666 18.6085 8.92916 19.5187 7.54055C20.4289 6.152 20.0015 4.27007 18.5859 3.35071C18.4238 3.24528 18.243 3.17883 18.057 3.15227H18.0562C18.0358 3.14937 18.015 3.14951 17.9945 3.14758C17.7213 2.55435 17.2822 2.02688 16.6945 1.64524L15.9789 1.18117C15.5648 0.912309 15.1143 0.739501 14.6554 0.657737C14.4834 0.627075 14.3098 0.609264 14.1367 0.60383ZM6.02576 1.39836C6.92104 1.41207 7.79198 1.85474 8.31951 2.6593V2.66008L8.34763 2.70227C9.19089 3.98939 8.82915 5.69986 7.53513 6.54055L7.38201 6.63977L6.81951 7.00539C6.34418 7.31393 5.81229 7.45778 5.28591 7.45539C5.29385 7.39239 5.29784 7.3285 5.29607 7.26399C5.28081 6.71556 5.13096 5.85253 4.51638 4.91555C3.95274 4.05623 3.29846 3.58927 2.80857 3.33508C3.02187 2.93601 3.33186 2.58227 3.74138 2.31633L4.45701 1.85149C4.94251 1.53628 5.48859 1.39014 6.02576 1.39836ZM13.9742 1.39836C14.5114 1.39014 15.0574 1.53628 15.5429 1.85149L16.2586 2.31633C16.6681 2.58227 16.9781 2.93601 17.1914 3.33508C16.7015 3.58927 16.0472 4.05623 15.4836 4.91555C14.869 5.85253 14.7191 6.71556 14.7039 7.26399C14.7021 7.32823 14.7062 7.39186 14.714 7.45461C14.1877 7.457 13.6558 7.31393 13.1804 7.00539L12.6179 6.63977L12.4648 6.54055H12.464C11.1704 5.69974 10.8092 3.98923 11.6523 2.70227L11.6531 2.70149L11.6804 2.66008V2.6593C12.208 1.85474 13.0789 1.41207 13.9742 1.39836ZM6.67966 2.22961C6.56437 2.22145 6.44581 2.24642 6.33826 2.30852L5.29841 2.90852C5.01161 3.07412 4.91328 3.44125 5.07888 3.72805C5.24448 4.01485 5.61161 4.11318 5.89841 3.94758L6.93826 3.34758C7.22506 3.18198 7.32339 2.81485 7.15779 2.52805C7.05429 2.3488 6.87182 2.24322 6.67966 2.22961ZM13.3203 2.22961C13.1281 2.24322 12.9457 2.3488 12.8422 2.52805C12.6766 2.81485 12.7749 3.18198 13.0617 3.34758L14.1015 3.94758C14.3883 4.11318 14.7555 4.01485 14.9211 3.72805C15.0867 3.44125 14.9883 3.07412 14.7015 2.90852L13.6617 2.30852C13.5541 2.24642 13.4356 2.22145 13.3203 2.22961ZM2.05544 3.94367C2.15001 3.93026 2.24566 3.94415 2.33044 3.9843H2.33123C2.72151 4.16819 3.32214 4.55465 3.84685 5.35461C4.37147 6.15443 4.48413 6.85669 4.49607 7.28586C4.49887 7.38806 4.46868 7.48582 4.40935 7.57102C4.37312 7.62294 4.32668 7.66905 4.26951 7.70617C3.20676 8.39638 1.81658 8.11847 1.14998 7.10149C0.48333 6.08444 0.787183 4.71203 1.84998 4.0218C1.91401 3.98016 1.98405 3.95398 2.05544 3.94367ZM17.8031 3.94367C17.8493 3.93687 17.8966 3.93706 17.9437 3.94367C18.0154 3.95391 18.0857 3.98003 18.15 4.0218C19.2128 4.71203 19.5166 6.08444 18.85 7.10149C18.1834 8.11847 16.7932 8.39638 15.7304 7.70617C15.6733 7.66905 15.6268 7.62294 15.5906 7.57102C15.5313 7.48582 15.5011 7.38806 15.5039 7.28586C15.5158 6.85669 15.6285 6.15443 16.1531 5.35461C16.6778 4.55465 17.2784 4.16819 17.6687 3.9843H17.6695C17.7118 3.96429 17.7569 3.95048 17.8031 3.94367ZM2.01951 5.4218C1.92048 5.42359 1.82564 5.46204 1.75334 5.52973C1.68104 5.59741 1.63641 5.68951 1.6281 5.78821C1.59915 6.08549 1.66547 6.39728 1.83982 6.66477V6.66555C2.01442 6.93255 2.27361 7.11937 2.55779 7.21242C2.6
</span>
ij
2023-02-27 04:54:49 +00:00
</a>
ok
2023-02-03 02:22:16 +00:00
</li>
<li class="px-1">
ij
2023-02-27 04:54:49 +00:00
<a :class="{'drop-active':form.headphone_type=='Over-ear'}" @click.prevent="saveSetting('Over-ear','headphone')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;"> {{t("Over-Ear")}}
ok
2023-02-03 02:22:16 +00:00
<span class="float-end">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" data-v-ae18e86e=""><path d="M9.99906 0.399902C5.37528 0.399902 1.59906 3.97515 1.59906 8.3999C1.54605 8.39915 1.49343 8.40895 1.44424 8.42871C1.39505 8.44848 1.35028 8.47782 1.31254 8.51504C1.27479 8.55226 1.24481 8.59661 1.22435 8.64551C1.20389 8.69441 1.19336 8.74689 1.19336 8.7999C1.19336 8.85291 1.20389 8.90539 1.22435 8.9543C1.24481 9.0032 1.27479 9.04755 1.31254 9.08477C1.35028 9.12198 1.39505 9.15133 1.44424 9.17109C1.49343 9.19086 1.54605 9.20065 1.59906 9.1999H2.39906C2.45206 9.20065 2.50469 9.19086 2.55387 9.17109C2.60306 9.15133 2.64783 9.12198 2.68558 9.08477C2.72333 9.04755 2.7533 9.0032 2.77376 8.9543C2.79422 8.90539 2.80475 8.85291 2.80475 8.7999C2.80475 8.74689 2.79422 8.69441 2.77376 8.64551C2.7533 8.59661 2.72333 8.55226 2.68558 8.51504C2.64783 8.47782 2.60306 8.44848 2.55387 8.42871C2.50469 8.40895 2.45206 8.39915 2.39906 8.3999C2.39906 8.26095 2.41274 8.12521 2.42093 7.98818C2.47673 8.00825 2.53628 8.01566 2.5953 8.00989C2.65431 8.00411 2.7113 7.98529 2.76214 7.95478C2.81298 7.92428 2.85641 7.88285 2.88928 7.8335C2.92215 7.78415 2.94363 7.72811 2.95218 7.66943C3.08435 6.92305 3.68762 5.67079 4.82952 4.64678C5.97143 3.62276 7.63909 2.7999 9.95843 2.7999C12.2778 2.7999 13.9454 3.62276 15.0873 4.64678C16.2292 5.67079 16.8325 6.92305 16.9647 7.66943C16.9743 7.7355 17.0002 7.79812 17.0402 7.85159C17.0801 7.90506 17.1329 7.94767 17.1935 7.97555C17.2542 8.00343 17.3208 8.01569 17.3874 8.01121C17.454 8.00673 17.5185 7.98565 17.5748 7.9499C17.5846 8.09947 17.5991 8.24803 17.5991 8.3999C17.5461 8.39915 17.4934 8.40895 17.4442 8.42871C17.3951 8.44848 17.3503 8.47782 17.3125 8.51504C17.2748 8.55226 17.2448 8.59661 17.2244 8.64551C17.2039 8.69441 17.1934 8.74689 17.1934 8.7999C17.1934 8.85291 17.2039 8.90539 17.2244 8.9543C17.2448 9.0032 17.2748 9.04755 17.3125 9.08477C17.3503 9.12198 17.3951 9.15133 17.4442 9.17109C17.4934 9.19086 17.5461 9.20065 17.5991 9.1999H18.3991C18.4521 9.20065 18.5047 9.19086 18.5539 9.17109C18.6031 9.15133 18.6478 9.12198 18.6856 9.08477C18.7233 9.04755 18.7533 9.0032 18.7738 8.9543C18.7942 8.90539 18.8048 8.85291 18.8048 8.7999C18.8048 8.74689 18.7942 8.69441 18.7738 8.64551C18.7533 8.59661 18.7233 8.55226 18.6856 8.51504C18.6478 8.47782 18.6031 8.44848 18.5539 8.42871C18.5047 8.40895 18.4521 8.39915 18.3991 8.3999C18.3991 3.97515 14.6228 0.399902 9.99906 0.399902ZM9.99906 1.1999C13.2576 1.1999 16.0138 3.13596 17.0991 5.84834C16.7475 5.24495 16.2586 4.62261 15.6217 4.05146C14.3479 2.90918 12.4691 1.9999 9.95843 1.9999C7.44777 1.9999 5.56894 2.90918 4.29515 4.05146C3.79393 4.50094 3.38775 4.98206 3.06468 5.46084C4.24908 2.95324 6.89748 1.1999 9.99906 1.1999ZM1.59906 9.9999V11.1218H1.62484C1.38611 11.348 1.19906 11.7199 1.19906 12.2288C1.19906 12.6388 1.31376 13.2311 1.50062 13.9608C1.68748 14.6906 1.95104 15.5341 2.2639 16.3421C2.57676 17.1501 2.93618 17.9204 3.33421 18.5147C3.73224 19.1091 4.17147 19.5999 4.79906 19.5999C5.31001 19.5999 5.67754 19.2834 5.86468 18.9585V18.9577C5.88225 18.9273 5.8905 18.9018 5.90374 18.8733C6.06853 18.924 6.25172 18.9476 6.44828 18.9476C6.68365 18.9476 6.91542 18.8809 7.09359 18.7429C7.27176 18.6048 7.38351 18.4112 7.44593 18.2132C7.57078 17.8171 7.54043 17.3775 7.45999 16.8968C7.29913 15.9353 6.89112 14.8076 6.56078 13.9335C6.22974 13.057 5.93316 12.2301 5.57796 11.5851C5.40036 11.2626 5.20855 10.9819 4.96624 10.7655C4.72394 10.5491 4.41189 10.3999 4.07093 10.3999C3.63714 10.3999 3.24635 10.5877 3.02953 10.903C3.02055 10.9161 3.01603 10.9311 3.00765 10.9444C2.85925 10.8725 2.65933 10.7999 2.39906 10.7999V9.9999H1.59906ZM17.5991 9.9999V10.7999C17.3388 10.7999 17.1389 10.8725 16.9905 10.9444C16.9821 10.9311 16.9776 10.9161 16.9686 10.903C16.7518 10.5877 16.361 10.3999 15.9272 10.3999C15.5862 10.3999 15.2742 10.5492 15.0319 10.7655C14.7896 10.9819 14.5977 11.2626 14.4202 11.5851C14.065 12.2301 13.7684 13.057 13.4373 13.9335C13.107 14.8076 12.699 15.9353 12.5381 16.8968C12.4577 17.3775 12.4273 17.8171 12.5522 18.2132C12.6146 18.4112 12.7264
</span>
ij
2023-02-27 04:54:49 +00:00
</a>
ok
2023-02-03 02:22:16 +00:00
</li>
</ul>
ok
2022-12-24 22:14:04 +00:00
</div>
<div class="accordion-item">
ok
2023-02-03 02:22:16 +00:00
<h2 class="accordion-header" id="panelsStayOpen-headingThree" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
ok
2022-12-24 22:14:04 +00:00
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
ok
2023-02-27 00:26:27 +00:00
{{t("ANC")}}
ok
2022-12-24 22:14:04 +00:00
</button>
</h2>
ok
2023-02-03 02:22:16 +00:00
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
<li class="px-1">
ok
2023-02-27 05:45:16 +00:00
<a :class="{'drop-active':form.anc_type==='yes'||form.anc_type==='Yes'}" @click.prevent="saveSetting('yes','anc')" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;"> {{t('Yes')}} <span class="float-end">
ok
2023-02-15 03:36:51 +00:00
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none" data-v-ae18e86e=""><path d="M5.16262 0.387549C5.14543 0.390674 5.12825 0.395362 5.11262 0.400049C4.92668 0.442237 4.79543 0.609424 4.80012 0.800049V15.2C4.79856 15.3438 4.87356 15.4782 4.99856 15.5516C5.12356 15.6235 5.27668 15.6235 5.40168 15.5516C5.52668 15.4782 5.60168 15.3438 5.60012 15.2V0.800049C5.60481 0.684424 5.55793 0.573487 5.47512 0.495361C5.39075 0.415674 5.27668 0.376612 5.16262 0.387549ZM14.7626 0.387549C14.7454 0.390674 14.7282 0.395362 14.7126 0.400049C14.5267 0.442237 14.3954 0.609424 14.4001 0.800049V15.2C14.3986 15.3438 14.4736 15.4782 14.5986 15.5516C14.7236 15.6235 14.8767 15.6235 15.0017 15.5516C15.1267 15.4782 15.2017 15.3438 15.2001 15.2V0.800049C15.2048 0.684424 15.1579 0.573487 15.0751 0.495361C14.9907 0.415674 14.8767 0.376612 14.7626 0.387549ZM2.76262 3.98755C2.74543 3.99067 2.72825 3.99536 2.71262 4.00005C2.52668 4.04224 2.39543 4.20942 2.40012 4.40005V11.6C2.39856 11.7438 2.47356 11.8782 2.59856 11.9516C2.72356 12.0235 2.87668 12.0235 3.00168 11.9516C3.12668 11.8782 3.20168 11.7438 3.20012 11.6V4.40005C3.20481 4.28442 3.15793 4.17349 3.07512 4.09536C2.99075 4.01567 2.87668 3.97661 2.76262 3.98755ZM17.1626 3.98755C17.1454 3.99067 17.1282 3.99536 17.1126 4.00005C16.9267 4.04224 16.7954 4.20942 16.8001 4.40005V11.6C16.7986 11.7438 16.8736 11.8782 16.9986 11.9516C17.1236 12.0235 17.2767 12.0235 17.4017 11.9516C17.5267 11.8782 17.6017 11.7438 17.6001 11.6V4.40005C17.6048 4.28442 17.5579 4.17349 17.4751 4.09536C17.3907 4.01567 17.2767 3.97661 17.1626 3.98755ZM7.56262 4.38755C7.54543 4.39067 7.52825 4.39536 7.51262 4.40005C7.32668 4.44224 7.19543 4.60942 7.20012 4.80005V8.00005V11.2C7.19856 11.3438 7.27356 11.4782 7.39856 11.5516C7.52356 11.6235 7.67668 11.6235 7.80168 11.5516C7.92668 11.4782 8.00168 11.3438 8.00012 11.2V4.80005C8.00481 4.68442 7.95793 4.57349 7.87512 4.49536C7.79075 4.41567 7.67668 4.37661 7.56262 4.38755ZM12.3626 4.38755C12.3454 4.39067 12.3282 4.39536 12.3126 4.40005C12.1267 4.44224 11.9954 4.60942 12.0001 4.80005V11.2C11.9986 11.3438 12.0736 11.4782 12.1986 11.5516C12.3236 11.6235 12.4767 11.6235 12.6017 11.5516C12.7267 11.4782 12.8017 11.3438 12.8001 11.2V4.80005C12.8048 4.68442 12.7579 4.57349 12.6751 4.49536C12.5907 4.41567 12.4767 4.37661 12.3626 4.38755ZM0.362622 6.38755C0.345434 6.39067 0.328247 6.39536 0.312622 6.40005C0.126684 6.44224 -0.00456587 6.60942 0.000121649 6.80005V9.20005C-0.00144085 9.3438 0.0735592 9.47817 0.198559 9.55161C0.323559 9.62349 0.476684 9.62349 0.601684 9.55161C0.726684 9.47817 0.801684 9.3438 0.800122 9.20005V6.80005C0.804809 6.68442 0.757934 6.57349 0.675122 6.49536C0.590747 6.41567 0.476684 6.37661 0.362622 6.38755ZM9.96262 6.38755C9.94543 6.39067 9.92825 6.39536 9.91262 6.40005C9.72668 6.44224 9.59543 6.60942 9.60012 6.80005V9.20005C9.59856 9.3438 9.67356 9.47817 9.79856 9.55161C9.92356 9.62349 10.0767 9.62349 10.2017 9.55161C10.3267 9.47817 10.4017 9.3438 10.4001 9.20005V6.80005C10.4048 6.68442 10.3579 6.57349 10.2751 6.49536C10.1907 6.41567 10.0767 6.37661 9.96262 6.38755ZM19.5626 6.38755C19.5454 6.39067 19.5282 6.39536 19.5126 6.40005C19.3267 6.44224 19.1954 6.60942 19.2001 6.80005V9.20005C19.1986 9.3438 19.2736 9.47817 19.3986 9.55161C19.5236 9.62349 19.6767 9.62349 19.8017 9.55161C19.9267 9.47817 20.0017 9.3438 20.0001 9.20005V6.80005C20.0048 6.68442 19.9579 6.57349 19.8751 6.49536C19.7907 6.41567 19.6767 6.37661 19.5626 6.38755Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path></svg>
ok
2023-02-03 02:22:16 +00:00
</span>
ij
2023-02-27 04:54:49 +00:00
</a>
ok
2023-02-03 02:22:16 +00:00
</li>
<li class="px-1">
ok
2023-06-11 19:20:39 +00:00
<a :class="{'drop-active':form.anc_type==='no'||form.anc_type==='No'}" @click.prevent="saveSetting('no','anc')" class="dropdown-item text-muted fw-bold fs-6 py-2" to="/hometropics" style="border-bottom: 1px solid lightgray;"> {{t('No')}}
ok
2023-02-03 02:22:16 +00:00
<span class="float-end">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" data-v-ae18e86e=""><g clip-path="url(#clip0_143_324)" data-v-ae18e86e=""><path d="M5.16262 2.38755C5.14543 2.39067 5.12825 2.39536 5.11262 2.40005C4.92668 2.44224 4.79543 2.60942 4.80012 2.80005V17.2C4.79856 17.3438 4.87356 17.4782 4.99856 17.5516C5.12356 17.6235 5.27668 17.6235 5.40168 17.5516C5.52668 17.4782 5.60168 17.3438 5.60012 17.2V2.80005C5.60481 2.68442 5.55793 2.57349 5.47512 2.49536C5.39075 2.41567 5.27668 2.37661 5.16262 2.38755ZM14.7626 2.38755C14.7454 2.39067 14.7282 2.39536 14.7126 2.40005C14.5267 2.44224 14.3954 2.60942 14.4001 2.80005V17.2C14.3986 17.3438 14.4736 17.4782 14.5986 17.5516C14.7236 17.6235 14.8767 17.6235 15.0017 17.5516C15.1267 17.4782 15.2017 17.3438 15.2001 17.2V2.80005C15.2048 2.68442 15.1579 2.57349 15.0751 2.49536C14.9907 2.41567 14.8767 2.37661 14.7626 2.38755ZM2.76262 5.98755C2.74543 5.99067 2.72825 5.99536 2.71262 6.00005C2.52668 6.04224 2.39543 6.20942 2.40012 6.40005V13.6C2.39856 13.7438 2.47356 13.8782 2.59856 13.9516C2.72356 14.0235 2.87668 14.0235 3.00168 13.9516C3.12668 13.8782 3.20168 13.7438 3.20012 13.6V6.40005C3.20481 6.28442 3.15793 6.17349 3.07512 6.09536C2.99075 6.01567 2.87668 5.97661 2.76262 5.98755ZM17.1626 5.98755C17.1454 5.99067 17.1282 5.99536 17.1126 6.00005C16.9267 6.04224 16.7954 6.20942 16.8001 6.40005V13.6C16.7986 13.7438 16.8736 13.8782 16.9986 13.9516C17.1236 14.0235 17.2767 14.0235 17.4017 13.9516C17.5267 13.8782 17.6017 13.7438 17.6001 13.6V6.40005C17.6048 6.28442 17.5579 6.17349 17.4751 6.09536C17.3907 6.01567 17.2767 5.97661 17.1626 5.98755ZM7.56262 6.38755C7.54543 6.39067 7.52825 6.39536 7.51262 6.40005C7.32668 6.44224 7.19543 6.60942 7.20012 6.80005V10V13.2C7.19856 13.3438 7.27356 13.4782 7.39856 13.5516C7.52356 13.6235 7.67668 13.6235 7.80168 13.5516C7.92668 13.4782 8.00168 13.3438 8.00012 13.2V6.80005C8.00481 6.68442 7.95793 6.57349 7.87512 6.49536C7.79075 6.41567 7.67668 6.37661 7.56262 6.38755ZM12.3626 6.38755C12.3454 6.39067 12.3282 6.39536 12.3126 6.40005C12.1267 6.44224 11.9954 6.60942 12.0001 6.80005V13.2C11.9986 13.3438 12.0736 13.4782 12.1986 13.5516C12.3236 13.6235 12.4767 13.6235 12.6017 13.5516C12.7267 13.4782 12.8017 13.3438 12.8001 13.2V6.80005C12.8048 6.68442 12.7579 6.57349 12.6751 6.49536C12.5907 6.41567 12.4767 6.37661 12.3626 6.38755ZM0.362622 8.38755C0.345434 8.39067 0.328247 8.39536 0.312622 8.40005C0.126684 8.44224 -0.00456587 8.60942 0.000121649 8.80005V11.2C-0.00144085 11.3438 0.0735592 11.4782 0.198559 11.5516C0.323559 11.6235 0.476684 11.6235 0.601684 11.5516C0.726684 11.4782 0.801684 11.3438 0.800122 11.2V8.80005C0.804809 8.68442 0.757934 8.57349 0.675122 8.49536C0.590747 8.41567 0.476684 8.37661 0.362622 8.38755ZM9.96262 8.38755C9.94543 8.39067 9.92825 8.39536 9.91262 8.40005C9.72668 8.44224 9.59543 8.60942 9.60012 8.80005V11.2C9.59856 11.3438 9.67356 11.4782 9.79856 11.5516C9.92356 11.6235 10.0767 11.6235 10.2017 11.5516C10.3267 11.4782 10.4017 11.3438 10.4001 11.2V8.80005C10.4048 8.68442 10.3579 8.57349 10.2751 8.49536C10.1907 8.41567 10.0767 8.37661 9.96262 8.38755ZM19.5626 8.38755C19.5454 8.39067 19.5282 8.39536 19.5126 8.40005C19.3267 8.44224 19.1954 8.60942 19.2001 8.80005V11.2C19.1986 11.3438 19.2736 11.4782 19.3986 11.5516C19.5236 11.6235 19.6767 11.6235 19.8017 11.5516C19.9267 11.4782 20.0017 11.3438 20.0001 11.2V8.80005C20.0048 8.68442 19.9579 8.57349 19.8751 8.49536C19.7907 8.41567 19.6767 8.37661 19.5626 8.38755Z" fill="#030504" fill-opacity="0.8" data-v-ae18e86e=""></path><rect x="1.82617" y="0.907189" width="24.343" height="1.3" rx="0.65" transform="rotate(45 1.82617 0.907189)" fill="#333534" stroke="white" stroke-width="0.5" data-v-ae18e86e=""></rect></g><defs data-v-ae18e86e=""><clipPath id="clip0_143_324" data-v-ae18e86e=""><rect width="20" height="20" fill="white" data-v-ae18e86e=""></rect></clipPath></defs></svg>
</span>
ij
2023-02-27 04:54:49 +00:00
</a>
ok
2023-02-03 02:22:16 +00:00
</li>
</ul>
ok
2022-12-24 22:14:04 +00:00
</div>
ok
2023-10-12 00:09:48 +00:00
<div class="row">
<div class="col-12">
<div class="row pt-3">
<div class="col-7 ps-4 ">
<p class="fs-6 ms-2">{{t("Adaptive soundcape")}} </p>
</div>
<div class="col-5 pe-4">
<div class="form-check form-switch float-end">
<input class="form-check-input" :checked="adaptiveSounscape" @change="saveSetting(true,'adaptiveSounscape')" type="checkbox" role="switch" id="flexSwitchCheckDefault">
</div>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingThree" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
{{t("Audio_Input")}}
</button>
</h2>
ok
2023-01-05 20:44:54 +00:00
ok
2023-10-12 00:09:48 +00:00
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
<li class="px-1" v-for="(item,index) in audioInputDevices">
<a :class="{'drop-active':item.deviceId==audioInputDevice().deviceId}" @click.prevent="saveInputdevice(item)" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;" :key="index"> {{item.label}} <span class="float-end">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="20" height="20" viewBox="0 0 256 256" xml:space="preserve">
<defs>
</defs>
<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #e9c046; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
<path d="M 45 70.968 c -16.013 0 -29.042 -13.028 -29.042 -29.042 c 0 -1.712 1.388 -3.099 3.099 -3.099 c 1.712 0 3.099 1.388 3.099 3.099 C 22.157 54.522 32.404 64.77 45 64.77 c 12.595 0 22.843 -10.248 22.843 -22.843 c 0 -1.712 1.387 -3.099 3.099 -3.099 s 3.099 1.388 3.099 3.099 C 74.042 57.94 61.013 70.968 45 70.968 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #e9c046; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 60.738 L 45 60.738 c -10.285 0 -18.7 -8.415 -18.7 -18.7 V 18.7 C 26.3 8.415 34.715 0 45 0 h 0 c 10.285 0 18.7 8.415 18.7 18.7 v 23.337 C 63.7 52.322 55.285 60.738 45 60.738 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #e9c046; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 45 89.213 c -1.712 0 -3.099 -1.387 -3.099 -3.099 V 68.655 c 0 -1.712 1.388 -3.099 3.099 -3.099 c 1.712 0 3.099 1.387 3.099 3.099 v 17.459 C 48.099 87.826 46.712 89.213 45 89.213 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #e9c046; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
<path d="M 55.451 90 H 34.549 c -1.712 0 -3.099 -1.387 -3.099 -3.099 s 1.388 -3.099 3.099 -3.099 h 20.901 c 1.712 0 3.099 1.387 3.099 3.099 S 57.163 90 55.451 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill:#e9c046; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
</g>
</svg>
</span>
</a>
</li>
</ul>
ok
2022-12-24 22:14:04 +00:00
</div>
ok
2023-10-12 00:09:48 +00:00
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingThree" type="button" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
{{t("Audio_Output")}}
</button>
</h2>
<ul class="dropdown-menu dropdown-menu-end me-4" aria-labelledby="dropdownMenuButton2">
<li class="px-1" v-for="(item,index) in audioOutputDevices">
<a :class="{'drop-active':item.deviceId==audioOutputDevice().deviceId}" @click.prevent="saveOutputDevice(item)" class="dropdown-item py-2 text-muted fw-bold fs-6" to="/" style="border-bottom: 1px solid lightgray;" :key="index"> {{item.label}} <span class="float-end">
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="15" height="15" viewBox="0 0 75 75">
<path d="M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z"
style="stroke:#111;stroke-width:5;stroke-linejoin:round;fill:#111;"
/>
<path d="M48,27.6a19.5,19.5 0 0 1 0,21.4M55.1,20.5a30,30 0 0 1 0,35.6M61.6,14a38.8,38.8 0 0 1 0,48.6" style="fill:none;stroke:#111;stroke-width:5;stroke-linecap:round"/>
</svg>
</span>
</a>
</li>
</ul>
ok
2022-12-24 22:14:04 +00:00
</div>
ok
2023-10-12 00:09:48 +00:00
ok
2022-12-24 22:14:04 +00:00
</div>
</div>
</div>
ok
2023-10-12 00:09:48 +00:00
ok
2022-12-24 22:14:04 +00:00
</div>
</div>
</div>
</template>
<script >
ok
2023-10-12 00:09:48 +00:00
import audioVisualClient from "~/plugins/AudioVisual.client";
import {mapActions,mapState} from "pinia";
import {useUserStore} from "~/stores/user";
ok
2022-12-24 22:14:04 +00:00
export default {
ok
2023-02-25 06:48:20 +00:00
name:'Soundscape',
ok
2023-02-27 00:26:27 +00:00
setup(){
const { t } = useI18n()
const localePath = useLocalePath()
return {t,localePath}
},
ok
2023-02-25 06:48:20 +00:00
data(){
return {
ij
2023-02-27 04:54:49 +00:00
adaptiveSounscape:false,
ok
2023-02-25 06:48:20 +00:00
form:{
ij
2023-02-27 04:54:49 +00:00
soundscape:'',
headphone_type:"",
anc_type:"",
adaptive_sound_scape:"",
ok
2023-10-12 00:09:48 +00:00
},
audioInputDevices:[],
audioOutputDevices:[],
...mapState(useUserStore,['audioInputDevice','audioOutputDevice'])
ok
2023-02-25 06:48:20 +00:00
}
},
ij
2023-02-27 04:54:49 +00:00
mounted() {
this.fetchSettings();
},
ok
2023-02-25 06:48:20 +00:00
methods:{
ok
2023-10-12 00:09:48 +00:00
...mapActions(useUserStore,['saveInputdevice','saveOutputDevice']),
audioVisualClient,
getUserMedia() {
const constraints = {
audio: { deviceId: this.selectedDevice ? { exact: this.selectedDevice } : undefined },
};
try {
return navigator.mediaDevices.getUserMedia(constraints);
} catch (error) {
console.error('Error accessing media devices: ', error);
}
},
ij
2023-02-27 04:54:49 +00:00
fetchSettings(){
this.$axios.post('/api/fetch-settings',this.form).then(({data})=>{
console.log(data);
if(data.success){
this.form=data.setting;
ok
2023-02-27 05:45:16 +00:00
if (data.setting.adaptive_sound_scape==='yes' || data.setting.adaptive_sound_scape==='Yes'){
ok
2023-03-07 04:28:32 +00:00
this.adaptiveSounscape=true;
ij
2023-02-27 04:54:49 +00:00
}else{
ok
2023-03-07 04:28:32 +00:00
this.adaptiveSounscape=false;
ij
2023-02-27 04:54:49 +00:00
}
}
}).catch((e)=>{
this.$toast.error("something went wrong while saving...");
})
},
ok
2023-10-12 00:09:48 +00:00
ok
2023-02-25 06:48:20 +00:00
saveSetting(value,type){
ij
2023-02-27 04:54:49 +00:00
console.log(this.adaptiveSounscape);
ok
2023-02-25 06:48:20 +00:00
if(type=='soundscape'){
this.form.soundscape=value;
}
ij
2023-02-27 04:54:49 +00:00
if (type=='headphone'){
this.form.headphone_type=value;
}
if (type=='anc'){
this.form.anc_type=value;
}
if (this.adaptiveSounscape==true){
this.form.adaptive_sound_scape='no';
ok
2023-03-07 04:28:32 +00:00
}else {
this.form.adaptive_sound_scape='yes';
ij
2023-02-27 04:54:49 +00:00
}
ok
2023-02-25 06:48:20 +00:00
this.$axios.post('/api/update-setting',this.form).then(({data})=>{
console.log(data);
if(data.success){
this.$toast.success(data.message);
ij
2023-02-27 04:54:49 +00:00
this.form=data.setting;
ok
2023-02-25 06:48:20 +00:00
}
}).catch((e)=>{
this.$toast.error("something went wrong while saving...");
})
}
ok
2023-10-12 00:09:48 +00:00
},
created() {
try {
this.getUserMedia().then(()=>{
navigator.mediaDevices.enumerateDevices().then((devices)=>{
console.log(devices);
this.audioInputDevices = devices.filter((device) => device.kind === 'audioinput');
this.audioOutputDevices = devices.filter((device) => device.kind === 'audiooutput');
this.selectedDevice = this.audioInputDevices.length > 0 ? this.audioInputDevices[0].deviceId : null;
});
});
} catch (error) {
console.error('Error enumerating media devices: ', error);
}
},
ok
2022-12-24 22:14:04 +00:00
}
</script >
<style scoped>
.accordion-item {
border: none;
}
.accordion-button:not(.collapsed) {
color: black;
box-shadow: none;
}
.accordion-button:focus {
z-index: 3;
border:none;
outline: 0;
box-shadow: none;
}
.accordion-button:not(.collapsed) {
background-color: white;
box-shadow: none;
}
.form-switch .form-check-input {
padding: 10px 16px;
background-color: black;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
ij
2023-02-27 04:54:49 +00:00
.drop-active{
color: white !important;
background-color: #e9c046;
border-radius: 10px;
margin-top: 2px;
}
ok
2023-10-12 00:09:48 +00:00
</style>