Большой Фейерверк |

Рекламный ролик для интернет магазин салютов

</iframe</p> <p>Текст читала <a aria-label="undefined (откроется в новой вкладке)" href="https://workspro.ru/vladislava-zhuravleva" target="_blank" rel="noreferrer noopener">Владислава Журавлёва</a></p> <p>Автор сценария – <a href="https://workspro.ru/zhuravleva-vladislava/#" target="_blank" aria-label="undefined (откроется в новой вкладке)" rel="noreferrer noopener">Владислава Журавлёва</a></p> <p class="has-text-align-center"><a class="maxbutton-13 maxbutton maxbutton-zakazat btn btn-outline-primary external-css" href="//workspro.ru/product/sozdanie-reklamnogo-rolika"><span class='mb-text'>ЗАКАЗАТЬ</span></a></p> <div class="ya-share2" data-lang="ru" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter,moimir,lj,linkedin,skype,viber,whatsapp,telegram,blogger,pocket,collections" data-direction="horizontal" data-size="m" data-title="<i class="fa fa-television" aria-hidden="true"></i> Большой Фейерверк" data-url="https://workspro.ru/bolshoj-fejerverk/" data-limit="5" data-counter bare></div> </div>  <div class="text-block"> <div class="py-3"> <button type="button" data-toggle="collapse" data-target="#leaveReview" aria-expanded="false" aria-controls="leaveReview" class="btn btn-outline-primary">Оставить комментарий</button> <div id="leaveReview" class="collapse mt-4"> <h5 class="mb-4">Оставить комментарий</h5> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/bolshoj-fejerverk/#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://workspro.ru/wp-comments-post.php" method="post" id="contact-form" class="form"><div class="form-group"><textarea autocomplete="nope" id="gac8cc578f" name="gac8cc578f" class="form-control" cols="45" rows="4" aria-required="true" placeholder="Текст сообщения..."></textarea><textarea id="comment" aria-hidden="true" name="comment" autocomplete="nope" style="padding:0;clip:rect(1px, 1px, 1px, 1px);position:absolute !important;white-space:nowrap;height:1px;width:1px;overflow:hidden;" tabindex="-1"></textarea><script type="text/javascript">document.getElementById("comment").setAttribute( "id", "a538c46402ca5ca585805d0a4ba26f2b" );document.getElementById("gac8cc578f").setAttribute( "id", "comment" );</script></p><div class="form-group"><label class="form-label" for="name">Имя</label><input type="text" id="name" name="author" class="form-control" value="" placeholder="Введите ваше имя" pattern="[A-Za-zА-Яа-я]{3,}" maxlength="30" autocomplete="on" tabindex="1" required></div> <div class="form-group"><label class="form-label" for="email">E-mail</label><input type="email" id="email" name="email" class="form-control" value="" placeholder="Введите ваш email" maxlength="30" autocomplete="on" tabindex="2" required></div> <div class="col-sm-6"> <div class="form-group"> <label for="rating" class="form-label">Рейтинг</label> <select name="rating" id="rating" class="custom-select focus-shadow-0"> <option value="5">★★★★★ (5/5)</option> <option value="4">★★★★☆ (4/5)</option> <option value="3">★★★☆☆ (3/5)</option> <option value="2">★★☆☆☆ (2/5)</option> <option value="1">★☆☆☆☆ (1/5)</option> </select> </div> </div> <p class="form-submit"><input name="submit" type="submit" id="submit" class="btn btn-primary" value="Отправить" /> <input type='hidden' name='comment_post_ID' value='52686' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><input type='hidden' id='ct_checkjs_4c5bde74a8f110656874902f07378009' name='ct_checkjs' value='0' /><script type='text/javascript'>setTimeout(function(){apbct_sendAJAXRequest({action: 'apbct_js_keys__get', random_key: 1},{callback: apbct_js_keys__set_input_value, input_name: 'ct_checkjs_4c5bde74a8f110656874902f07378009'});}, 1000);</script></form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="py-3 bg-gray-100"> <div class="container"> <div class="col-md-6 col-sm-6"> <div class="panel-group wrap" id="accordion" role="tablist" aria-multiselectable="true"> </div></div>  </div> </div> </div> <div class="py-6"> <div class="container"> <h5 class="mb-0">Похожие статьи</h5> <div class="swiper-container swiper-container-mx-negative items-slider"> <div class="swiper-wrapper pb-5"> <div class="swiper-slide h-auto px-2">  <div data-marker-id="59c0c8e33b1527bfe2abaf92" class="w-100 h-100"> <div class="card h-100 border-0 shadow"> <div style="background-image: url(https://workspro.ru/wp-content/uploads/2024/11/BigArt_original-2.mp4_snapshot_02.00_2024.11.10_00.24.25.jpg); min-height: 200px;" class="card-img-top overflow-hidden dark-overlay bg-cover"> <a href="https://workspro.ru/studiya-tvorcheskogo-razvitiya-bigart-alternativnaya-koncovka/" class="tile-link"></a> <div class="card-img-overlay-bottom z-index-20"> <h4 class="text-white text-shadow"><i class="fa fa-television" aria-hidden="true"></i> Студия творческого развития BigArt (альтернативная концовка)</h4> <p class="mb-2 text-xs"><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i> </p> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Реклама</div> </div> </div> <div class="card-body">  <p class="text-sm mb-0"><a href="https://workspro.ru/category/portfolio/videos/advertising/" rel="category tag">Реклама</a> </p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div data-marker-id="59c0c8e33b1527bfe2abaf92" class="w-100 h-100"> <div class="card h-100 border-0 shadow"> <div style="background-image: url(https://workspro.ru/wp-content/uploads/2023/07/dlya-Kompanii-Nice-Consulting-original.mp4_snapshot_02.24.000.jpg); min-height: 200px;" class="card-img-top overflow-hidden dark-overlay bg-cover"> <a href="https://workspro.ru/nice-consulting/" class="tile-link"></a> <div class="card-img-overlay-bottom z-index-20"> <h4 class="text-white text-shadow"><i class="fa fa-television" aria-hidden="true"></i> Для Компании «Nice Consulting»</h4> <p class="mb-2 text-xs"><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i> </p> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Реклама</div> </div> </div> <div class="card-body">  <p class="text-sm mb-0"><a href="https://workspro.ru/category/portfolio/videos/advertising/" rel="category tag">Реклама</a> </p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div data-marker-id="59c0c8e33b1527bfe2abaf92" class="w-100 h-100"> <div class="card h-100 border-0 shadow"> <div style="background-image: url(https://workspro.ru/wp-content/uploads/2023/07/963cargo.mp4_snapshot_00.31.701.jpg); min-height: 200px;" class="card-img-top overflow-hidden dark-overlay bg-cover"> <a href="https://workspro.ru/963cargo-ru/" class="tile-link"></a> <div class="card-img-overlay-bottom z-index-20"> <h4 class="text-white text-shadow"><i class="fa fa-television" aria-hidden="true"></i> 963cargo.ru</h4> <p class="mb-2 text-xs"><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i> </p> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Реклама</div> </div> </div> <div class="card-body">  <p class="text-sm mb-0"><a href="https://workspro.ru/category/portfolio/videos/advertising/" rel="category tag">Реклама</a> </p> </div> </div> </div> </div> <div class="swiper-slide h-auto px-2">  <div data-marker-id="59c0c8e33b1527bfe2abaf92" class="w-100 h-100"> <div class="card h-100 border-0 shadow"> <div style="background-image: url(https://workspro.ru/wp-content/uploads/2023/06/Avtorenta-original.mp4_snapshot_00.42.020.jpg); min-height: 200px;" class="card-img-top overflow-hidden dark-overlay bg-cover"> <a href="https://workspro.ru/avtorenta-haval-h9-2/" class="tile-link"></a> <div class="card-img-overlay-bottom z-index-20"> <h4 class="text-white text-shadow"><i class="fa fa-television" aria-hidden="true"></i> Авторента (Haval H9)</h4> <p class="mb-2 text-xs"><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i><i class="fa fa-xs fa-star text-gray-200"></i> </p> </div> <div class="card-img-overlay-top d-flex justify-content-between align-items-center"> <div class="badge badge-transparent badge-pill px-3 py-2">Реклама</div> </div> </div> <div class="card-body">  <p class="text-sm mb-0"><a href="https://workspro.ru/category/portfolio/videos/advertising/" rel="category tag">Реклама</a> </p> </div> </div> </div> </div> </div></div><div class="swiper-pagination"></div>  </div> </div> </div>  <script> (function() { 'use strict'; // Защита от ошибок split() на undefined if (typeof String.prototype.split === 'function') { var originalSplit = String.prototype.split; String.prototype.split = function(separator, limit) { if (this === null || this === undefined) { return []; } try { return originalSplit.call(this, separator, limit); } catch(e) { return []; } }; } // Защита от woof_ext_init_functions if (typeof window.woof_ext_init_functions === 'undefined') { window.woof_ext_init_functions = []; } // Глобальная защита для soundManager - создаем ДО всего остального if (typeof window.soundManager === 'undefined') { window.soundManager = { setDefaults: function() { return true; }, setup: function() { return true; }, createSound: function() { return null; }, play: function() { return null; }, stop: function() { return null; }, stopAll: function() { return null; }, unload: function() { return null; }, onready: function() { return null; } }; } else if (window.soundManager && typeof window.soundManager.setDefaults !== 'function') { window.soundManager.setDefaults = function() { return true; }; } // Защита от дублирования переменных - выполняется самым первым if (typeof window.single_player === 'undefined') { Object.defineProperty(window, 'single_player', { value: null, writable: true, configurable: false }); } if (typeof window.isGutenberg === 'undefined') { Object.defineProperty(window, 'isGutenberg', { value: false, writable: true, configurable: false }); } // Защита для jQuery Mobile - инициализируем ДО загрузки библиотеки (function() { try { // Устанавливаем заглушку ДО того, как jQuery mobile попытается использовать concat if (typeof window.jQueryMobileSafeInit === 'undefined') { window.jQueryMobileSafeInit = true; // Перехватываем создание jQuery если он еще не загружен if (typeof jQuery === 'undefined' && typeof window.$ === 'undefined') { // Создаем временную заглушку Object.defineProperty(window, 'jQueryMobileStub', { value: { mobile: { ns: '', widget: {}, page: {}, dialog: {} } }, writable: false, configurable: false }); } // Если jQuery уже есть, настраиваем защиту сразу if (typeof jQuery !== 'undefined') { if (typeof jQuery.mobile === 'undefined') { jQuery.mobile = { ns: '', autoInitializePage: false, hash: { listeningEnabled: false }, widget: {}, page: {}, dialog: {} }; } // Гарантируем что ns - строка if (typeof jQuery.mobile.ns !== 'string') { jQuery.mobile.ns = String(jQuery.mobile.ns || ''); } } } } catch (e) { // Игнорируем ошибки } })(); // Защита jQuery.fn.load от ошибок indexOf (function() { try { if (typeof jQuery !== 'undefined' && typeof jQuery.fn !== 'undefined') { var originalLoad = jQuery.fn.load; if (originalLoad && typeof originalLoad === 'function') { jQuery.fn.load = function(url, data, complete) { try { // Проверяем тип аргументов if (typeof url === 'string') { return originalLoad.apply(this, arguments); } else if (typeof url === 'function') { // Это обработчик события load return this.on('load', url); } else if (typeof url === 'object' && url !== null) { // Неправильное использование - игнорируем return this; } return originalLoad.apply(this, arguments); } catch (e) { return this; } }; } } } catch (e) { // Игнорируем ошибки } })(); })(); </script>  <footer class="position-relative z-index-10 d-print-none">  <div class="py-5 bg-gray-200 text-muted"> <div class="container"> <div class="row"> <div class="col-lg-3 mb-5 mb-lg-0"> <img class="mb-3" src="https://workspro.ru/wp-content/themes/newTheme/img/logo-10.png"> <p>Мы всегда идём в ногу со временем!</p> <ul class="list-inline"> <li class="list-inline-item"><a href="https://dzen.ru/id/5f2f1d08cb492437a00eb8a8" target="_blank" title="dzen" class="text-muted text-hover-primary"><img src="/imgs/logo-yandex dzen.png" width="16"></a></li> <li class="list-inline-item"><a href="https://www.facebook.com/workspro.ru" target="_blank" title="facebook" class="text-muted text-hover-primary"><i class="fab fa-facebook" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="https://www.instagram.com/works.pro" target="_blank" title="instagram" class="text-muted text-hover-primary"><i class="fab fa-instagram" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="https://vk.com/workspro" target="_blank" title="ВидеоВК" class="text-muted text-hover-primary"><img src="/imgs/logo-videovk.png" width="19"></a></li> <li class="list-inline-item"><a href="https://vk.com/dictor_workspro" target="_blank" title="ДикторыВК" class="text-muted text-hover-primary"><img src="/imgs/logo-dictorvk.png" width="16"></a></li> <br> <li class="list-inline-item"><a href="https://plvideo.ru/@workspro" target="_blank" title="plvideo.ru" class="text-muted text-hover-primary"><img src="/wp-content/uploads/2024/08/logo-platforma.png" width="15"></a></li> <li class="list-inline-item"><a href="https://www.youtube.com/channel/UCjD43Tjfc7gYrbkO41CFrXw" target="_blank" title="youtube" class="text-muted text-hover-primary"><i class="fab fa-youtube" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="https://t.me/works_pro" target="_blank" title="telegram" class="text-muted text-hover-primary"><i class="fab fa-telegram" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="https://www.tiktok.com/@workspro.ru" target="_blank" title="tiktok" class="text-muted text-hover-primary"><i class="fab fa-tiktok" aria-hidden="true"></i></a></li> <li class="list-inline-item"><a href="https://rutube.ru/channel/25433766/" target="_blank" title="rutube" class="text-muted text-hover-primary"><i class="fas fa-registered" aria-hidden="true"></i></a></li> </ul> </div> <div class="col-lg-3 col-md-6 mb-5 mb-lg-0"> <h6 class="text-uppercase text-dark mb-3">Популярные категории</h6> <ul class="list-unstyled"> <li><a href="/category/spisok-diktorov/diktory/" class="text-muted">Дикторы (74)</a></li> <li><a href="/category/portfolio/videos/intro/" class="text-muted">Интро (55)</a></li> <li><a href="/category/portfolio/videos/advertising/" class="text-muted">Реклама (64)</a></li> <li><a href="/category/services/s-video/" class="text-muted">Видео (12)</a></li> <li><a href="/category/portfolio/videos/trailers/" class="text-muted">Трейлеры (28)</a></li> </ul> </div> <div class="col-lg-2 col-md-6 mb-5 mb-lg-0"> <h6 class="text-uppercase text-dark mb-3">Страницы</h6> <ul class="list-unstyled"> <li><a href="/rekvizityi/" class="text-muted">Контакты</a></li> <li><a href="/jetapy-raboty-po-sozdaniju-reklamy/" class="text-muted">Этапы работ</a></li> <li><a href="/polzovatelskoe-soglashenie/" class="text-muted">Пользовательское соглашение</a></li> <li><a href="/garantiya-vozvrata-sredstv/" class="text-muted">Возврат средств</a></li> <li><a href="/o-nas/" class="text-muted">О нас</a></li> <li><a href="/uslugi-i-tsenyi/" class="text-muted">Услуги и цены</a></li> </ul> </div> <div class="col-lg-4"> <h6 class="text-uppercase text-dark mb-3"> Напишите нам</h6> <p class="mb-3">Заполните форму, и мы обязательно свяжемся с вами! Наш менеджер обычно отвечает в течении 30 минут.</p> <form action="#" id="ajax-contact-form">  <input type="hidden" name="math_a" id="math_a" value=""> <input type="hidden" name="math_b" id="math_b" value=""> <input type="hidden" name="math_operation" id="math_operation" value=""> <input type="hidden" name="math_answer" id="math_answer" value=""> <div class="input-group mb-3"> <input id="milo" type="text" placeholder="Ваш Email адрес или телефон" aria-label="Ваш Email адрес или телефон" class="form-control bg-transparent border-dark border-right-0"> <div class="input-group-append"> <button id="sbt_btn" type="submit" class="btn btn-outline-dark border-left-0"> <i class="fa fa-paper-plane text-lg" aria-hidden="true"></i> </button> </div> </div>  <input type="text" name="website" id="contact_hp" value="" autocomplete="off" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;" tabindex="-1" aria-hidden="true"> <input type="hidden" name="form_ts" id="contact_ts" value="1765043185"> <input type="hidden" name="contact_nonce" id="contact_nonce" value="73b060e804"> </form> </div> </div> </div> </div>  <div class="py-4 font-weight-light bg-gray-800 text-gray-300"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-left">  <a href="https://metrika.yandex.ru/stat/?id=46534266&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/46534266/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="46534266" data-lang="ru" /></a>   <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(46534266, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true, ecommerce:"dataLayer" }); </script>  <p class="text-sm mb-md-0">© 2019-2025 Workspro. Все права защищены.</p> <script> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter46534266 = new Ya.Metrika({ id:46534266, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><img src="https://informer.yandex.ru/informer/46534266/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="46534266" data-lang="ru" /></noscript> </div> <div class="col-md-6"> </div> </div> </div> </div> </footer>   <script> // ------------------------------------------------------- // // Inject SVG Sprite - // see more here // https://css-tricks.com/ajaxing-svg-sprite/ // ------------------------------------------------------ // $(document).ready(function(){ // animate followers counters once visible (function(){ var els = document.querySelectorAll('.followers-count'); if(!els || !els.length) return; els.forEach(function(el){ var target = parseInt(el.getAttribute('data-target')||'0',10); var current = 0; var step = Math.max(1, Math.ceil(target/40)); var timer = setInterval(function(){ current += step; if(current >= target){ current = target; clearInterval(timer); } el.textContent = current.toString(); }, 30); }); })(); function injectSvgSprite(path) { var ajax = new XMLHttpRequest(); ajax.open("GET", path, true); ajax.send(); ajax.onload = function(e) { var div = document.createElement("div"); div.className = 'd-none'; div.innerHTML = ajax.responseText; document.body.insertBefore(div, document.body.childNodes[0]); } } // to avoid CORS issues when viewing using file:// protocol, using the demo URL for the SVG sprite // use your own URL in production, please :) // https://demo.bootstrapious.com/directory/1-0/icons/orion-svg-sprite.svg //- injectSvgSprite('icons/orion-svg-sprite.svg'); // injectSvgSprite disabled to avoid external timeout errors // injectSvgSprite('https://demo.bootstrapious.com/directory/1-1/icons/orion-svg-sprite.svg'); }); </script> <script> // Reset behavior for search (clear value and state) - для всех форм поиска (function(){ function setupResetButton(formId, inputId) { var form = document.getElementById(formId); if (!form) return; var input = document.getElementById(inputId); var resetBtn = form.querySelector('.btn-reset'); if (!input || !resetBtn) return; resetBtn.addEventListener('click', function(e){ e.preventDefault(); input.value = ''; var wrap = form.querySelector('.input-label-absolute'); if (wrap) wrap.classList.remove('has-value','listening'); input.focus(); }); } setupResetButton('searchcollapsed', 'searchcollapsed_search'); setupResetButton('search', 'search_search'); })(); </script> <script> // Стилизация кнопки чата с оператором (function() { function styleChatButton() { // Для Vue компонентов с data-v-e648039c var chatBtn = document.querySelector('.btn[data-v-e648039c]'); if (chatBtn) { var btnText = chatBtn.textContent || ''; if (btnText.indexOf('Онлайн чат') === -1 && btnText.indexOf('Чат') === -1) { // Добавляем текст если его нет var textSpan = document.createElement('span'); textSpan.textContent = 'Онлайн чат'; textSpan.style.marginLeft = '8px'; chatBtn.appendChild(textSpan); } } // Для Tocha виджета var tochaBtn = document.querySelector('.tocha__launch-button'); if (tochaBtn && !tochaBtn.textContent.trim()) { tochaBtn.textContent = 'Онлайн чат'; } } // Выполняем сразу и после загрузки DOM if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', styleChatButton); } else { styleChatButton(); } // Также через небольшую задержку на случай динамической загрузки setTimeout(styleChatButton, 1000); setTimeout(styleChatButton, 3000); })(); </script> <script> (function() { // Заменяем HTTP ссылки на протокол-относительные в атрибутах if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { fixHttpLinks(); }); } else { fixHttpLinks(); } function fixHttpLinks() { try { // Исправляем src и href атрибуты var elements = document.querySelectorAll('[src*="http://workspro.ru"], [href*="http://workspro.ru"], [data-src*="http://workspro.ru"]'); elements.forEach(function(el) { if (el.src) el.src = el.src.replace(/^http:/, ''); if (el.href) el.href = el.href.replace(/^http:/, ''); if (el.dataset.src) el.dataset.src = el.dataset.src.replace(/^http:/, ''); }); // Исправляем в style атрибутах var styleElements = document.querySelectorAll('[style*="http://workspro.ru"]'); styleElements.forEach(function(el) { if (el.style.backgroundImage) { el.style.backgroundImage = el.style.backgroundImage.replace(/http:\/\/workspro\.ru/g, '//workspro.ru'); } }); } catch(e) { // Игнорируем ошибки } } })(); </script> <div id="um_upload_single" style="display:none"></div> <div id="um_view_photo" style="display:none"> <a href="javascript:void(0);" data-action="um_remove_modal" class="um-modal-close"><i class="um-faicon-times"></i></a> <div class="um-modal-body photo"> <div class="um-modal-photo"></div> </div> </div>  <script type="text/javascript"> soundManager.useFlashBlock = true; // optional - if used, required flashblock.css soundManager.url = 'https://workspro.ru/wp-content/plugins/compact-wp-audio-player/swf/soundmanager2.swf'; function play_mp3(flg, ids, mp3url, volume, loops) { //Check the file URL parameter value var pieces = mp3url.split("|"); if (pieces.length > 1) {//We have got an .ogg file too mp3file = pieces[0]; oggfile = pieces[1]; //set the file URL to be an array with the mp3 and ogg file mp3url = new Array(mp3file, oggfile); } soundManager.createSound({ id: 'btnplay_' + ids, volume: volume, url: mp3url }); if (flg == 'play') { stop_all_tracks(); soundManager.play('btnplay_' + ids, { onfinish: function() { if (loops == 'true') { loopSound('btnplay_' + ids); } else { document.getElementById('btnplay_' + ids).style.display = 'inline'; document.getElementById('btnstop_' + ids).style.display = 'none'; } } }); } else if (flg == 'stop') { //soundManager.stop('btnplay_'+ids); soundManager.pause('btnplay_' + ids); } } function show_hide(flag, ids) { if (flag == 'play') { document.getElementById('btnplay_' + ids).style.display = 'none'; document.getElementById('btnstop_' + ids).style.display = 'inline'; } else if (flag == 'stop') { document.getElementById('btnplay_' + ids).style.display = 'inline'; document.getElementById('btnstop_' + ids).style.display = 'none'; } } function loopSound(soundID) { window.setTimeout(function() { soundManager.play(soundID, {onfinish: function() { loopSound(soundID); }}); }, 1); } function stop_all_tracks() { soundManager.stopAll(); var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { if (inputs[i].id.indexOf("btnplay_") == 0) { inputs[i].style.display = 'inline';//Toggle the play button } if (inputs[i].id.indexOf("btnstop_") == 0) { inputs[i].style.display = 'none';//Hide the stop button } } } </script> <style type='text/css'></style> <svg width="0" height="0" class="h5ap_svg_hidden" style="display: none;"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.997 511.997" id="exchange"> <path d="M467.938 87.164L387.063 5.652c-7.438-7.495-19.531-7.54-27.02-.108s-7.54 19.525-.108 27.014l67.471 68.006-67.42 67.42c-7.464 7.457-7.464 19.557 0 27.014 3.732 3.732 8.616 5.598 13.507 5.598s9.781-1.866 13.513-5.591l80.876-80.876c7.443-7.44 7.463-19.495.056-26.965z"></path> <path d="M455.005 81.509H56.995c-10.552 0-19.104 8.552-19.104 19.104v147.741c0 10.552 8.552 19.104 19.104 19.104s19.104-8.552 19.104-19.104V119.718h378.905c10.552 0 19.104-8.552 19.104-19.104.001-10.552-8.551-19.105-19.103-19.105zM83.964 411.431l67.42-67.413c7.457-7.457 7.464-19.55 0-27.014-7.463-7.464-19.563-7.464-27.02 0l-80.876 80.869c-7.444 7.438-7.47 19.493-.057 26.963l80.876 81.512a19.064 19.064 0 0013.564 5.649c4.865 0 9.731-1.847 13.456-5.54 7.489-7.432 7.54-19.525.108-27.02l-67.471-68.006z"></path> <path d="M454.368 238.166c-10.552 0-19.104 8.552-19.104 19.104v135.005H56.995c-10.552 0-19.104 8.552-19.104 19.104s8.552 19.104 19.104 19.104h397.38c10.552 0 19.104-8.552 19.098-19.104V257.271c-.001-10.552-8.553-19.105-19.105-19.105z"></path> </symbol> </svg> <svg width="0" height="0" class="h5ap_svg_hidden" style="display: none;"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 477.88 477.88" id="shuffle"> <path d="M472.897 124.269a.892.892 0 01-.03-.031l-.017.017-68.267-68.267c-6.78-6.548-17.584-6.36-24.132.42-6.388 6.614-6.388 17.099 0 23.713l39.151 39.151h-95.334c-65.948.075-119.391 53.518-119.467 119.467-.056 47.105-38.228 85.277-85.333 85.333h-102.4C7.641 324.072 0 331.713 0 341.139s7.641 17.067 17.067 17.067h102.4c65.948-.075 119.391-53.518 119.467-119.467.056-47.105 38.228-85.277 85.333-85.333h95.334l-39.134 39.134c-6.78 6.548-6.968 17.353-.419 24.132 6.548 6.78 17.353 6.968 24.132.419.142-.137.282-.277.419-.419l68.267-68.267c6.674-6.657 6.687-17.463.031-24.136z"></path> <path d="M472.897 329.069l-.03-.03-.017.017-68.267-68.267c-6.78-6.548-17.584-6.36-24.132.42-6.388 6.614-6.388 17.099 0 23.712l39.151 39.151h-95.334a85.209 85.209 0 01-56.9-21.726c-7.081-6.222-17.864-5.525-24.086 1.555-6.14 6.988-5.553 17.605 1.319 23.874a119.28 119.28 0 0079.667 30.43h95.334l-39.134 39.134c-6.78 6.548-6.968 17.352-.42 24.132 6.548 6.78 17.352 6.968 24.132.42.142-.138.282-.277.42-.42l68.267-68.267c6.673-6.656 6.686-17.462.03-24.135zM199.134 149.702a119.28 119.28 0 00-79.667-30.43h-102.4C7.641 119.272 0 126.913 0 136.339s7.641 17.067 17.067 17.067h102.4a85.209 85.209 0 0156.9 21.726c7.081 6.222 17.864 5.525 24.086-1.555 6.14-6.989 5.553-17.606-1.319-23.875z"></path> </symbol> </svg> <script> const single_player = document.querySelectorAll(".h5ap_single_button"); single_player.forEach(item => { const audio = item.querySelector("audio"); audio.volume = 0.6; item.querySelector('.play').addEventListener("click", function () { audio.play(); item.querySelector(".play").style.display = 'none'; item.querySelector(".pause").style.display = 'inline-block'; }); item.querySelector('.pause').style.display = 'none'; item.querySelector('.pause').addEventListener("click", function () { audio.pause(); item.querySelector(".play").style.display = 'inline-block'; item.querySelector(".pause").style.display = 'none'; }); audio.addEventListener("ended", () => { item.querySelector(".play").style.display = 'inline-block'; item.querySelector(".pause").style.display = 'none'; }); }) </script> <style type="text/css"> .searchwp-live-search-results { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; height: 0; overflow: hidden; z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */ position: absolute; display: none; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .searchwp-live-search-no-min-chars:after { content: "Continue typing"; display: block; text-align: center; padding: 2em 2em 0; } </style> <link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='woof_tooltip-css-css' href='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/tooltipster.bundle.min.css?ver=1.2.4' type='text/css' media='all' /> <noscript><link rel='stylesheet' id='woof_tooltip-css-css' href='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/tooltipster.bundle.min.css?ver=1.2.4' type='text/css' media='all' /> </noscript><link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='woof_tooltip-css-noir-css' href='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-noir.min.css?ver=1.2.4' type='text/css' media='all' /> <noscript><link rel='stylesheet' id='woof_tooltip-css-noir-css' href='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/tooltip/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-noir.min.css?ver=1.2.4' type='text/css' media='all' /> </noscript><link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='gglcptch-css' href='https://workspro.ru/wp-content/plugins/google-captcha/css/gglcptch.css?ver=1.47' type='text/css' media='all' /> <noscript><link rel='stylesheet' id='gglcptch-css' href='https://workspro.ru/wp-content/plugins/google-captcha/css/gglcptch.css?ver=1.47' type='text/css' media='all' /> </noscript><script type='text/javascript'> /* <![CDATA[ */ var aiGolosaPayment = {"ajax_url":"https:\/\/workspro.ru\/wp-admin\/admin-ajax.php","nonce":"9cf115cc6c","default_payment":"https:\/\/workspro.ru\/checkout\/order-pay\/71266\/?pay_for_order=true&key=wc_order_fWM1iQa28hQWh"}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ai-golosa/assets/js/payment.js?ver=1.2.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/workspro.ru\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var dictorPrices = {"prices":{"Den Loice":{"price":2100,"gender":"male"},"Pete Scott":{"price":1000,"gender":"male"},"\u0410\u0432\u0435\u0440\u0441 \u041c\u0430\u0440\u0438\u043d\u0430":{"price":500,"gender":"female"},"\u0410\u0432\u0441\u0435\u0439\u043a\u043e\u0432 \u0412\u0438\u0442\u0430\u043b\u0438\u0439":{"price":1400,"gender":"male"},"\u0410\u043d\u0434\u0440\u0435\u0435\u0432\u0430 \u041e\u043a\u0441\u0430\u043d\u0430":{"price":1100,"gender":"female"},"\u0410\u043d\u0434\u0440\u0435\u043d\u043a\u043e\u0432\u0430 \u042f\u043d\u0430":{"price":800,"gender":"female"},"\u0410\u043d\u0443\u0447\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"price":900,"gender":"male"},"\u0411\u0430\u043b\u0434\u0443\u043a \u0410\u043d\u0434\u0440\u0435\u0439":{"price":700,"gender":"male"},"\u0411\u0430\u0443\u043b\u0438\u043d\u0430 \u041e\u043b\u044c\u0433\u0430":{"price":1100,"gender":"female"},"\u0411\u0435\u043b\u043a\u0438\u043d\u0430 \u041d\u0430\u0442\u0430\u0448\u0430":{"price":1100,"gender":"female"},"\u0411\u0435\u0441\u0442\u0432\u0438\u0442\u0441\u043a\u0430\u044f \u0410\u043d\u0430\u0441\u0442\u0430\u0441\u0438\u044f":{"price":600,"gender":"female"},"\u0411\u043e\u0440\u0438\u0430\u0440\u0442 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440\u0430":{"price":1100,"gender":"female"},"\u0411\u0440\u0438\u043a \u0418\u043d\u0433\u0430":{"price":2100,"gender":"female"},"\u0411\u0443\u0433\u0430\u043a\u043e\u0432 \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"price":1200,"gender":"male"},"\u0412\u043b\u0430\u0441\u043e\u0432\u0430 \u041b\u0438\u043b\u0438\u044f":{"price":1200,"gender":"female"},"\u0412\u043e\u0441\u0442\u0440\u0435\u0446\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"price":12000,"gender":"male"},"\u0412\u0443\u043b\u044c\u0444 \u0412\u0435\u0440\u043e\u043d\u0438\u043a\u0430":{"price":1300,"gender":"female"},"\u0413\u0437\u044e\u043d\u043e\u0432\u0430 \u0414\u0430\u0440\u044c\u044f":{"price":1100,"gender":"female"},"\u0413\u043e\u0434\u0443\u043d\u043e\u0432 \u041e\u043b\u0435\u0433":{"price":2000,"gender":"male"},"\u0413\u0440\u0438\u043d\u0431\u0435\u0440\u0433 \u0420\u043e\u0434\u0438\u043e\u043d":{"price":800,"gender":"male"},"\u0414\u0430\u0432\u043b\u0430\u0442\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"price":900,"gender":"male"},"\u0415\u0437\u043e\u043f\u043e\u0432 \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"price":900,"gender":"male"},"\u0415\u0440\u0448\u043e\u0432\u0430 \u0415\u043b\u0435\u043d\u0430":{"price":900,"gender":"female"},"\u0415\u0440\u044b\u0448\u0435\u0432 \u041f\u0451\u0442\u0440":{"price":600,"gender":"male"},"\u0416\u0443\u043a\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":1100,"gender":"male"},"\u0416\u0443\u0440\u0430\u0432\u043b\u0435\u0432\u0430 \u0412\u043b\u0430\u0434\u0438\u0441\u043b\u0430\u0432\u0430":{"price":900,"gender":"female"},"\u041a\u0430\u043f\u043b\u0430\u043d \u0414\u0435\u043d\u0438\u0441":{"price":1100,"gender":"male"},"\u041a\u043e\u0432\u0430\u043b\u0435\u043d\u043a\u043e \u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440":{"price":500,"gender":"male"},"\u041a\u043e\u043d\u0435\u0432\u0430 \u041b\u044e\u0431\u043e\u0432\u044c":{"price":1100,"gender":"female"},"\u041a\u043e\u043d\u044c\u043a\u043e\u0432 \u0413\u0440\u0438\u0433\u043e\u0440\u0438\u0439":{"price":1300,"gender":"male"},"\u041a\u043e\u0440\u043e\u043b\u0451\u0432 \u0421\u0442\u0430\u043d\u0438\u0441\u043b\u0430\u0432":{"price":600,"gender":"male"},"\u041a\u043e\u0440\u043e\u043b\u044c \u041d\u0438\u043a\u0438\u0442\u0430":{"price":1600,"gender":"male"},"\u041a\u043e\u0440\u0448 \u041c\u0430\u0440\u0433\u0430\u0440\u0438\u0442\u0430":{"price":1700,"gender":"female"},"\u041a\u0440\u0430\u043f\u0438\u043d\u0435\u0432\u0438\u0447 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":1100,"gender":"male"},"\u041a\u0440\u0435\u043c\u043d\u0451\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":1100,"gender":"male"},"\u041a\u0443\u043b\u0438\u043a\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"price":500,"gender":"female"},"\u041a\u0443\u043c\u0431\u0430\u0440\u043e\u0441\u043a\u0438 \u0410\u043d\u0430\u0441\u0442\u0430\u0441\u0438\u044f":{"price":1100,"gender":"female"},"\u041a\u0443\u0440\u043d\u0430\u0435\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"price":1100,"gender":"male"},"\u041b\u0430\u0432\u0440\u0435\u043d\u0442\u044c\u0435\u0432\u0430 \u0418\u0440\u0438\u043d\u0430":{"price":1100,"gender":"female"},"\u041b\u044f\u043f\u0443\u043d\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"price":1100,"gender":"male"},"\u041c\u0430\u0439\u0441\u043a\u0438\u0439 \u0421\u0435\u0440\u0433\u0435\u0439":{"price":1200,"gender":"male"},"\u041c\u0430\u043a\u0430\u0440\u043e\u0432 \u0410\u043d\u0442\u043e\u043d":{"price":5200,"gender":"male"},"\u041c\u0430\u0440\u0442\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"price":700,"gender":"male"},"\u041c\u0430\u0441\u0430\u0439\u043a\u0438\u043d\u0430 \u0413\u0430\u043b\u0438\u043d\u0430":{"price":1100,"gender":"female"},"\u041c\u0435\u0434\u0432\u0435\u0434\u0435\u0432 \u0412\u0438\u0442\u0430\u043b\u0438\u0439":{"price":1000,"gender":"male"},"\u041c\u0435\u043b\u043b\u0435\u0440 \u042e\u043b\u0438\u044f":{"price":800,"gender":"female"},"\u041c\u0435\u0440\u043a\u0443\u0440\u044c\u0435\u0432 \u0418\u043b\u044c\u044f":{"price":800,"gender":"male"},"\u041d\u0438\u043a\u0438\u0442\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"price":2000,"gender":"male"},"\u041d\u0438\u043a\u0438\u0444\u043e\u0440\u043e\u0432 \u0410\u043d\u0442\u043e\u043d":{"price":1400,"gender":"male"},"\u041e\u043d\u0443\u0447\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"price":1000,"gender":"male"},"\u041e\u0441\u0438\u043f\u043e\u0432 \u041a\u0438\u0440\u0438\u043b\u043b":{"price":600,"gender":"male"},"\u041f\u0430\u0440\u0442\u0438\u0437\u0430\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"price":700,"gender":"male"},"\u041f\u0430\u0443\u0441\u0442\u043e\u0432\u0441\u043a\u0438\u0439 \u0413\u0435\u043e\u0440\u0433\u0438\u0439":{"price":800,"gender":"male"},"\u041f\u0435\u0442\u0440\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"price":900,"gender":"female"},"\u041f\u043e\u0433\u043e\u0441\u044f\u043d \u0410\u0440\u0442\u0451\u043c":{"price":1600,"gender":"male"},"\u041f\u0440\u043e\u0445\u043e\u0440\u0435\u043d\u043a\u043e \u041b\u044e\u0441\u044f":{"price":700,"gender":"female"},"\u0420\u0430\u0439\u0442 \u0410\u043d\u0433\u0435\u043b\u0438\u043d\u0430":{"price":600,"gender":"female"},"\u0420\u043e\u0437\u0435\u043d\u0431\u0435\u0440\u0433 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":800,"gender":"male"},"\u0420\u043e\u043c\u0430\u043d\u0435\u043d\u043a\u043e \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d":{"price":2100,"gender":"male"},"\u0420\u043e\u043c\u0430\u043d\u043e\u0432 \u0412\u0430\u043b\u0435\u0440\u0438\u0439":{"price":600,"gender":"male"},"\u0420\u044b\u0431\u0438\u043d \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"price":700,"gender":"male"},"\u0421\u0430\u0438\u0442\u043e\u0432\u0430 \u041a\u0430\u043c\u0438\u043b\u044f":{"price":700,"gender":"female"},"\u0421\u043c\u043e\u0442\u0440\u043e\u0432\u0430 \u041e\u043b\u044c\u0433\u0430":{"price":600,"gender":"female"},"\u0421\u043e\u043a\u043e\u043b\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":700,"gender":"male"},"\u0421\u0442\u0430\u0440\u043a\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"price":900,"gender":"male"},"\u0422\u0430\u043f\u0435\u0445\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"price":600,"gender":"male"},"\u0422\u0430\u0442\u0430\u0440\u0438\u043d\u043e\u0432\u0430 \u041e\u043b\u044c\u0433\u0430":{"price":900,"gender":"female"},"\u0422\u0438\u043c\u043e\u0445\u0438\u043d \u041c\u0430\u0440\u0430\u0442":{"price":800,"gender":"male"},"\u0422\u0438\u0442\u043e\u0432\u0430 \u041a\u0441\u0435\u043d\u0438\u044f":{"price":800,"gender":"female"},"\u0423\u043c\u043d\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"price":1100,"gender":"female"},"\u0424\u0430\u0439\u0437\u0443\u043b\u043b\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"price":600,"gender":"male"},"\u0425\u0443\u0440\u0441\u0430\u043d \u0414\u0430\u0440\u044c\u044f":{"price":600,"gender":"female"},"\u0426\u044b\u0431\u0443\u043b\u044c\u0441\u043a\u0438\u0439 \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d":{"price":1200,"gender":"male"},"\u0427\u0435\u0440\u0432\u044f\u043a\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"price":600,"gender":"male"},"\u0427\u0435\u0440\u0441\u043a\u043e\u0432 \u0421\u0442\u0430\u043d\u0438\u0441\u043b\u0430\u0432":{"price":800,"gender":"male"}},"markup":"0"}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/dictor-price-manager/assets/js/frontend.js?ver=1.0.0'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/dictor-video-works/assets/js/frontend.js?ver=1.0.0'></script> <script type='text/javascript' async src='//cdn.jsdelivr.net/npm/d3@5/dist/d3.min.js'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.9.5'></script> <script type='text/javascript'> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_62dbe9cd741caf2d5dd8d5c18a96f3b8","fragment_name":"wc_fragments_62dbe9cd741caf2d5dd8d5c18a96f3b8","request_timeout":"5000"}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.9.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/audioigniter/player/build/app.js?ver=1.4.1'></script> <script type='text/javascript' async src='https://yookassa.ru/checkout-ui/v2.js?ver=2.4.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var searchwp_live_search_params = []; searchwp_live_search_params = {"ajaxurl":"https:\/\/workspro.ru\/wp-admin\/admin-ajax.php","origin_id":52686,"config":{"default":{"engine":"default","input":{"delay":300,"min_chars":3},"results":{"position":"bottom","width":"auto","offset":{"x":0,"y":5}},"spinner":{"lines":12,"length":8,"width":3,"radius":8,"scale":1,"corners":1,"color":"#424242","fadeColor":"transparent","speed":1,"rotate":0,"animation":"searchwp-spinner-line-fade-quick","direction":1,"zIndex":2000000000,"className":"spinner","top":"50%","left":"50%","shadow":"0 0 1px transparent","position":"absolute"}}},"msg_no_config_found":"No valid SearchWP Live Search configuration found!","aria_instructions":"When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures."};; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/searchwp-live-ajax-search/assets/javascript/dist/script.min.js?ver=1.5.0'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var wcfm_datepicker_params = {"closeText":"Done","currentText":"Today","monthNames":["\u042f\u043d\u0432\u0430\u0440\u044c","\u0424\u0435\u0432\u0440\u0430\u043b\u044c","\u041c\u0430\u0440\u0442","\u0410\u043f\u0440\u0435\u043b\u044c","\u041c\u0430\u0439","\u0418\u044e\u043d\u044c","\u0418\u044e\u043b\u044c","\u0410\u0432\u0433\u0443\u0441\u0442","\u0421\u0435\u043d\u0442\u044f\u0431\u0440\u044c","\u041e\u043a\u0442\u044f\u0431\u0440\u044c","\u041d\u043e\u044f\u0431\u0440\u044c","\u0414\u0435\u043a\u0430\u0431\u0440\u044c"],"monthNamesShort":["\u042f\u043d\u0432","\u0424\u0435\u0432","\u041c\u0430\u0440","\u0410\u043f\u0440","\u041c\u0430\u0439","\u0418\u044e\u043d","\u0418\u044e\u043b","\u0410\u0432\u0433","\u0421\u0435\u043d","\u041e\u043a\u0442","\u041d\u043e\u044f","\u0414\u0435\u043a"],"monthStatus":"Show a different month","dayNames":["\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435","\u041f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a","\u0412\u0442\u043e\u0440\u043d\u0438\u043a","\u0421\u0440\u0435\u0434\u0430","\u0427\u0435\u0442\u0432\u0435\u0440\u0433","\u041f\u044f\u0442\u043d\u0438\u0446\u0430","\u0421\u0443\u0431\u0431\u043e\u0442\u0430"],"dayNamesShort":["\u0412\u0441","\u041f\u043d","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041f\u0442","\u0421\u0431"],"dayNamesMin":["\u0412\u0441","\u041f\u043d","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041f\u0442","\u0421\u0431"],"dateFormat":"yy-mm-dd","firstDay":"1","isRTL":""}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script> <script type='text/javascript'> jQuery(document).ready(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","currentText":"\u0421\u0435\u0433\u043e\u0434\u043d\u044f","monthNames":["\u042f\u043d\u0432\u0430\u0440\u044c","\u0424\u0435\u0432\u0440\u0430\u043b\u044c","\u041c\u0430\u0440\u0442","\u0410\u043f\u0440\u0435\u043b\u044c","\u041c\u0430\u0439","\u0418\u044e\u043d\u044c","\u0418\u044e\u043b\u044c","\u0410\u0432\u0433\u0443\u0441\u0442","\u0421\u0435\u043d\u0442\u044f\u0431\u0440\u044c","\u041e\u043a\u0442\u044f\u0431\u0440\u044c","\u041d\u043e\u044f\u0431\u0440\u044c","\u0414\u0435\u043a\u0430\u0431\u0440\u044c"],"monthNamesShort":["\u042f\u043d\u0432","\u0424\u0435\u0432","\u041c\u0430\u0440","\u0410\u043f\u0440","\u041c\u0430\u0439","\u0418\u044e\u043d","\u0418\u044e\u043b","\u0410\u0432\u0433","\u0421\u0435\u043d","\u041e\u043a\u0442","\u041d\u043e\u044f","\u0414\u0435\u043a"],"nextText":"\u0414\u0430\u043b\u0435\u0435","prevText":"\u041d\u0430\u0437\u0430\u0434","dayNames":["\u0412\u043e\u0441\u043a\u0440\u0435\u0441\u0435\u043d\u044c\u0435","\u041f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a","\u0412\u0442\u043e\u0440\u043d\u0438\u043a","\u0421\u0440\u0435\u0434\u0430","\u0427\u0435\u0442\u0432\u0435\u0440\u0433","\u041f\u044f\u0442\u043d\u0438\u0446\u0430","\u0421\u0443\u0431\u0431\u043e\u0442\u0430"],"dayNamesShort":["\u0412\u0441","\u041f\u043d","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041f\u0442","\u0421\u0431"],"dayNamesMin":["\u0412\u0441","\u041f\u043d","\u0412\u0442","\u0421\u0440","\u0427\u0442","\u041f\u0442","\u0421\u0431"],"dateFormat":"dd.mm.yy","firstDay":1,"isRTL":false});}); </script> <script type='text/javascript'> /* <![CDATA[ */ var wcfm_notification_sound = "https:\/\/workspro.ru\/wp-content\/plugins\/wc-frontend-manager\/assets\/sounds\/notification.mp3"; var wcfm_core_dashboard_messages = {"product_approve_confirm":"Are you sure and want to approve \/ publish this 'Product'?","product_reject_confirm":"Are you sure and want to reject this 'Product'?\nReason:","product_archive_confirm":"Are you sure and want to archive this 'Product'?","multiblock_delete_confirm":"Are you sure and want to delete this 'Block'?\nYou can't undo this action ...","article_delete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e? \n \n\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 ...","product_delete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 '\u0422\u043e\u0432\u0430\u0440'?\n\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 ...","message_delete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435? \n \n\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 ...","order_delete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 '\u0417\u0430\u043a\u0430\u0437'?\n\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 ...","enquiry_delete_confirm":"Are you sure and want to delete this 'Enquiry'?\nYou can't undo this action ...","support_delete_confirm":"Are you sure and want to delete this 'Support Ticket'?\nYou can't undo this action ...","follower_delete_confirm":"Are you sure and want to delete this 'Follower'?\nYou can't undo this action ...","following_delete_confirm":"Are you sure and want to delete this 'Following'?\nYou can't undo this action ...","resource_delete_confirm":"Are you sure and want to delete this 'Resource'?\nYou can't undo this action ...","order_mark_complete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 '\u041f\u043e\u043c\u0435\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u044b\u0439' \u044d\u0442\u043e\u0442 \u0417\u0430\u043a\u0430\u0437?","booking_mark_complete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b, \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u00ab\u041e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435\u00bb \u044d\u0442\u043e\u0433\u043e \u0431\u0440\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f?","booking_mark_decline_confirm":"Are you sure and want to 'Mark as Declined' this Booking?","appointment_mark_complete_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u00ab\u041e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u043a\u0430\u043a \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e\u0435\u00bb \u044d\u0442\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435?","add_new":"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u044b\u0439","select_all":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0432\u0441\u0435","select_none":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043d\u0438 \u043e\u0434\u043d\u043e\u0433\u043e","any_attribute":"\u041b\u044e\u0431\u043e\u0439","add_attribute_term":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 term:","wcfmu_upgrade_notice":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u0435 \u0432\u0430\u0448 WC Frontend Manager \u0434\u043e Ultimate \u0432\u0435\u0440\u0441\u0438\u0438 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e.","pdf_invoice_upgrade_notice":"\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 WC Frontend Manager Ultimate \u0438 PDF-\u043d\u0430\u043a\u043b\u0430\u0434\u043d\u044b\u0435 \u0438 \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u0447\u043d\u044b\u0435 \u043b\u0438\u0441\u0442\u044b WooCommerce, \u0447\u0442\u043e\u0431\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u044d\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439.","wcfm_bulk_action_no_option":"\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442!","wcfm_bulk_action_confirm":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0438 \u0445\u043e\u0442\u0438\u0442\u0435 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c? \n \n\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 ...","review_status_update_confirm":"Are you sure and want to do this?","everywhere":"Everywhere Else","required_message":"\u042d\u0442\u043e \u043f\u043e\u043b\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043a \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044e.","choose_select2":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435","category_attribute_mapping":"All Attributes","search_attribute_select2":"Search for an attribute ...","search_product_select2":"Filter by product ...","search_taxonomy_select2":"Filter by category ...","choose_category_select2":"Choose Categories ...","choose_listings_select2":"\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043f\u0438\u0441\u043a\u0438 ...","choose_tags_select2":"Choose Tags ...","choose_vendor_select2":"Choose ...","no_category_select2":"\u041d\u0435\u0442 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439","select2_searching":"Searching ...","select2_no_result":"No matching result found.","select2_loading_more":"Loading ...","select2_minimum_input":"Minimum input character ","wcfm_product_popup_next":"\u0414\u0430\u043b\u0435\u0435","wcfm_product_popup_previous":"\u041d\u0430\u0437\u0430\u0434","wcfm_multiblick_addnew_help":"Add New Block","wcfm_multiblick_remove_help":"Remove Block","wcfm_multiblick_collapse_help":"Toggle Block","wcfm_multiblick_sortable_help":"Drag to re-arrange blocks","sell_this_item_confirm":"Do you want to add this item(s) to your store?","bulk_no_itm_selected":"Please select some product first!","user_non_logged_in":"Please login to the site first!","shiping_method_not_selected":"Please select a shipping method","shiping_method_not_found":"Shipping method not found","shiping_zone_not_found":"Shipping zone not found","shipping_method_del_confirm":"Are you sure you want to delete this 'Shipping Method'?\nYou can't undo this action ...","variation_auto_generate_confirm":"Are you sure you want to link all variations? This will create a new variation for each and every possible combination of variation attributes (max 50 per run)."}; var wcfm_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/wp-admin\/admin-ajax.php","shop_url":"https:\/\/workspro.ru\/shop\/","wcfm_is_allow_wcfm":"","wcfm_is_vendor":"","is_user_logged_in":"","wcfm_allow_tinymce_options":"undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | ltr rtl","unread_message":"0","unread_enquiry":"0","wcfm_is_allow_new_message_check":"","wcfm_new_message_check_duration":"60000","wcfm_is_desktop_notification":"1","is_mobile_desktop_notification":"","wcfm_is_allow_external_product_analytics":"","is_mobile":"","is_tablet":""}; var wcfm_enquiry_manage_messages = {"no_name":"\u0418\u043c\u044f \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e.","no_email":"\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430.","no_enquiry":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439.","no_reply":"Please insert your reply before submit.","enquiry_saved":"\u0412\u0430\u0448 \u0437\u0430\u043f\u0440\u043e\u0441 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d.","enquiry_published":"\u041e\u0442\u0432\u0435\u0442 \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d.","enquiry_reply_saved":"Your reply successfully sent."}; var wcfmu_products_manage_messages = {"no_title":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0445\u043e\u0442\u044f \u0431\u044b \u0442\u0438\u0442\u0443\u043b \u043f\u0440\u0435\u0436\u0434\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.","no_excerpt":"Please insert Product Excerpt before submit.","no_description":"Please insert Product Description before submit.","sku_unique":"\u0410\u0440\u0442\u0438\u043a\u0443\u043b \u0442\u043e\u0432\u0430\u0440\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c.","variation_sku_unique":"\u0410\u0440\u0442\u0438\u043a\u0443\u043b \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c.","product_saved":"\u0422\u043e\u0432\u0430\u0440 \u0431\u044b\u043b \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d.","product_pending":"\u0422\u043e\u0432\u0430\u0440 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d \u043d\u0430 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u044e.","product_published":"\u0422\u043e\u0432\u0430\u0440 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d.","set_stock":"Set Stock","increase_stock":"Increase Stock","regular_price":"\u041e\u0431\u044b\u0447\u043d\u0430\u044f \u0446\u0435\u043d\u0430","regular_price_increase":"Regular price increase by","regular_price_decrease":"Regular price decrease by","sales_price":"\u0426\u0435\u043d\u0430 \u0440\u0430\u0441\u043f\u0440\u043e\u0434\u0430\u0436\u0438","sales_price_increase":"Sale price increase by","sales_price_decrease":"Sale price decrease by","length":"\u0414\u043b\u0438\u043d\u0430","width":"\u0428\u0438\u0440\u0438\u043d\u0430","height":"\u0412\u044b\u0441\u043e\u0442\u0430","weight":"\u0412\u0435\u0441","download_limit":"Download Limit","download_expiry":"Download Expiry"}; /* ]]> */ </script> <script data-lazy="true" type='text/javascript' data-src='https://workspro.ru/wp-content/plugins/wc-frontend-manager/assets/js/min/wcfm-script-core.js?ver=6.5.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var dictorAudioLibrary = {"dictors":{"\u0410\u0432\u0435\u0440\u0441 \u041c\u0430\u0440\u0438\u043d\u0430":{"slug":"avers-marina","gender":"female","languages":["ru"],"price":500,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/Marina-Avers-Demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/09\/IMG_2857123-768x758.jpg","type_tracks":[]},"\u0410\u043d\u0434\u0440\u0435\u043d\u043a\u043e\u0432\u0430 \u042f\u043d\u0430":{"slug":"andrenkova-yana","gender":"female","languages":["ru","en"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/Yana_Demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/IMG_20200318_212631_438-768x1151.jpg","type_tracks":[]},"\u0410\u043d\u0434\u0440\u0435\u0435\u0432\u0430 \u041e\u043a\u0441\u0430\u043d\u0430":{"slug":"andreeva-oksana","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/AndreevaDEMO.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/11\/WhatsApp-Image-2021-11-23-at-17.13.23-e1637685685242-300x300.jpeg","type_tracks":[]},"\u0411\u0430\u0443\u043b\u0438\u043d\u0430 \u041e\u043b\u044c\u0433\u0430":{"slug":"baulina-olga","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/03\/OLGA-BAULINA-demo-2024.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/03\/photo_2025-03-20_22-35-01-2-1024x795.jpg","type_tracks":[]},"\u0411\u043e\u0440\u0438\u0430\u0440\u0442 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440\u0430":{"slug":"boriart-aleksandra","gender":"female","languages":["ru","en"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/09\/Demo-obshhee-2022.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/09\/awSQT-o2_WE2-600x759.jpg","type_tracks":[]},"\u0411\u0435\u0441\u0442\u0432\u0438\u0442\u0441\u043a\u0430\u044f \u0410\u043d\u0430\u0441\u0442\u0430\u0441\u0438\u044f":{"slug":"bestvitskaya-anastasiya","gender":"female","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/1-Demo-Bestvitskaya-Anastasiya-Lankom-Zhivanshi-Komforta-Megafon-Novostjony.mp3.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/scWxqE-VCUA-1024x679.jpg","type_tracks":[]},"\u0411\u0435\u043b\u043a\u0438\u043d\u0430 \u041d\u0430\u0442\u0430\u0448\u0430":{"slug":"belkina-natasha","gender":"female","languages":["ru","en"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/Videovizitka-Belkina-vizitka.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/IMG_0866-1365x2048.jpg","type_tracks":[]},"\u0411\u0440\u0438\u043a \u0418\u043d\u0433\u0430":{"slug":"brik-inga","gender":"female","languages":["ru"],"price":2100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/Reklama.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/image-22-07-21-08-29-e1627136023307-768x728.jpeg","type_tracks":[]},"\u0412\u043b\u0430\u0441\u043e\u0432\u0430 \u041b\u0438\u043b\u0438\u044f":{"slug":"vlasova-liliya","gender":"female","languages":["ru"],"price":1200,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/06\/Lilija-Vlasova.-Demo-2020-Diktor-zhenskij-golos.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/01\/EYEo3o24nnM-1024x1536.jpg","type_tracks":[]},"\u0412\u0443\u043b\u044c\u0444 \u0412\u0435\u0440\u043e\u043d\u0438\u043a\u0430":{"slug":"vulf-veronika","gender":"female","languages":["ru"],"price":1300,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Veronica-Volfe-Demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/SGb9TMqWmu8-956x1024.jpg","type_tracks":[]},"\u0413\u0437\u044e\u043d\u043e\u0432\u0430 \u0414\u0430\u0440\u044c\u044f":{"slug":"gzjunova-darya","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/02\/Reklama-Demo-Gzjunova.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/02\/e3Ll86SA-5I-768x1152.jpg","type_tracks":[]},"\u0416\u0443\u0440\u0430\u0432\u043b\u0435\u0432\u0430 \u0412\u043b\u0430\u0434\u0438\u0441\u043b\u0430\u0432\u0430":{"slug":"zhuravleva-vladislava","gender":"female","languages":["ru"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Vladislava-Demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/\u0412\u043b\u0430\u0434\u0438\u0441\u043b\u0430\u0432\u0430-\u0416\u0443\u0440\u0430\u0432\u043b\u0435\u0432\u0430_\u0444\u043e\u0442\u043e-768x1367.jpg","type_tracks":[]},"\u041a\u043e\u043d\u0435\u0432\u0430 \u041b\u044e\u0431\u043e\u0432\u044c":{"slug":"koneva-ljubov","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2019\/07\/Ljubov-Koneva-Zhenskij-golos.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/11-483x350.jpg","type_tracks":[]},"\u041a\u043e\u0440\u0448 \u041c\u0430\u0440\u0433\u0430\u0440\u0438\u0442\u0430":{"slug":"korsh-margarita","gender":"female","languages":["ru","en"],"price":1700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Margo-Korg-demo-voices.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/lcUMpmiT7zQ-640x899.jpg","type_tracks":[]},"\u041a\u0443\u043b\u0438\u043a\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"slug":"kulikova-mariya","gender":"female","languages":["ru"],"price":500,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Demo_Marija-Kulikova2019.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Masha-_foto3-771x1024.jpg","type_tracks":[]},"\u041a\u0443\u043c\u0431\u0430\u0440\u043e\u0441\u043a\u0438 \u0410\u043d\u0430\u0441\u0442\u0430\u0441\u0438\u044f":{"slug":"kumbaroski-anastasiya","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/Anastasiya_Kumbaroski_11_03_2025_Demo_3v-1.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/vlClokMqSBu1rLSskbrFmH89tI4HaTwusSNRrcyCIhHhSIatTC61Ox3E3vmRpRlLbpD9k3xx2yC683KERO6BdgcV-768x1151.jpg","type_tracks":[]},"\u041b\u0430\u0432\u0440\u0435\u043d\u0442\u044c\u0435\u0432\u0430 \u0418\u0440\u0438\u043d\u0430":{"slug":"lavrenteva-irina","gender":"female","languages":["ru","en","de"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/02\/Irina-Lavrenteva_demo24.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/02\/photo_2025-02-13_17-46-49-768x1024.jpg","type_tracks":[]},"\u041c\u0430\u0441\u0430\u0439\u043a\u0438\u043d\u0430 \u0413\u0430\u043b\u0438\u043d\u0430":{"slug":"masajkina-galina","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/12\/Demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/12\/IMG_3915-768x1024.jpg","type_tracks":[]},"\u041c\u0435\u043b\u043b\u0435\u0440 \u042e\u043b\u0438\u044f":{"slug":"meller-juliya","gender":"female","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2019\/07\/Julija-Meller-Demo-2019.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/8rw_rqmqeTQ-327x560.jpg","type_tracks":[]},"\u041f\u0435\u0442\u0440\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"slug":"petrova-mariya","gender":"female","languages":["ru"],"price":"900","tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/03\/Demo-raznoe-05.03.22.mp3"},{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/11\/Demo-MPetrova-2024.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/03\/Maria-P-600x648.jpg","type_tracks":[]},"\u041f\u0440\u043e\u0445\u043e\u0440\u0435\u043d\u043a\u043e \u041b\u044e\u0441\u044f":{"slug":"prohorenko-ljusya","gender":"female","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/Ljusya-Prohorenko-Vdol-poperek.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/IMG-0364-806x1024.jpg","type_tracks":[]},"\u0420\u0430\u0439\u0442 \u0410\u043d\u0433\u0435\u043b\u0438\u043d\u0430":{"slug":"rajt-angelina","gender":"female","languages":["ru","en"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/08\/DEMO-NEW.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/DSCF4826-1352x2048.jpg","type_tracks":[]},"\u0421\u043c\u043e\u0442\u0440\u043e\u0432\u0430 \u041e\u043b\u044c\u0433\u0430":{"slug":"smotrova-olga","gender":"female","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/Demo-NEW.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/08\/IMG_1995-scaled-e1628101109719-994x1024.jpg","type_tracks":[]},"\u0422\u0430\u0442\u0430\u0440\u0438\u043d\u043e\u0432\u0430 \u041e\u043b\u044c\u0433\u0430":{"slug":"tatarinova-olga","gender":"female","languages":["ru"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/08\/krasota.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/08\/Olga-Tatarinova-768x768.jpg","type_tracks":[]},"\u0422\u0438\u0442\u043e\u0432\u0430 \u041a\u0441\u0435\u043d\u0438\u044f":{"slug":"titova-kseniya","gender":"female","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/03\/Demo-2024-3.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/03\/Kseniya-Titova_1-1536x1428.jpg","type_tracks":[]},"\u0415\u0440\u0448\u043e\u0432\u0430 \u0415\u043b\u0435\u043d\u0430":{"slug":"ershova-elena","gender":"female","languages":["ru","es"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/03\/demo-Ershova-Elena.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/03\/Snimokrnp1-150x150.jpg","type_tracks":[]},"\u0425\u0443\u0440\u0441\u0430\u043d \u0414\u0430\u0440\u044c\u044f":{"slug":"hursan-darya","gender":"female","languages":["ru","en"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/09\/Hursan_Demo_Rus.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/11\/6188df2e5d815-300x300.jpg","type_tracks":[]},"\u0421\u0430\u0438\u0442\u043e\u0432\u0430 \u041a\u0430\u043c\u0438\u043b\u044f":{"slug":"saitova-kamilya","gender":"female","languages":["ru","kk"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/Kamilya-S-ru.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/826b6e7f7c5ea82a7a60dab3c100e0b7-150x150.jpg","type_tracks":[]},"\u0423\u043c\u043d\u043e\u0432\u0430 \u041c\u0430\u0440\u0438\u044f":{"slug":"umnova-mariya","gender":"female","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/02\/demo-roliki-bez-obrabotki.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/02\/WhatsApp-Image-2023-03-23-at-11.43.30-768x1024.jpeg","type_tracks":[]},"Den Loice":{"slug":"den-loice","gender":"male","languages":["ru","en"],"price":2100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2023\/07\/With-Vocals.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/07\/Den-Pop-Filter-1024x1024.png","type_tracks":[]},"Pete Scott":{"slug":"pete-scott","gender":"male","languages":["ru","en"],"price":1000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/01\/Demo-Character-Voices.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/ZaQC5elavHw-200x220.jpg","type_tracks":[]},"\u0410\u0432\u0441\u0435\u0439\u043a\u043e\u0432 \u0412\u0438\u0442\u0430\u043b\u0438\u0439":{"slug":"avsejkov-vitalij","gender":"male","languages":["ru","be"],"price":1400,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/06\/Demo-2021-Vitalij-Avsejkov.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/06\/vitalij-560x495.jpg","type_tracks":[]},"\u0410\u043d\u0443\u0447\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"slug":"anuchin-andrej","gender":"male","languages":["ru","tt","en","fr"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/Portfolio-demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/168-Anuchin-Andrei-1-399x560.jpg","type_tracks":[]},"\u0411\u0430\u043b\u0434\u0443\u043a \u0410\u043d\u0434\u0440\u0435\u0439":{"slug":"balduk-andrej","gender":"male","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/03\/diktor-Andrey-Balduk-Kommentator.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/03\/LjCxHGdx2mY-768x1154.jpg","type_tracks":[]},"\u0411\u0443\u0433\u0430\u043a\u043e\u0432 \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"slug":"bugakov-dmitrij","gender":"male","languages":["ru"],"price":1200,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/08\/Demo2024.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/me-300x300.jpg","type_tracks":[]},"\u0412\u043e\u0441\u0442\u0440\u0435\u0446\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"slug":"vostrecov-sergej","gender":"male","languages":["ru"],"price":12000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/12\/Vostrecov_demo_new.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/12\/LNOMTrgs2Pk-e1670316571700-531x560.jpg","type_tracks":[]},"\u0413\u043e\u0434\u0443\u043d\u043e\u0432 \u041e\u043b\u0435\u0433":{"slug":"godunov-oleg","gender":"male","languages":["ru"],"price":2000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2019\/11\/Kia-PIicanto-GT-LIne-OBR-MUZ.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/photo_2020-04-15_11-32-38-600x600.jpg","type_tracks":[]},"\u0413\u0440\u0438\u043d\u0431\u0435\u0440\u0433 \u0420\u043e\u0434\u0438\u043e\u043d":{"slug":"grinberg-rodion","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/08\/Rodion-Grinberg-DEMO-2025.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/06\/Snimok-1024x685.jpg","type_tracks":[]},"\u0414\u0430\u0432\u043b\u0430\u0442\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"slug":"davlatov-sergej","gender":"male","languages":["ru"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/Davlatov-DEMO-2020.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/ffKvt3olkAY-1024x1024.jpg","type_tracks":[]},"\u0415\u0440\u044b\u0448\u0435\u0432 \u041f\u0451\u0442\u0440":{"slug":"eryshev-pjotr","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/Diktor-Eryshev-Pjotr-Denisovich.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/IMG_20221106_093101-977x1024.jpg","type_tracks":[]},"\u0416\u0443\u043a\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"zhukov-aleksandr","gender":"male","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/10\/ALEKSANDR-ZhUKOV-demo-2024.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/10\/photo_2024-09-17_15-27-35-560x560.jpg","type_tracks":[]},"\u041a\u0430\u043f\u043b\u0430\u043d \u0414\u0435\u043d\u0438\u0441":{"slug":"kaplan-denis","gender":"male","languages":["ru"],"price":"1100","tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/04\/3-Audio-demo-Denis-Kaplan-2020.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/FmcPH2xk7ok-600x900.jpg","type_tracks":[]},"\u041a\u043e\u0432\u0430\u043b\u0435\u043d\u043a\u043e \u0412\u043b\u0430\u0434\u0438\u043c\u0438\u0440":{"slug":"kovalenko-vladimir","gender":"male","languages":["ru"],"price":500,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/Fabrika-formatovVladimir-Kovalenko-demo-2021.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/IMG_4311-1-2048x1899.jpg","type_tracks":[]},"\u041a\u043e\u043d\u044c\u043a\u043e\u0432 \u0413\u0440\u0438\u0433\u043e\u0440\u0438\u0439":{"slug":"konkov-grigorij","gender":"male","languages":["ru","be"],"price":1300,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/02\/DEMKA-2022-draft-2.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/bMOqlKQtkoE-768x768.jpg","type_tracks":[]},"\u041a\u043e\u0440\u043e\u043b\u0451\u0432 \u0421\u0442\u0430\u043d\u0438\u0441\u043b\u0430\u0432":{"slug":"koroljov-stanislav","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/Demo-Korolev_Stanislav-2020.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/2j-916x1024.jpg","type_tracks":[]},"\u041a\u043e\u0440\u043e\u043b\u044c \u041d\u0438\u043a\u0438\u0442\u0430":{"slug":"korol-nikita","gender":"male","languages":["ru"],"price":1600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/Shouril-1-minuta.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/MG_4044-kopiya-1536x1069.jpg","type_tracks":[]},"\u041a\u0440\u0430\u043f\u0438\u043d\u0435\u0432\u0438\u0447 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"krapinevich-aleksandr","gender":"male","languages":["ru","be"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2019\/10\/Demo_Krapinevich-Aleksandr.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2019\/10\/Krapinevich-768x1152.jpg","type_tracks":[]},"\u041a\u0440\u0435\u043c\u043d\u0451\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"kremnjov-aleksandr","gender":"male","languages":["ru","en"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/06\/0216-Demo-Kremnev.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/WH2wD7Jb_v4-836x1024.jpg","type_tracks":[]},"\u041a\u0443\u0440\u043d\u0430\u0435\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"slug":"kurnaev-sergej","gender":"male","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/demo-SERGEJ-KURNAEV-SEP-V2.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/11\/photo_2024-11-07_17-53-43-3-600x1067.jpg","type_tracks":[]},"\u041b\u044f\u043f\u0443\u043d\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"slug":"lyapunov-aleksej","gender":"male","languages":["ru"],"price":1100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/11\/Aleksej-Lyapunov-Demo-1.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/11\/MG_120921-240x359-1-240x300.jpg","type_tracks":[]},"\u041c\u0430\u0439\u0441\u043a\u0438\u0439 \u0421\u0435\u0440\u0433\u0435\u0439":{"slug":"majskij-sergej","gender":"male","languages":["ru"],"price":1200,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/1.5-TRI-fragmenta-REKLAMY-v-raznyh-zhanrah-vk.mp3"}],"photo":"https:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/image-768x576.png","type_tracks":[]},"\u041c\u0430\u043a\u0430\u0440\u043e\u0432 \u0410\u043d\u0442\u043e\u043d":{"slug":"makarov-anton","gender":"male","languages":["ru"],"price":5200,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2021\/02\/Demo-Anton-MAkarov-2021.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/08\/8dUJwWZJUvc-1-768x1024.jpg","type_tracks":[]},"\u041c\u0430\u0440\u0442\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"slug":"martin-aleksej","gender":"male","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/Demo-NEW.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/07\/IMG_5159-1365x2048.jpg","type_tracks":[]},"\u041c\u0435\u0434\u0432\u0435\u0434\u0435\u0432 \u0412\u0438\u0442\u0430\u043b\u0438\u0439":{"slug":"medvedev-vitalij","gender":"male","languages":["ru","ro","en"],"price":1000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2018\/09\/05.Broadcasting-Products_ru_CV.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/09\/unnamed-240x300.jpg","type_tracks":[]},"\u041c\u0435\u0440\u043a\u0443\u0440\u044c\u0435\u0432 \u0418\u043b\u044c\u044f":{"slug":"merkurev-ilya","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/05\/Demo-reklama-2023-vesna-versiya-FLAC.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/05\/DSC05534-1365x2048.jpg","type_tracks":[]},"\u041d\u0438\u043a\u0438\u0442\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"slug":"nikitin-aleksej","gender":"male","languages":["ru"],"price":2000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2019\/11\/Diktor-Aleksej-Nikitin-Demo-2019.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2019\/08\/Aleksej-Nikitin-Foto-1-1024x684.jpg","type_tracks":[]},"\u041d\u0438\u043a\u0438\u0444\u043e\u0440\u043e\u0432 \u0410\u043d\u0442\u043e\u043d":{"slug":"nikiforov-anton","gender":"male","languages":["ru"],"price":1400,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/Demo-janvar-2020_Anton-Nikiforov.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/NP-zJxEYdqg-768x1152.jpg","type_tracks":[]},"\u041e\u043d\u0443\u0447\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"slug":"onuchin-andrej","gender":"male","languages":["ru"],"price":1000,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/10\/Audiogid_dlja_S7.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/BKUjS10cNWY-683x1024.jpg","type_tracks":[]},"\u041e\u0441\u0438\u043f\u043e\u0432 \u041a\u0438\u0440\u0438\u043b\u043b":{"slug":"osipov-kirill","gender":"male","languages":["ru","de"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/08\/Demo_Kirill-Osipov_2025.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/08\/KO-812x1024.jpg","type_tracks":[]},"\u041f\u0430\u0440\u0442\u0438\u0437\u0430\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"slug":"partizan-aleksej","gender":"male","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/Aleksej-Partizan-2019.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/FOTO_02-1390x2048.jpg","type_tracks":[]},"\u041f\u0430\u0443\u0441\u0442\u043e\u0432\u0441\u043a\u0438\u0439 \u0413\u0435\u043e\u0440\u0433\u0438\u0439":{"slug":"paustovskij-georgij","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/Neizvesten-Bez-nazvaniya-3.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/07\/HF4U8e6PExLLWsmLyyhHoTxTn1TBTkpSlQJZnK3XTzTp30UvIrIShDwR0ePMOQnKlD2-VdAvUUPyiMoyF8eQWEgR-778x1024.jpg","type_tracks":[]},"\u041f\u043e\u0433\u043e\u0441\u044f\u043d \u0410\u0440\u0442\u0451\u043c":{"slug":"pogosyan-artjom","gender":"male","languages":["ru"],"price":1600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/Demo-2022.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/A-RvmPyKEPM-1-911x1536.jpg","type_tracks":[]},"\u0420\u043e\u043c\u0430\u043d\u0435\u043d\u043a\u043e \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d":{"slug":"romanenko-konstantin","gender":"male","languages":["ru"],"price":2100,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/10\/Konstantin-Romanenko-Reklamnoe-demo-2023-MP3.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/10\/P66A1548-2048x1366.jpg","type_tracks":[]},"\u0420\u043e\u043c\u0430\u043d\u043e\u0432 \u0412\u0430\u043b\u0435\u0440\u0438\u0439":{"slug":"romanov-valerij","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/06\/Romanov-Valerij_Info_Demo_2025.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/06\/2-768x1024.jpeg","type_tracks":[]},"\u0420\u043e\u0437\u0435\u043d\u0431\u0435\u0440\u0433 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"rozenberg-aleksandr","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/07\/Aleksandr-Rozenberg-Demo-2021.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2024\/07\/novaya_ava-1536x2048.jpg","type_tracks":[]},"\u0420\u044b\u0431\u0438\u043d \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"slug":"rybin-dmitrij","gender":"male","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/10\/02_Dmitriy-Ryibin_demo2017.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/04\/La0wOMkjmus-1536x2048.jpg","type_tracks":[]},"\u0421\u043e\u043a\u043e\u043b\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"sokolov-aleksandr","gender":"male","languages":["ru"],"price":700,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/02\/ALEKSANDR-SOKOLOV-demo-2023.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/09\/photo_2022-09-07_16-26-29-600x600.jpg","type_tracks":[]},"\u0421\u0442\u0430\u0440\u043a\u043e\u0432 \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440":{"slug":"starkov-aleksandr","gender":"male","languages":["ru"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/10\/Demo-Starcov.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2018\/01\/kqqgqWf9_Qk-768x512.jpg","type_tracks":[]},"\u0422\u0430\u043f\u0435\u0445\u0438\u043d \u0410\u043d\u0434\u0440\u0435\u0439":{"slug":"tapehin-andrej","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/01\/Andrej-Tapehin-Reklama-sajta-DragonMoney.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2022\/08\/OvRu8uedrmsJKgmjItv-7QJOfNjqxsj1w4i1M4pru4tNoLrqW6vS0yxem_0lpPQalANuz4a9hTSfi9pIs3qaxpl8-768x768.jpg","type_tracks":[]},"\u0422\u0438\u043c\u043e\u0445\u0438\u043d \u041c\u0430\u0440\u0430\u0442":{"slug":"timohin-marat","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/DEMO_MARAT-TIMOKHIN-2018.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/Screenshot_8-300x300.jpg","type_tracks":[]},"\u0426\u044b\u0431\u0443\u043b\u044c\u0441\u043a\u0438\u0439 \u041a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0438\u043d":{"slug":"cybulskij-konstantin","gender":"male","languages":["ru"],"price":1200,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/02\/DEMO2020TSYBULSKY.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2021\/01\/7a8KjSCEMdk-768x1069.jpg","type_tracks":[]},"\u0427\u0435\u0440\u0432\u044f\u043a\u043e\u0432 \u0421\u0435\u0440\u0433\u0435\u0439":{"slug":"chervyakov-sergej","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/Promo_SCh_Sentjabr2020.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/09\/2eDGhTkq6jo-768x1024.jpg","type_tracks":[]},"\u0427\u0435\u0440\u0441\u043a\u043e\u0432 \u0421\u0442\u0430\u043d\u0438\u0441\u043b\u0430\u0432":{"slug":"cherskov-stanislav","gender":"male","languages":["ru"],"price":800,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"https:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/Demo-2020.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2020\/03\/39D29A2E-2715-420A-A7C7-742C1E5B4220-1024x679.jpeg","type_tracks":[]},"\u0424\u0430\u0439\u0437\u0443\u043b\u043b\u0438\u043d \u0410\u043b\u0435\u043a\u0441\u0435\u0439":{"slug":"fajzullin-aleksej","gender":"male","languages":["ru"],"price":600,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/10\/Demo-Fajzullin-Aleksej-2023.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2023\/10\/Fajzullin-1-2-600x600.jpg","type_tracks":[]},"\u0415\u0437\u043e\u043f\u043e\u0432 \u0414\u043c\u0438\u0442\u0440\u0438\u0439":{"slug":"ezopov-dmitrij","gender":"male","languages":["ru"],"price":900,"tracks":[{"title":"\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0434\u0435\u043c\u043e","url":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/06\/Reklamnoe-demo.mp3"}],"photo":"http:\/\/workspro.ru\/wp-content\/uploads\/2025\/06\/1000052881-480x560.jpg","type_tracks":[]}}}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/dictor-audio-manager/assets/js/frontend.js?ver=1.0.0'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/select2/select2.full.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/underscore.min.js?ver=1.8.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/wp-util.min.js?ver=5.4.17'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-crop.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-modal.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-jquery-form.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-fileupload.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.date.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/pickadate/picker.time.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/pickadate/legacy.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/pickadate/translations/ru_RU.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=7.4.4'></script> <script type='text/javascript'> ( 'fetch' in window ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-fetch.min.js?ver=3.0.0"></scr' + 'ipt>' );( document.contains ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-node-contains.min.js?ver=3.42.0"></scr' + 'ipt>' );( window.DOMRect ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-dom-rect.min.js?ver=3.42.0"></scr' + 'ipt>' );( window.URL && window.URL.prototype && window.URLSearchParams ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-url.min.js?ver=3.6.4"></scr' + 'ipt>' );( window.FormData && window.FormData.prototype.keys ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-formdata.min.js?ver=3.0.12"></scr' + 'ipt>' );( Element.prototype.matches && Element.prototype.closest ) || document.write( '<script defer src="https://workspro.ru/wp-includes/js/dist/vendor/wp-polyfill-element-closest.min.js?ver=2.0.2"></scr' + 'ipt>' ); </script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/dist/i18n.min.js?ver=526cadb8371e147b94b51de08c0e6167'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-raty.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-tipsy.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/imagesloaded.min.js?ver=3.2.0'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/masonry.min.js?ver=3.3.2'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/simplebar.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-functions.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-responsive.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-conditional.min.js?ver=2.1.5'></script> <script type='text/javascript'> /* <![CDATA[ */ var um_scripts = {"nonce":"d27f9defbd"}; /* ]]> */ </script> <script data-lazy="true" type='text/javascript' data-src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-scripts.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-profile.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/ultimate-member/assets/js/um-account.min.js?ver=2.1.5'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/tooltip/js/tooltipster.bundle.min.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/front.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/html_types/radio.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/html_types/checkbox.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/html_types/select.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/html_types/mselect.js?ver=1.2.4'></script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/woocommerce-products-filter/js/chosen/chosen.jquery.min.js?ver=1.2.4'></script> <script type='text/javascript' defer src='//yastatic.net/share2/share.js?ver=5.4.17'></script> <script type='text/javascript' data-cfasync="false" async="async" defer="defer" src='https://www.google.com/recaptcha/api.js?render=explicit&ver=1.47'></script> <script type='text/javascript'> /* <![CDATA[ */ var gglcptch = {"options":{"version":"v2","sitekey":"6LeXFpQUAAAAAA500GQuMt9E270k80LClo1uIA4H","theme":"dark","error":"<strong>\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435<\/strong>: \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0444\u043e\u0440\u043c\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e \u0431\u043e\u043b\u0435\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 reCAPTCHA. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0443\u0434\u0430\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u043b\u0438\u0448\u043d\u0438\u0435 \u0431\u043b\u043e\u043a\u0438 reCAPTCHA \u0434\u043b\u044f \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b.","disable":0},"vars":{"visibility":false}}; /* ]]> */ </script> <script type='text/javascript' defer src='https://workspro.ru/wp-content/plugins/google-captcha/js/script.js?ver=1.47'></script>  <script type="text/javascript"> let isGutenberg = true; let miniAudioPlayer_replaceDefault = 1; let miniAudioPlayer_excluded = "map_excluded"; let miniAudioPlayer_replaceDefault_show_title = 1; let miniAudioPlayer_defaults = { inLine:true, width:"350", skin:"blue", animate:false, volume:.2, autoplay:false, showVolumeLevel:true, allowMute: true, showTime:true, id3:true, showRew:true, addShadow: false, downloadable:false, downloadPage: null, swfPath:"https://workspro.ru/wp-content/plugins/wp-miniaudioplayer/js/", onReady: function(player, $controlsBox){ if(player.opt.downloadable && player.opt.downloadablesecurity && !false){ jQuery(".map_download", $controlsBox).remove(); } } }; function initializeMiniAudioPlayer(){ jQuery(".mejs-container a").addClass(miniAudioPlayer_excluded); jQuery("a[href*='.mp3'] ,a[href*='.m4a']").not(".map_excluded").not(".wp-playlist-caption").mb_miniPlayer(miniAudioPlayer_defaults); } //if(1) jQuery("body").addClass("map_replaceDefault"); jQuery(function(){ // if(1) setTimeout(function(){replaceDefault();},10); initializeMiniAudioPlayer(); jQuery(document).ajaxSuccess(function(event, xhr, settings) { initializeMiniAudioPlayer(); }); }); </script>   <style type="text/css"> .woof_edit_view{ display: none; } </style> <script type="text/javascript"> jQuery(window).load(function() { jQuery("input[name='um_request']").val(''); }); </script> <script src="https://workspro.ru/wp-content/themes/newTheme/js/voice-visualizer.js"></script> <script type="text/javascript" src="https://starper55plys.ru/simplebox_util.js"></script> <script type="text/javascript"> (function(){ var boxes=[],els,i,l; if(document.querySelectorAll){ els=document.querySelectorAll('a[class=simplebox]'); Box.getStyles('simplebox_css','https://starper55plys.ru/simplebox.css'); Box.getScripts('simplebox_js','https://starper55plys.ru/simplebox.js',function(){ simplebox.init(); for(i=0,l=els.length;i<l;++i) simplebox.start(els[i]); simplebox.start('a[class=simplebox_group]'); }); } })(); </script> <script> window.replainSettings = { id: '79258e2b-cc19-4b0e-bc4f-28f2acfa6a54' }; (function(u){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=u; var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x); })('https://widget.replain.cc/dist/client.js'); </script> <script> // Голосовой поиск (из старой темы) (function(){ const searchForms = ['searchcollapsed', 'search']; function isLocalHost(){ try{ const h = location.hostname; return location.protocol === 'file:' || h === 'localhost' || h === '127.0.0.1' || h.endsWith('.local') || h.endsWith('.test'); }catch(_){ return true; } } const searchAudios = []; const waitAudio = null; const whisperAudio = null; const introAudio = null; let idleTimer, whisperTriggered = false; function playAudio(src) { if(isLocalHost()) return; if(!src) return; try { let audio = new Audio(src); audio.play(); } catch(e) { } } function randomSearchAudio() { if(!searchAudios.length) return null; return searchAudios[Math.floor(Math.random() * searchAudios.length)]; } function enhance(formId, inputId){ var form = document.getElementById(formId); if (!form) return; var wrap = form.querySelector('.input-label-absolute'); if (!wrap) return; var input = document.getElementById(inputId) || form.querySelector('input[name="s"]'); var voiceBtn = wrap.querySelector('.btn-voice'); if (!voiceBtn) return; voiceBtn.addEventListener('click', function() { playAudio(introAudio); clearTimeout(idleTimer); idleTimer = setTimeout(function(){ playAudio(waitAudio); }, 10000); whisperTriggered = false; }); var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SpeechRecognition) { voiceBtn.style.display='none'; return; } var recognition = new SpeechRecognition(); recognition.lang = document.documentElement.lang || 'ru-RU'; recognition.interimResults = true; recognition.continuous = false; var listening = false; function start(){ if (listening) return; listening = true; wrap.classList.add('listening'); try{ recognition.start(); }catch(e){} } function stop(){ if (!listening) return; listening = false; wrap.classList.remove('listening'); try{ recognition.stop(); }catch(e){} } recognition.onresult = function(e){ let transcript = ""; for (let i = e.resultIndex; i < e.results.length; ++i) { transcript += e.results[i][0].transcript; } input.value = transcript; let isWhisper = transcript.match(/[a-zа-яё]/gi) && (transcript.match(/[аеёиоуыэюяaeiouy]/gi)||[]).length < 2 && e.results[0][0].confidence < 0.83; if (isWhisper && !whisperTriggered) { playAudio(whisperAudio); whisperTriggered = true; } }; recognition.onstart = function(){ playAudio(introAudio); clearTimeout(idleTimer); idleTimer = setTimeout(function(){ playAudio(waitAudio); }, 10000); } recognition.onend = function(){ wrap.classList.remove('listening'); listening = false; var sfx = randomSearchAudio(); if(sfx) playAudio(sfx); clearTimeout(idleTimer); if(input.value && input.value.trim().length>0) form.submit(); } recognition.onerror = function(e){ wrap.classList.remove('listening'); listening=false; whisperTriggered = false; clearTimeout(idleTimer); }; voiceBtn.addEventListener('click', function(){ listening?stop():start(); }); input.addEventListener('change', function(){ if(input.value.trim().length){ form.submit(); }}); input.addEventListener('keydown', function(e){ if(e.key==='Enter' && input.value.trim().length){ form.submit(); } }); } enhance('searchcollapsed','searchcollapsed_search'); enhance('search','search_search'); })(); </script>  <script> (function() { 'use strict'; // Инициализация видеоплееров function initVideoPlayers() { const videos = document.querySelectorAll('video.player-media, video.video-player'); videos.forEach(function(video) { // Пропускаем, если уже инициализирован if (video.dataset.playerInitialized === 'true') { return; } // Создаем обертку, если её нет let wrapper = video.parentElement; if (!wrapper || !wrapper.classList.contains('video-player-wrapper')) { wrapper = document.createElement('div'); wrapper.className = 'video-player-wrapper'; video.parentNode.insertBefore(wrapper, video); wrapper.appendChild(video); } // Создаем контролы, если их нет if (!wrapper.querySelector('.video-player-controls')) { const controls = createVideoControls(); wrapper.appendChild(controls); // Устанавливаем начальную громкость const volumeFill = controls.querySelector('.video-volume-fill'); if (volumeFill) { volumeFill.style.width = (video.volume * 100) + '%'; } } // Подключаем обработчики событий setupVideoControls(video, wrapper); // Помечаем как инициализированный video.dataset.playerInitialized = 'true'; // Добавляем класс playing при воспроизведении video.addEventListener('play', function() { wrapper.classList.add('playing'); }); video.addEventListener('pause', function() { wrapper.classList.remove('playing'); }); }); } // Создание HTML контролов function createVideoControls() { const controls = document.createElement('div'); controls.className = 'video-player-controls'; controls.innerHTML = ` <div class="video-progress-container"> <div class="video-progress-bar"></div> </div> <div class="video-controls-bottom"> <div class="video-controls-left"> <button class="video-control-btn video-play-btn" type="button" aria-label="Play/Pause"> <svg viewBox="0 0 24 24" fill="currentColor"> <path d="M8 5v14l11-7z"/> </svg> </button> <div class="video-time"> <span class="video-current-time">0:00</span> / <span class="video-total-time">0:00</span> </div> </div> <div class="video-controls-right"> <div class="video-volume-control"> <button class="video-control-btn video-volume-btn" type="button" aria-label="Volume"> <svg viewBox="0 0 24 24" fill="currentColor"> <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/> </svg> </button> <div class="video-volume-slider"> <div class="video-volume-fill"></div> </div> </div> <button class="video-control-btn video-fullscreen-btn" type="button" aria-label="Fullscreen"> <svg viewBox="0 0 24 24" fill="currentColor"> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </button> </div> </div> `; return controls; } // Настройка контролов function setupVideoControls(video, wrapper) { const controls = wrapper.querySelector('.video-player-controls'); const playBtn = controls.querySelector('.video-play-btn'); const progressBar = controls.querySelector('.video-progress-bar'); const progressContainer = controls.querySelector('.video-progress-container'); const currentTimeEl = controls.querySelector('.video-current-time'); const totalTimeEl = controls.querySelector('.video-total-time'); const volumeBtn = controls.querySelector('.video-volume-btn'); const volumeFill = controls.querySelector('.video-volume-fill'); const volumeSlider = controls.querySelector('.video-volume-slider'); const fullscreenBtn = controls.querySelector('.video-fullscreen-btn'); // Форматирование времени function formatTime(seconds) { const h = Math.floor(seconds / 3600); const m = Math.floor((seconds % 3600) / 60); const s = Math.floor(seconds % 60); if (h > 0) { return h + ':' + (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } return m + ':' + (s < 10 ? '0' : '') + s; } // Обновление времени function updateTime() { if (video.duration) { currentTimeEl.textContent = formatTime(video.currentTime); totalTimeEl.textContent = formatTime(video.duration); const percent = (video.currentTime / video.duration) * 100; progressBar.style.width = percent + '%'; } } // Play/Pause playBtn.addEventListener('click', function() { if (video.paused) { video.play(); playBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/></svg>'; } else { video.pause(); playBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>'; } }); // Обновление иконки Play/Pause video.addEventListener('play', function() { playBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/></svg>'; }); video.addEventListener('pause', function() { playBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>'; }); // Прогресс-бар progressContainer.addEventListener('click', function(e) { const rect = progressContainer.getBoundingClientRect(); const percent = (e.clientX - rect.left) / rect.width; video.currentTime = percent * video.duration; }); // Обновление времени и прогресса video.addEventListener('timeupdate', updateTime); video.addEventListener('loadedmetadata', function() { updateTime(); if (video.duration) { totalTimeEl.textContent = formatTime(video.duration); } }); // Громкость volumeBtn.addEventListener('click', function() { if (video.muted || video.volume === 0) { video.muted = false; video.volume = 1; volumeFill.style.width = '100%'; volumeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>'; } else { video.muted = true; volumeFill.style.width = '0%'; volumeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>'; } }); volumeSlider.addEventListener('click', function(e) { const rect = volumeSlider.getBoundingClientRect(); const percent = (e.clientX - rect.left) / rect.width; video.volume = Math.max(0, Math.min(1, percent)); video.muted = false; volumeFill.style.width = (video.volume * 100) + '%'; if (video.volume > 0) { volumeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>'; } else { volumeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>'; } }); // Обновление громкости при изменении video.addEventListener('volumechange', function() { if (!video.muted) { volumeFill.style.width = (video.volume * 100) + '%'; } }); // Полноэкранный режим fullscreenBtn.addEventListener('click', function() { if (!document.fullscreenElement && !document.webkitFullscreenElement && !document.mozFullScreenElement) { if (wrapper.requestFullscreen) { wrapper.requestFullscreen(); } else if (wrapper.webkitRequestFullscreen) { wrapper.webkitRequestFullscreen(); } else if (wrapper.mozRequestFullScreen) { wrapper.mozRequestFullScreen(); } } else { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } } }); // Обновление иконки полноэкранного режима document.addEventListener('fullscreenchange', updateFullscreenIcon); document.addEventListener('webkitfullscreenchange', updateFullscreenIcon); document.addEventListener('mozfullscreenchange', updateFullscreenIcon); function updateFullscreenIcon() { if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement) { fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>'; } else { fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>'; } } } // Обработка ошибок VK iframe и отложенная загрузка function initVKIframeHandling() { // Подавляем ошибки VK в консоли const originalError = window.onerror; window.onerror = function(msg, url, line, col, error) { // Игнорируем ошибки VK if (url && (url.indexOf('vk.com') !== -1 || url.indexOf('video_ext.php') !== -1 || (msg && (msg.indexOf('vk.com') !== -1 || msg.indexOf('LangLoadError') !== -1)))) { return true; // Подавляем ошибку } // Игнорируем ошибки split() на undefined var msgStr = String(msg || ''); var urlStr = String(url || ''); if (msgStr.indexOf('split') !== -1 || msgStr.indexOf('Cannot read properties of undefined') !== -1 || msgStr.indexOf('reading \'split\'') !== -1 || urlStr.indexOf('srcdoc') !== -1 || urlStr.indexOf('about:srcdoc') !== -1) { return true; // Подавляем ошибку } // Для остальных ошибок вызываем оригинальный обработчик if (originalError) { return originalError.apply(this, arguments); } return false; }; // Lazy loading для iframe VK - загружаем только при видимости const vkIframes = document.querySelectorAll('iframe[src*="vk.com/video_ext.php"]'); if (vkIframes.length > 0) { // Lazy loading с IntersectionObserver if ('IntersectionObserver' in window) { const observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { const iframe = entry.target; if (iframe.dataset.src && !iframe.src) { // Добавляем небольшую задержку перед загрузкой setTimeout(function() { iframe.src = iframe.dataset.src; iframe.removeAttribute('data-src'); }, 500); } observer.unobserve(iframe); } }); }, { rootMargin: '50px' // Начинаем загрузку за 50px до появления в viewport }); vkIframes.forEach(function(iframe) { // Сохраняем оригинальный src и заменяем на data-src для lazy loading if (iframe.src && !iframe.dataset.src) { iframe.dataset.src = iframe.src; iframe.removeAttribute('src'); observer.observe(iframe); } }); } // Обработка ошибок загрузки для iframe VK vkIframes.forEach(function(iframe) { if (!iframe.hasAttribute('data-vk-processed')) { iframe.setAttribute('data-vk-processed', 'true'); iframe.addEventListener('error', function(e) { // Игнорируем ошибки загрузки VK e.stopPropagation(); return true; }, true); } }); } } // Инициализация при загрузке DOM if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initVideoPlayers); document.addEventListener('DOMContentLoaded', initVKIframeHandling); } else { initVideoPlayers(); initVKIframeHandling(); } // Повторная инициализация для динамически загруженных видео const observer = new MutationObserver(function(mutations) { initVideoPlayers(); // Также обрабатываем динамически загруженные iframe VK const newVkIframes = document.querySelectorAll('iframe[src*="vk.com/video_ext.php"]:not([data-vk-processed])'); if (newVkIframes.length > 0) { newVkIframes.forEach(function(iframe) { iframe.setAttribute('data-vk-processed', 'true'); // Добавляем обработчик ошибок iframe.addEventListener('error', function(e) { e.stopPropagation(); return true; }, true); }); } }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script>  <script> (function() { 'use strict'; // Форматирование времени - как в play-wp-main function formatTime(time) { if (isNaN(time) || !isFinite(time)) return '00:00'; const minutes = Math.floor(time / 60); const seconds = Math.floor(time % 60); return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; } // Создание waveform визуализации - реалистичная форма волны как на фото function createWaveform(waveformElement, audio) { if (!waveformElement) return; // Очищаем перед созданием нового waveformElement.innerHTML = ''; const numBars = 120; // Увеличиваем количество баров для более детальной визуализации // Генерируем реалистичную форму волны с переменными амплитудами for (let i = 0; i < numBars; i++) { const bar = document.createElement('div'); bar.className = 'ai-waveform-bar inactive'; // Создаем более реалистичную форму волны: // - Ближе к началу и концу - меньшая амплитуда // - В середине - большая амплитуда // - Добавляем случайные вариации const position = i / numBars; // 0 до 1 let height; if (position < 0.1 || position > 0.9) { // Начало и конец - очень маленькая амплитуда (10-25%) height = 10 + Math.random() * 15; } else if (position < 0.2 || position > 0.8) { // Края - маленькая амплитуда (20-40%) height = 20 + Math.random() * 20; } else if (position < 0.3 || position > 0.7) { // Ближе к краям - средняя амплитуда (40-70%) height = 40 + Math.random() * 30; } else { // Центр - большая амплитуда (60-95%) height = 60 + Math.random() * 35; } // Добавляем синусоидальные вариации для более естественного вида const sineWave = Math.sin(position * Math.PI * 8) * 5; height = Math.max(8, Math.min(95, height + sineWave)); bar.style.height = `${height}%`; waveformElement.appendChild(bar); } waveformElement.dataset.waveformCreated = 'true'; } function updateSliderProgress(audio, sliderTrack) { if (!sliderTrack) return; const fill = sliderTrack.querySelector('.ai-slider-fill'); const thumb = sliderTrack.querySelector('.ai-slider-thumb'); const duration = audio && audio.duration ? audio.duration : 0; const percent = duration ? Math.min(100, Math.max(0, (audio.currentTime / duration) * 100)) : 0; if (fill) { fill.style.width = percent + '%'; } if (thumb) { thumb.style.left = percent + '%'; } sliderTrack.setAttribute('aria-valuenow', Math.round(percent)); } function attachSliderInteractions(audio, sliderTrack) { if (!sliderTrack || sliderTrack.dataset.sliderBound === 'true') return; sliderTrack.dataset.sliderBound = 'true'; const thumb = sliderTrack.querySelector('.ai-slider-thumb'); let isDragging = false; const getClientX = (event) => { if (event.touches && event.touches[0]) { return event.touches[0].clientX; } if (event.changedTouches && event.changedTouches[0]) { return event.changedTouches[0].clientX; } return event.clientX; }; const seekFromClientX = (clientX) => { if (!audio || !audio.duration) return; const rect = sliderTrack.getBoundingClientRect(); const x = Math.max(0, Math.min(rect.width, clientX - rect.left)); const percentage = rect.width ? (x / rect.width) : 0; audio.currentTime = percentage * audio.duration; }; const handlePointerMove = (event) => { if (!isDragging) return; const clientX = getClientX(event); if (typeof clientX !== 'number') return; event.preventDefault(); seekFromClientX(clientX); }; const stopDrag = () => { if (!isDragging) return; isDragging = false; sliderTrack.classList.remove('ai-slider-dragging'); if (thumb) { thumb.classList.remove('ai-slider-dragging'); } document.removeEventListener('mousemove', handlePointerMove); document.removeEventListener('touchmove', handlePointerMove); document.removeEventListener('mouseup', stopDrag); document.removeEventListener('touchend', stopDrag); document.removeEventListener('touchcancel', stopDrag); }; const startDrag = (event) => { if (!audio || !audio.duration) return; event.preventDefault(); event.stopPropagation(); isDragging = true; sliderTrack.classList.add('ai-slider-dragging'); if (thumb) { thumb.classList.add('ai-slider-dragging'); } const clientX = getClientX(event); if (typeof clientX === 'number') { seekFromClientX(clientX); } document.addEventListener('mousemove', handlePointerMove); document.addEventListener('touchmove', handlePointerMove, { passive: false }); document.addEventListener('mouseup', stopDrag); document.addEventListener('touchend', stopDrag); document.addEventListener('touchcancel', stopDrag); }; sliderTrack.addEventListener('click', function(event) { if (isDragging) return; event.stopPropagation(); const clientX = getClientX(event); if (typeof clientX === 'number') { seekFromClientX(clientX); } }); sliderTrack.addEventListener('mousedown', function(event) { if (event.target === thumb) return; startDrag(event); }); sliderTrack.addEventListener('touchstart', function(event) { if (event.target === thumb) return; startDrag(event); }, { passive: false }); if (thumb) { thumb.addEventListener('mousedown', startDrag); thumb.addEventListener('touchstart', startDrag, { passive: false }); } sliderTrack.addEventListener('keydown', function(event) { if (!audio || !audio.duration) return; let delta = 0; if (event.key === 'ArrowRight') { delta = 5; } else if (event.key === 'ArrowLeft') { delta = -5; } else if (event.key === 'Home') { audio.currentTime = 0; event.preventDefault(); return; } else if (event.key === 'End') { audio.currentTime = audio.duration; event.preventDefault(); return; } if (delta !== 0) { event.preventDefault(); audio.currentTime = Math.max(0, Math.min(audio.duration, audio.currentTime + delta)); } }); } // Обновление waveform - плавное переключение цветов как на фото function updateWaveform(audio, waveformElement) { if (!audio || !waveformElement) return; // Если нет duration, значит аудио еще не загружено, но waveform уже должен быть создан if (!audio.duration || audio.duration === 0 || isNaN(audio.duration)) { // Если waveform еще не создан, создаем его if (!waveformElement.dataset.waveformCreated) { createWaveform(waveformElement, audio); } return; } const progress = (audio.currentTime / audio.duration) * 100; const bars = waveformElement.querySelectorAll('.ai-waveform-bar'); if (!bars || bars.length === 0) { // Если бары еще не созданы, создаем их if (!waveformElement.dataset.waveformCreated) { createWaveform(waveformElement, audio); } return; } const activeCount = Math.floor((progress / 100) * bars.length); bars.forEach((bar, index) => { // Резкое визуальное разделение как на фото: до активной позиции - оранжевый, после - серый if (index < activeCount) { bar.classList.remove('inactive'); bar.classList.add('active'); bar.style.transition = 'background-color 0.15s ease, opacity 0.15s ease'; } else { bar.classList.remove('active'); bar.classList.add('inactive'); bar.style.transition = 'background-color 0.15s ease, opacity 0.15s ease'; } }); } // Обработка клика по waveform для перемотки - как в play-wp-main function handleWaveformClick(event, audio, waveformElement) { if (!audio || !audio.duration) return; const rect = waveformElement.getBoundingClientRect(); const x = event.clientX - rect.left; const percentage = Math.max(0, Math.min(1, x / rect.width)); audio.currentTime = percentage * audio.duration; } // Глобальный менеджер всех аудио плееров на странице const audioPlayersManager = { allAudioElements: [], currentPlayingAudio: null, // Регистрация нового аудио элемента register: function(audioElement) { if (audioElement && !this.allAudioElements.includes(audioElement)) { this.allAudioElements.push(audioElement); } }, // Остановка всех аудио кроме указанного stopAllExcept: function(currentAudio) { this.allAudioElements.forEach(function(audio) { if (audio && audio !== currentAudio && !audio.paused) { audio.pause(); audio.currentTime = 0; // Сбрасываем на начало // Обновляем иконки кнопок Play для остановленных плееров const playerElement = audio.closest('.ai-audioigniter'); if (playerElement) { const playButtons = playerElement.querySelectorAll('.ai-audio-control'); playButtons.forEach(function(btn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; btn.innerHTML = playIcon; btn.classList.remove('ai-audio-playing'); btn.setAttribute('aria-label', 'Воспроизведение'); btn.setAttribute('title', 'Воспроизвести'); }); } } }); this.currentPlayingAudio = currentAudio; } }; // Переключение Play/Pause - улучшенная версия с остановкой других плееров function togglePlayPause(audio, playPauseBtn) { if (!audio || !playPauseBtn) return; try { if (audio.paused) { // Останавливаем все другие плееры перед запуском нового audioPlayersManager.stopAllExcept(audio); // Запускаем воспроизведение текущего const playPromise = audio.play(); if (playPromise !== undefined) { playPromise.then(() => { // Воспроизведение началось успешно // Иконка обновится через событие 'play' playPauseBtn.classList.add('ai-audio-playing'); }).catch(error => { console.warn('Ошибка воспроизведения аудио:', error); // Восстанавливаем иконку Play при ошибке if (playPauseBtn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; playPauseBtn.innerHTML = playIcon; playPauseBtn.classList.remove('ai-audio-playing'); } }); } } else { // Ставим на паузу текущего audio.pause(); playPauseBtn.classList.remove('ai-audio-playing'); audioPlayersManager.currentPlayingAudio = null; // Иконка обновится через событие 'pause' } } catch (error) { console.warn('Ошибка переключения воспроизведения:', error); } } // Обработка громкости - как в play-wp-main function handleVolumeControl(audio, volumeUpBtn, volumeDownBtn) { if (!audio) return; if (volumeUpBtn) { volumeUpBtn.addEventListener('click', function() { audio.volume = Math.min(1, audio.volume + 0.1); }); } if (volumeDownBtn) { volumeDownBtn.addEventListener('click', function() { audio.volume = Math.max(0, audio.volume - 0.1); }); } } // Инициализация плеера - адаптировано для AudioIgniter function initAudioPlayer(playerElement) { if (!playerElement || playerElement.dataset.initialized === 'true') { return; } const audio = playerElement.querySelector('audio'); if (!audio) return; // Находим элементы const playPauseBtn = playerElement.querySelector('.ai-audio-control'); const currentTimeSpan = playerElement.querySelector('.ai-track-time'); const progressBar = playerElement.querySelector('.ai-track-progress-bar'); const progressFill = progressBar ? progressBar.querySelector('.ai-track-progress') : null; // Кнопки громкости const volumeButtons = playerElement.querySelectorAll('.ai-audio-volume-control .ai-btn'); const volumeUpBtn = volumeButtons.length > 0 ? volumeButtons[volumeButtons.length - 1] : null; const volumeDownBtn = volumeButtons.length > 1 ? volumeButtons[volumeButtons.length - 2] : null; if (!audio || !playPauseBtn || !progressBar || !progressFill) { console.error('AudioIgniter: Не найдены необходимые элементы'); return; } // Регистрируем аудио элемент в глобальном менеджере audioPlayersManager.register(audio); // Установка начальной громкости audio.volume = 0.7; // Обновление прогресс-бара и времени в реальном времени if (currentTimeSpan && progressFill) { // Обработчик для обновления времени и прогресс-бара при воспроизведении audio.addEventListener('timeupdate', function() { if (currentTimeSpan) { currentTimeSpan.textContent = formatTime(audio.currentTime); } // Обновляем прогресс-бар if (progressFill && audio.duration) { const percent = (audio.currentTime / audio.duration) * 100; progressFill.style.width = percent + '%'; } }); // При загрузке метаданных обновляем прогресс-бар audio.addEventListener('loadedmetadata', function() { if (progressFill && audio.duration) { const percent = (audio.currentTime / audio.duration) * 100; progressFill.style.width = percent + '%'; } }); } // Обработка клика по прогресс-бару для перемотки if (progressBar) { progressBar.addEventListener('click', function(e) { if (!audio.duration) return; const rect = progressBar.getBoundingClientRect(); const x = e.clientX - rect.left; const percent = x / rect.width; audio.currentTime = percent * audio.duration; }); } // Убеждаемся, что кнопка видна и настроена правильно if (playPauseBtn) { // Устанавливаем начальную иконку (Play) const initialPlayIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; playPauseBtn.innerHTML = initialPlayIcon; playPauseBtn.setAttribute('aria-label', 'Воспроизведение'); playPauseBtn.setAttribute('title', 'Воспроизвести'); playPauseBtn.style.display = 'flex'; // Убеждаемся, что кнопка видна playPauseBtn.style.cursor = 'pointer'; // Переключение Play/Pause при клике playPauseBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); togglePlayPause(audio, playPauseBtn); }); // Обработка клавиатуры (пробел для play/pause) playPauseBtn.addEventListener('keydown', function(e) { if (e.key === ' ' || e.key === 'Enter') { e.preventDefault(); togglePlayPause(audio, playPauseBtn); } }); } // Обновление иконки при событиях аудио audio.addEventListener('play', function() { // Останавливаем все другие плееры audioPlayersManager.stopAllExcept(audio); if (playPauseBtn) { const pauseIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M0 2c0-1.104.896-2 2-2h4c1.104 0 2 .896 2 2v20c0 1.104-.896 2-2 2H2c-1.104 0-2-.896-2-2V2zm10 0c0-1.104.896-2 2-2h4c1.104 0 2 .896 2 2v20c0 1.104-.896 2-2 2h-4c-1.104 0-2-.896-2-2V2z"></path></svg>'; playPauseBtn.innerHTML = pauseIcon; playPauseBtn.classList.add('ai-audio-playing'); playPauseBtn.setAttribute('aria-label', 'Пауза'); playPauseBtn.setAttribute('title', 'Пауза'); } // Обновляем иконки всех кнопок этого плеера const allPlayButtons = playerElement.querySelectorAll('.ai-audio-control'); allPlayButtons.forEach(function(btn) { if (btn !== playPauseBtn) { const pauseIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M0 2c0-1.104.896-2 2-2h4c1.104 0 2 .896 2 2v20c0 1.104-.896 2-2 2H2c-1.104 0-2-.896-2-2V2zm10 0c0-1.104.896-2 2-2h4c1.104 0 2 .896 2 2v20c0 1.104-.896 2-2 2h-4c-1.104 0-2-.896-2-2V2z"></path></svg>'; btn.innerHTML = pauseIcon; btn.classList.add('ai-audio-playing'); } }); }); audio.addEventListener('pause', function() { if (playPauseBtn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; playPauseBtn.innerHTML = playIcon; playPauseBtn.classList.remove('ai-audio-playing'); playPauseBtn.setAttribute('aria-label', 'Воспроизведение'); playPauseBtn.setAttribute('title', 'Воспроизвести'); } // Обновляем иконки всех кнопок этого плеера const allPlayButtons = playerElement.querySelectorAll('.ai-audio-control'); allPlayButtons.forEach(function(btn) { if (btn !== playPauseBtn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; btn.innerHTML = playIcon; btn.classList.remove('ai-audio-playing'); } }); // Сбрасываем текущий играющий плеер если это был он if (audioPlayersManager.currentPlayingAudio === audio) { audioPlayersManager.currentPlayingAudio = null; } }); audio.addEventListener('ended', function() { if (playPauseBtn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; playPauseBtn.innerHTML = playIcon; playPauseBtn.classList.remove('ai-audio-playing'); playPauseBtn.setAttribute('aria-label', 'Воспроизведение'); playPauseBtn.setAttribute('title', 'Воспроизвести'); } // Обновляем иконки всех кнопок этого плеера const allPlayButtons = playerElement.querySelectorAll('.ai-audio-control'); allPlayButtons.forEach(function(btn) { const playIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 24"><path d="M18 12c0 .712-.37 1.355-.99 1.72L3.159 23.625C2.757 23.889 2.382 24 2 24c-1.103 0-2-.897-2-2V2C0 .897.897 0 2 0c.385 0 .76.111 1.085.323l13.962 9.981c.583.34.953.983.953 1.695z"></path></svg>'; btn.innerHTML = playIcon; btn.classList.remove('ai-audio-playing'); }); // Сбрасываем текущий играющий плеер if (audioPlayersManager.currentPlayingAudio === audio) { audioPlayersManager.currentPlayingAudio = null; } }); // Обработка громкости handleVolumeControl(audio, volumeUpBtn, volumeDownBtn); // Убеждаемся, что кнопка Play видна в обоих местах // В main-блоке кнопка уже есть, в мета-блоке тоже должна быть видна const mainControls = playerElement.querySelector('.ai-audio-controls-main'); const metaControls = playerElement.querySelector('.ai-audio-controls-meta'); // Если кнопка только в main-блоке, клонируем её в meta-блок (или перемещаем) const mainPlayBtn = mainControls ? mainControls.querySelector('.ai-audio-control') : null; const metaPlayBtn = metaControls ? metaControls.querySelector('.ai-audio-control') : null; // Если кнопки нет в meta-блоке, но есть в main - создаем копию для meta if (mainPlayBtn && metaControls && !metaPlayBtn) { const clonedBtn = mainPlayBtn.cloneNode(true); clonedBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); togglePlayPause(audio, mainPlayBtn); // Используем оригинальную кнопку для управления }); const skipBack = metaControls.querySelector('.ai-tracklist-prev'); if (skipBack) { skipBack.after(clonedBtn); } else { metaControls.insertBefore(clonedBtn, metaControls.firstChild); } } // Синхронизация кнопок уже обрабатывается в основных обработчиках событий play/pause выше playerElement.dataset.initialized = 'true'; } // Инициализация всех плееров на странице function initializeAllAudioPlayers() { const playerElements = document.querySelectorAll('.audioigniter-root, .ai-audioigniter'); playerElements.forEach(function(playerElement) { let audioigniter = null; if (playerElement.classList && playerElement.classList.contains('ai-audioigniter')) { audioigniter = playerElement; } else if (playerElement.querySelector) { audioigniter = playerElement.querySelector('.ai-audioigniter'); } if (audioigniter) { initAudioPlayer(audioigniter); } }); } // Инициализация при загрузке if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initializeAllAudioPlayers); } else { initializeAllAudioPlayers(); } // Наблюдаем за динамически добавленными элементами const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes && mutation.addedNodes.length > 0) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { // Проверяем, является ли узел AudioIgniter или содержит один из плееров if (node.classList && node.classList.contains('ai-audioigniter')) { initAudioPlayer(node); } else if (node.classList && node.classList.contains('audioigniter-root')) { const audioigniter = node.querySelector('.ai-audioigniter'); if (audioigniter) { initAudioPlayer(audioigniter); } } else if (node.querySelectorAll) { const nestedPlayers = node.querySelectorAll('.audioigniter-root, .ai-audioigniter'); nestedPlayers.forEach(function(nestedPlayer) { if (nestedPlayer.classList && nestedPlayer.classList.contains('ai-audioigniter')) { initAudioPlayer(nestedPlayer); } else { const audioigniter = nestedPlayer.querySelector ? nestedPlayer.querySelector('.ai-audioigniter') : null; if (audioigniter) { initAudioPlayer(audioigniter); } } }); } } }); } }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script>  <script> (function() { 'use strict'; // Инициализация кнопок громкости для play-wp-main function initPlayWpMainVolumeControls() { const players = document.querySelectorAll('.play-wp-main-content'); players.forEach(function(playerContainer) { // Проверяем, не инициализирован ли уже этот плеер if (playerContainer.dataset.volumeInitialized === 'true') { return; } // Находим audio элемент внутри контейнера const player = playerContainer.closest('.play-wp-main-player'); if (!player) return; const audio = player.querySelector('audio'); if (!audio) return; // Находим кнопки громкости const volumeIncreaseBtn = playerContainer.querySelector('.play-wp-main-btn-volume-increase'); const volumeDecreaseBtn = playerContainer.querySelector('.play-wp-main-btn-volume-decrease'); // Обработчик для увеличения громкости (+) if (volumeIncreaseBtn) { volumeIncreaseBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); if (audio) { audio.volume = Math.min(1, audio.volume + 0.1); } }); } // Обработчик для уменьшения громкости (-) if (volumeDecreaseBtn) { volumeDecreaseBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); if (audio) { audio.volume = Math.max(0, audio.volume - 0.1); } }); } playerContainer.dataset.volumeInitialized = 'true'; }); } // Инициализация при загрузке if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initPlayWpMainVolumeControls); } else { initPlayWpMainVolumeControls(); } // Наблюдаем за динамически добавленными элементами const observer = new MutationObserver(function(mutations) { initPlayWpMainVolumeControls(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script>  <script> (function() { 'use strict'; // Функция замены изображения обложки function replaceDefaultCoverImage() { const coverImages = document.querySelectorAll('.play-wp-main-cover-image'); const defaultImagePath = '/wp-content/plugins/audio-play-wp-main/assets/images/album-cover.jpg'; const newImageUrl = 'https://workspro.ru/wp-content/uploads/2023/06/Snimok-1024x685.jpg'; coverImages.forEach(function(img) { const currentSrc = img.src || img.getAttribute('src') || ''; // Заменяем только дефолтное изображение плагина (проверяем по пути) if (currentSrc.indexOf(defaultImagePath) !== -1 || currentSrc.indexOf('album-cover.jpg') !== -1) { img.src = newImageUrl; img.setAttribute('src', newImageUrl); } }); } // Инициализация при загрузке if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', replaceDefaultCoverImage); } else { replaceDefaultCoverImage(); } // Наблюдаем за динамически добавленными элементами const observer = new MutationObserver(function(mutations) { replaceDefaultCoverImage(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script>  <script> (function() { 'use strict'; // Обертывание цифр в span для градиентного эффекта function wrapDigitsInSpan() { const digits = document.querySelectorAll('.orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit'); digits.forEach(function(digit) { // Пропускаем если уже обработан if (digit.dataset.processed === 'true') { return; } // Если внутри уже есть span, пропускаем if (digit.querySelector('span')) { digit.dataset.processed = 'true'; return; } // Получаем текстовое содержимое const text = digit.textContent.trim(); if (text) { const isTabloS3OrS4 = digit.classList.contains('tablo_s3') || digit.classList.contains('tablo_s4'); const span = document.createElement('span'); span.textContent = text; span.style.display = 'block'; if (isTabloS3OrS4) { // Новый градиент для tablo_s3 и tablo_s4 span.style.background = 'linear-gradient(135deg, rgb(13, 162, 231), rgb(86, 195, 245))'; } else { // Стандартный градиент span.style.background = 'linear-gradient(135deg, hsl(211, 100%, 50%), hsl(211, 100%, 65%))'; } span.style.webkitBackgroundClip = 'text'; span.style.backgroundClip = 'text'; span.style.webkitTextFillColor = 'transparent'; span.style.fontSize = 'inherit'; span.style.fontWeight = 'inherit'; span.style.fontFamily = 'inherit'; span.style.letterSpacing = 'inherit'; span.style.lineHeight = 'inherit'; digit.textContent = ''; digit.appendChild(span); digit.dataset.processed = 'true'; } }); } // Добавляем обертку карточки если её нет function addCardWrapper() { const containers = document.querySelectorAll('.orders-counter-container:not([data-card-added])'); containers.forEach(function(container) { if (container.querySelector('.orders-counter-card')) { container.dataset.cardAdded = 'true'; return; } const header = container.querySelector('.orders-counter-header'); const digits = container.querySelector('.orders-counter-digits'); if (header && digits) { const card = document.createElement('div'); card.className = 'orders-counter-card'; // Перемещаем элементы в карточку while (container.firstChild) { if (container.firstChild !== header && container.firstChild !== digits) { container.removeChild(container.firstChild); } else { card.appendChild(container.firstChild); } } container.appendChild(card); container.dataset.cardAdded = 'true'; } }); } // Инициализация function initOrdersCounter() { addCardWrapper(); wrapDigitsInSpan(); } // Инициализация при загрузке if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initOrdersCounter); } else { initOrdersCounter(); } // Наблюдаем за динамически добавленными элементами const observer = new MutationObserver(function(mutations) { initOrdersCounter(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script> <script> (function() { // Заменяем HTTP ссылки на протокол-относительные в атрибутах if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { fixHttpLinks(); }); } else { fixHttpLinks(); } function fixHttpLinks() { try { // Исправляем src и href атрибуты var elements = document.querySelectorAll('[src*="http://workspro.ru"], [href*="http://workspro.ru"], [data-src*="http://workspro.ru"]'); elements.forEach(function(el) { if (el.src) el.src = el.src.replace(/^http:/, ''); if (el.href) el.href = el.href.replace(/^http:/, ''); if (el.dataset.src) el.dataset.src = el.dataset.src.replace(/^http:/, ''); }); // Исправляем в style атрибутах var styleElements = document.querySelectorAll('[style*="http://workspro.ru"]'); styleElements.forEach(function(el) { if (el.style.backgroundImage) { el.style.backgroundImage = el.style.backgroundImage.replace(/http:\/\/workspro\.ru/g, '//workspro.ru'); } }); } catch(e) { // Игнорируем ошибки } } })(); </script>  <script type="text/javascript"> soundManager.useFlashBlock = true; // optional - if used, required flashblock.css soundManager.url = 'https://workspro.ru/wp-content/plugins/compact-wp-audio-player/swf/soundmanager2.swf'; function play_mp3(flg, ids, mp3url, volume, loops) { //Check the file URL parameter value var pieces = mp3url.split("|"); if (pieces.length > 1) {//We have got an .ogg file too mp3file = pieces[0]; oggfile = pieces[1]; //set the file URL to be an array with the mp3 and ogg file mp3url = new Array(mp3file, oggfile); } soundManager.createSound({ id: 'btnplay_' + ids, volume: volume, url: mp3url }); if (flg == 'play') { stop_all_tracks(); soundManager.play('btnplay_' + ids, { onfinish: function() { if (loops == 'true') { loopSound('btnplay_' + ids); } else { document.getElementById('btnplay_' + ids).style.display = 'inline'; document.getElementById('btnstop_' + ids).style.display = 'none'; } } }); } else if (flg == 'stop') { //soundManager.stop('btnplay_'+ids); soundManager.pause('btnplay_' + ids); } } function show_hide(flag, ids) { if (flag == 'play') { document.getElementById('btnplay_' + ids).style.display = 'none'; document.getElementById('btnstop_' + ids).style.display = 'inline'; } else if (flag == 'stop') { document.getElementById('btnplay_' + ids).style.display = 'inline'; document.getElementById('btnstop_' + ids).style.display = 'none'; } } function loopSound(soundID) { window.setTimeout(function() { soundManager.play(soundID, {onfinish: function() { loopSound(soundID); }}); }, 1); } function stop_all_tracks() { soundManager.stopAll(); var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { if (inputs[i].id.indexOf("btnplay_") == 0) { inputs[i].style.display = 'inline';//Toggle the play button } if (inputs[i].id.indexOf("btnstop_") == 0) { inputs[i].style.display = 'none';//Hide the stop button } } } </script> <style type='text/css'></style> <svg width="0" height="0" class="h5ap_svg_hidden" style="display: none;"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.997 511.997" id="exchange"> <path d="M467.938 87.164L387.063 5.652c-7.438-7.495-19.531-7.54-27.02-.108s-7.54 19.525-.108 27.014l67.471 68.006-67.42 67.42c-7.464 7.457-7.464 19.557 0 27.014 3.732 3.732 8.616 5.598 13.507 5.598s9.781-1.866 13.513-5.591l80.876-80.876c7.443-7.44 7.463-19.495.056-26.965z"></path> <path d="M455.005 81.509H56.995c-10.552 0-19.104 8.552-19.104 19.104v147.741c0 10.552 8.552 19.104 19.104 19.104s19.104-8.552 19.104-19.104V119.718h378.905c10.552 0 19.104-8.552 19.104-19.104.001-10.552-8.551-19.105-19.103-19.105zM83.964 411.431l67.42-67.413c7.457-7.457 7.464-19.55 0-27.014-7.463-7.464-19.563-7.464-27.02 0l-80.876 80.869c-7.444 7.438-7.47 19.493-.057 26.963l80.876 81.512a19.064 19.064 0 0013.564 5.649c4.865 0 9.731-1.847 13.456-5.54 7.489-7.432 7.54-19.525.108-27.02l-67.471-68.006z"></path> <path d="M454.368 238.166c-10.552 0-19.104 8.552-19.104 19.104v135.005H56.995c-10.552 0-19.104 8.552-19.104 19.104s8.552 19.104 19.104 19.104h397.38c10.552 0 19.104-8.552 19.098-19.104V257.271c-.001-10.552-8.553-19.105-19.105-19.105z"></path> </symbol> </svg> <svg width="0" height="0" class="h5ap_svg_hidden" style="display: none;"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 477.88 477.88" id="shuffle"> <path d="M472.897 124.269a.892.892 0 01-.03-.031l-.017.017-68.267-68.267c-6.78-6.548-17.584-6.36-24.132.42-6.388 6.614-6.388 17.099 0 23.713l39.151 39.151h-95.334c-65.948.075-119.391 53.518-119.467 119.467-.056 47.105-38.228 85.277-85.333 85.333h-102.4C7.641 324.072 0 331.713 0 341.139s7.641 17.067 17.067 17.067h102.4c65.948-.075 119.391-53.518 119.467-119.467.056-47.105 38.228-85.277 85.333-85.333h95.334l-39.134 39.134c-6.78 6.548-6.968 17.353-.419 24.132 6.548 6.78 17.353 6.968 24.132.419.142-.137.282-.277.419-.419l68.267-68.267c6.674-6.657 6.687-17.463.031-24.136z"></path> <path d="M472.897 329.069l-.03-.03-.017.017-68.267-68.267c-6.78-6.548-17.584-6.36-24.132.42-6.388 6.614-6.388 17.099 0 23.712l39.151 39.151h-95.334a85.209 85.209 0 01-56.9-21.726c-7.081-6.222-17.864-5.525-24.086 1.555-6.14 6.988-5.553 17.605 1.319 23.874a119.28 119.28 0 0079.667 30.43h95.334l-39.134 39.134c-6.78 6.548-6.968 17.352-.42 24.132 6.548 6.78 17.352 6.968 24.132.42.142-.138.282-.277.42-.42l68.267-68.267c6.673-6.656 6.686-17.462.03-24.135zM199.134 149.702a119.28 119.28 0 00-79.667-30.43h-102.4C7.641 119.272 0 126.913 0 136.339s7.641 17.067 17.067 17.067h102.4a85.209 85.209 0 0156.9 21.726c7.081 6.222 17.864 5.525 24.086-1.555 6.14-6.989 5.553-17.606-1.319-23.875z"></path> </symbol> </svg> <script> const single_player = document.querySelectorAll(".h5ap_single_button"); single_player.forEach(item => { const audio = item.querySelector("audio"); audio.volume = 0.6; item.querySelector('.play').addEventListener("click", function () { audio.play(); item.querySelector(".play").style.display = 'none'; item.querySelector(".pause").style.display = 'inline-block'; }); item.querySelector('.pause').style.display = 'none'; item.querySelector('.pause').addEventListener("click", function () { audio.pause(); item.querySelector(".play").style.display = 'inline-block'; item.querySelector(".pause").style.display = 'none'; }); audio.addEventListener("ended", () => { item.querySelector(".play").style.display = 'inline-block'; item.querySelector(".pause").style.display = 'none'; }); }) </script> <style type="text/css"> .searchwp-live-search-results { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; height: 0; overflow: hidden; z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */ position: absolute; display: none; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .searchwp-live-search-no-min-chars:after { content: "Continue typing"; display: block; text-align: center; padding: 2em 2em 0; } </style>  <script type="text/javascript"> let isGutenberg = true; let miniAudioPlayer_replaceDefault = 1; let miniAudioPlayer_excluded = "map_excluded"; let miniAudioPlayer_replaceDefault_show_title = 1; let miniAudioPlayer_defaults = { inLine:true, width:"350", skin:"blue", animate:false, volume:.2, autoplay:false, showVolumeLevel:true, allowMute: true, showTime:true, id3:true, showRew:true, addShadow: false, downloadable:false, downloadPage: null, swfPath:"https://workspro.ru/wp-content/plugins/wp-miniaudioplayer/js/", onReady: function(player, $controlsBox){ if(player.opt.downloadable && player.opt.downloadablesecurity && !false){ jQuery(".map_download", $controlsBox).remove(); } } }; function initializeMiniAudioPlayer(){ jQuery(".mejs-container a").addClass(miniAudioPlayer_excluded); jQuery("a[href*='.mp3'] ,a[href*='.m4a']").not(".map_excluded").not(".wp-playlist-caption").mb_miniPlayer(miniAudioPlayer_defaults); } //if(1) jQuery("body").addClass("map_replaceDefault"); jQuery(function(){ // if(1) setTimeout(function(){replaceDefault();},10); initializeMiniAudioPlayer(); jQuery(document).ajaxSuccess(function(event, xhr, settings) { initializeMiniAudioPlayer(); }); }); </script>   <style type="text/css"> .woof_edit_view{ display: none; } </style> <script type="text/javascript"> jQuery(window).load(function() { jQuery("input[name='um_request']").val(''); }); </script> <script src="https://workspro.ru/wp-content/themes/newTheme/js/voice-visualizer.js"></script> <script type="text/javascript" src="https://starper55plys.ru/simplebox_util.js"></script> <script type="text/javascript"> (function(){ var boxes=[],els,i,l; if(document.querySelectorAll){ els=document.querySelectorAll('a[class=simplebox]'); Box.getStyles('simplebox_css','https://starper55plys.ru/simplebox.css'); Box.getScripts('simplebox_js','https://starper55plys.ru/simplebox.js',function(){ simplebox.init(); for(i=0,l=els.length;i<l;++i) simplebox.start(els[i]); simplebox.start('a[class=simplebox_group]'); }); } })(); window.addEventListener('load', function () { var el = document.getElementsByClassName("map_title"); //console.log(el); el.forEach((element) => { element.textContent = 'Demo'; }); //alert(2); }) //Обратная связь внизу сайта с расширенной капчей jQuery(function($){ var $captchaOverlay = null; var captchaA = 0, captchaB = 0, captchaOp = '+'; function buildCaptchaOverlay(){ if ($captchaOverlay) return $captchaOverlay; $captchaOverlay = $( '<div class="captcha-overlay" id="captcha-overlay">\ <div class="captcha-modal">\ <div class="captcha-header">\ <div class="captcha-title">Подтвердите действие</div>\ <button type="button" class="captcha-close" aria-label="Закрыть">×</button>\ </div>\ <div class="captcha-body">\ <div class="captcha-card">\ <div class="captcha-hint">Решите задачу и отметьте чекбокс</div>\ <div class="captcha-equation" id="captcha-equation">1 + 1 = ?</div>\ </div>\ <div class="captcha-row">\ <input type="number" inputmode="numeric" class="captcha-input" id="captcha-answer" placeholder="Введите ответ">\ <button type="button" class="captcha-refresh" id="captcha-refresh" aria-label="Новая задача">↻</button>\ </div>\ <label class="captcha-checkbox"><input type="checkbox" id="captcha-check"> Я не робот</label>\ <div class="captcha-error" id="captcha-error"></div>\ </div>\ <div class="captcha-footer">\ <button type="button" class="captcha-btn secondary" id="captcha-cancel">Отмена</button>\ <button type="button" class="captcha-btn primary" id="captcha-submit">Подтвердить</button>\ </div>\ </div>\ </div>' ); $('body').append($captchaOverlay); return $captchaOverlay; } function randInt(min, max){ return Math.floor(Math.random()*(max-min+1))+min; } function pickOp(){ return ['+','-','×'][randInt(0,2)]; } function regenCaptcha(){ captchaA = randInt(4,19); captchaB = randInt(2,9); captchaOp = pickOp(); if (captchaOp === '-' && captchaB > captchaA){ var t=captchaA; captchaA=captchaB; captchaB=t; } $('#captcha-equation').text(captchaA + ' ' + captchaOp + ' ' + captchaB + ' = ?'); $('#captcha-answer').val(''); $('#captcha-check').prop('checked', false); $('#captcha-error').text(''); } function openCaptcha(){ buildCaptchaOverlay(); regenCaptcha(); $('#captcha-overlay').css('display','flex'); $('#captcha-answer').trigger('focus'); } function closeCaptcha(){ $('#captcha-overlay').hide(); } $(document).on('click', '#captcha-refresh', function(){ regenCaptcha(); }); $(document).on('click', '#captcha-cancel, .captcha-close', function(){ closeCaptcha(); }); // Обработчик подтверждения капчи в оверлее $(document).on('click', '#captcha-submit', function(){ var answer = parseInt($('#captcha-answer').val(), 10); var checked = $('#captcha-check').prop('checked'); var correct = 0; // Вычисляем правильный ответ if (captchaOp === '+') { correct = captchaA + captchaB; } else if (captchaOp === '-') { correct = captchaA - captchaB; } else if (captchaOp === '×' || captchaOp === 'x' || captchaOp === '*') { correct = captchaA * captchaB; } // Валидация if (isNaN(answer)) { $('#captcha-error').text('Введите ответ'); return; } if (!checked) { $('#captcha-error').text('Отметьте чекбокс'); return; } if (answer !== correct) { $('#captcha-error').text('Неверный ответ'); regenCaptcha(); return; } // Сохраняем значения капчи в скрытые поля формы $('#math_a').val(captchaA); $('#math_b').val(captchaB); // Преобразуем символ '×' в '*' для надежной передачи на сервер var opForServer = (captchaOp === '×') ? '*' : captchaOp; $('#math_operation').val(opForServer); $('#math_answer').val(answer); // Закрываем оверлей и отправляем форму closeCaptcha(); submitContactForm(); }); // Функция отправки формы var submitContactForm = function(){ var miloInput = document.getElementById('milo'); var milo = miloInput ? miloInput.value.trim() : ''; // Проверяем наличие jQuery, если нет - используем нативный JavaScript if (typeof jQuery !== 'undefined' && jQuery) { var $ = jQuery; var hp = $.trim($("#contact_hp").val()); var ts = parseInt($("#contact_ts").val(), 10) || 0; var nonce = $("#contact_nonce").val(); var mathA = parseInt($("#math_a").val(), 10) || 0; var mathB = parseInt($("#math_b").val(), 10) || 0; var mathAnswer = parseInt($("#math_answer").val(), 10) || 0; var mathOp = $("#math_operation").val() || '+'; if (hp && hp.length > 0) { return false; } var now = Math.floor(Date.now()/1000); if (now - ts < 2 || now - ts > 1800) { alert('Пожалуйста, попробуйте ещё раз.'); return false; } $.ajax({ url: "/wp-admin/admin-ajax.php", type: 'POST', data: { action: 'sbt', param1: milo, contact_nonce: nonce, form_ts: ts, hp: hp, a: mathA, b: mathB, op: mathOp, answer: mathAnswer }, beforeSend: function(){ $('#sbt_btn').prop('disabled', true).html('<i class="fa fa-spinner fa-spin text-lg" aria-hidden="true"></i>'); }, complete: function(){ $('#sbt_btn').prop('disabled', false).html('<i class="fa fa-paper-plane text-lg" aria-hidden="true"></i>'); }, success: function(data){ alert(data); $("#ajax-contact-form")[0].reset(); $('#math_a, #math_b, #math_operation, #math_answer').val(''); // Очищаем скрытые поля капчи $('#math_a').val(''); $('#math_b').val(''); $('#math_operation').val(''); $('#math_answer').val(''); }, error: function(xhr, status, error){ console.error('Contact form error:', status, error); alert('Ошибка отправки. Повторите попытку позже.'); } }); } else { // Fallback на нативный JavaScript если jQuery недоступен alert('Ошибка: jQuery не загружен. Пожалуйста, обновите страницу.'); } }; // Обработчик отправки формы - открываем оверлей капчи $('#ajax-contact-form').on('submit', function(e){ e.preventDefault(); var milo = $.trim($("#milo").val()); // Базовая валидация email/телефона if (!milo || milo.length === 0) { alert('Введите email или телефон'); return false; } // Открываем оверлей капчи вместо отправки формы openCaptcha(); return false; }); }); </script> <style> /* Modern search form (all viewports) */ #searchcollapsed { width: 100%; } #searchcollapsed .input-label-absolute { position: relative; width: 100%; background: linear-gradient(135deg, #f4f6f8, #eef2f7); border-radius: 999px; padding: 10px 44px 10px 44px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06), inset 0 0 0 1px rgba(2, 6, 23, 0.06); transition: box-shadow .2s ease, background .2s ease; } #searchcollapsed .label-absolute { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748b; margin: 0; display: inline-flex; align-items: center; gap: 8px; pointer-events: none; } #searchcollapsed .label-absolute .fa { font-size: 14px; } #searchcollapsed .form-control { width: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0; height: 24px; color: #e9ecef; font-size: 14px; } #searchcollapsed .form-control::placeholder { color: #e9ecef; opacity: 0.85; } #searchcollapsed .input-label-absolute:focus-within { background: #ffffff; box-shadow: 0 10px 32px rgba(2, 6, 23, 0.10), inset 0 0 0 2px #007be8; } #searchcollapsed .input-label-absolute:focus-within .label-absolute { color: #007be8; } /* highlight when user types */ #searchcollapsed .input-label-absolute.has-value { box-shadow: 0 10px 32px rgba(2,6,23,0.10), inset 0 0 0 2px #007be8; } #searchcollapsed .input-label-absolute.has-value .label-absolute { color: #007be8; } @media (min-width: 576px) { #searchcollapsed.form-inline { margin-top: 0 !important; margin-bottom: 0 !important; } #searchcollapsed .input-label-absolute { padding: 12px 48px; } #searchcollapsed .form-control { font-size: 15px; height: 28px; } } @media (prefers-color-scheme: dark) { #searchcollapsed .input-label-absolute { background: linear-gradient(135deg, #0b1220, #0f172a); box-shadow: 0 8px 24px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.06); } #searchcollapsed .label-absolute { color: #94a3b8; } #searchcollapsed .form-control { color: #e5e7eb; } #searchcollapsed .form-control::placeholder { color: #64748b; } #searchcollapsed .input-label-absolute:focus-within { background: #0b1220; box-shadow: 0 10px 32px rgba(0,0,0,0.55), inset 0 0 0 2px #007be8; } #searchcollapsed .input-label-absolute:focus-within .label-absolute { color: #007be8; } } /* Testimonial avatar default sizing and cover fit */ .testimonial-avatar { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; } .testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Ensure standalone image matches avatar size */ img[src*="/img/avatar/avatar-1.jpg"] { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; display: inline-block; } /* Revert to full users counter styling (show icons, spacing, realtime indicator) */ .users-counter-container.horizontal { margin: 1rem 0; padding: 1rem; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); } .users-counter-container .realtime-indicator { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 1rem; font-size: 0.8rem; color: #666; } .users-counter-container .counters-grid { display: flex; justify-content: center; align-items: stretch; gap: 1rem; flex-wrap: wrap; } .users-counter-container .counter-item { flex: 1; min-width: 140px; max-width: 180px; background: #fff; border-radius: 12px; padding: 0.75rem; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: all 0.3s; border: 2px solid transparent; } .users-counter-container .counter-icon { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.5rem; font-size: 0.9rem; color: #fff; } .users-counter-container .registered-users .counter-icon { background: linear-gradient(135deg,#1A73E8,#4285F4); } .users-counter-container .guests .counter-icon { background: linear-gradient(135deg,#FF6B35,#FF8C42); } .users-counter-container .total-users .counter-icon { background: linear-gradient(135deg,#28a745,#34ce57); } .users-counter-container .counter-label { font-size: 0.7rem; color:#666; margin-bottom: 0.25rem; font-weight:500; line-height:1.1; } .users-counter-container .counter-number { font-size: 1.25rem; font-weight:700; color:#333; line-height:1; } .users-counter-container .registered-users .counter-number { color:#1A73E8; } .users-counter-container .guests .counter-number { color:#FF6B35; } .users-counter-container .total-users .counter-number { color:#28a745; } /* CAPTCHA modal styles */ .captcha-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); display: none; align-items: center; justify-content: center; z-index: 10000; backdrop-filter: blur(2px); } .captcha-modal { width: 340px; max-width: calc(100% - 32px); background: #111827; color: #e5e7eb; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.4), inset 0 0 0 1px rgba(255,255,255,0.05); overflow: hidden; } .captcha-header { padding: 14px 16px; background: linear-gradient(135deg, #1f2937, #111827); display: flex; align-items: center; justify-content: space-between; } .captcha-title { font-size: 14px; font-weight: 600; letter-spacing: .2px; } .captcha-close { background: transparent; border: 0; color: #9ca3af; cursor: pointer; font-size: 18px; line-height: 1; } .captcha-body { padding: 16px; display: grid; gap: 12px; } .captcha-card { background: linear-gradient(135deg, #0b1220, #0f172a); border: 1px solid rgba(99,102,241,0.25); border-radius: 12px; padding: 14px; text-align: center; box-shadow: inset 0 0 40px rgba(99,102,241,0.07); } .captcha-hint { font-size:12px;color:#9ca3af;margin-bottom:6px; } .captcha-equation { font-size: 22px; font-weight: 800; letter-spacing: .5px; background: linear-gradient(135deg, #a78bfa, #60a5fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .captcha-row { display:flex; gap:8px; align-items:center; } .captcha-input { flex:1; padding: 10px 12px; border-radius: 10px; border: 1px solid #374151; background: #0b1220; color: #e5e7eb; outline: none; } .captcha-refresh { width:42px; height:42px; border-radius:10px; border:1px solid #374151; background:#1f2937; color:#93c5fd; cursor:pointer; } .captcha-checkbox { display:flex; align-items:center; gap:8px; font-size:12px; color:#9ca3af; } .captcha-error { color:#fca5a5; font-size:12px; min-height:16px; } .captcha-footer { padding: 12px 16px 16px; display: flex; gap: 8px; } .captcha-btn { flex: 1; padding: 10px 12px; border-radius: 10px; border: 0; cursor: pointer; font-weight: 700; } .captcha-btn.primary { background: linear-gradient(135deg, #6366f1, #3b82f6); color: #fff; box-shadow: 0 8px 20px rgba(59,130,246,0.35); } .captcha-btn.secondary { background: #1f2937; color: #e5e7eb; border: 1px solid #374151; } @media (max-width: 480px){ .captcha-modal{ width: 92vw; } } /* Mobile-friendly testimonial card */ @media (max-width: 768px) { .testimonial.card { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); } .testimonial-avatar { flex: 0 0 auto; } .testimonial-avatar img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; } .testimonial .text { flex: 1 1 auto; } .testimonial-quote { display: none; } .testimonial-text { font-size: 0.95rem; line-height: 1.35; margin: 4px 0 8px; } .testimonial-rating .fas { font-size: 0.8rem; } .testimonial-rating .rating-text { font-size: 0.8rem; margin-left: 6px; } .testimonial-service { font-size: 0.8rem; margin-top: 4px; } .testimonial-dictor { font-size: 0.8rem; margin-top: 4px; } .testimonial-dictor .fas { color: #007bff; } .testimonial-author-info strong { font-size: 0.95rem; } .testimonial-meta { gap: 8px; font-size: 0.75rem; } .testimonial-date .fas, .testimonial-time .fas { font-size: 0.7rem; } /* Make specific image avatar-sized */ img[src*="/img/rew2.png"] { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; display: block; } img[src*="/img/tanya.jpg"] { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; display: block; } } </style> <style> /* Compact 50% sizing override for users counter */ .users-counter-container.horizontal { margin: 1rem 0 !important; padding: 1rem !important; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); } .users-counter-container .realtime-indicator { margin-bottom: 1rem !important; font-size: 0.75rem !important; } .users-counter-container .realtime-dot { width: 6px !important; height: 6px !important; } .users-counter-container .counters-grid { gap: 1rem !important; } .users-counter-container .counter-item { min-width: 120px !important; max-width: 150px !important; padding: 0.5rem !important; border-radius: 10px !important; } .users-counter-container .counter-icon { width: 30px !important; height: 30px !important; font-size: 0.9rem !important; margin-bottom: 0.4rem !important; } .users-counter-container .counter-label { font-size: 0.6rem !important; margin-bottom: 0.2rem !important; } .users-counter-container .counter-number { font-size: 1.25rem !important; } </style> <style> /* Mobile override: search colors */ /* Голосовой поиск стили */ #searchcollapsed .btn-voice, #search .btn-voice{ position: absolute; right: 42px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 0; background: transparent; color: #0f172a; display: inline-flex; align-items:center; justify-content:center; cursor: pointer; transition: background .2s ease, transform .1s ease; z-index: 2; } #searchcollapsed .btn-voice:hover, #search .btn-voice:hover{ background: rgba(15,23,42,0.06); } #searchcollapsed .btn-voice:active, #search .btn-voice:active{ transform: translateY(-50%) scale(0.98); } #searchcollapsed .btn-voice{ color:#007be8; } .voice-mic-box{ display:block; width:28px; height:28px; stroke: currentColor; stroke-width:2; fill: currentColor; } #searchcollapsed .input-label-absolute.listening, #search .input-label-absolute.listening{ box-shadow: 0 14px 34px rgba(0,123,232,0.18), 0 0 0 2px rgba(0,123,232,0.25); } #searchcollapsed .input-label-absolute.listening .label-absolute, #search .input-label-absolute.listening .label-absolute{ color:#007be8; } #searchcollapsed .input-label-absolute.listening .btn-voice{ animation: micPulse 1.2s ease-in-out infinite; } @keyframes micPulse{ 0%{ transform: scale(1); box-shadow: 0 0 0 0 rgba(0,123,232,0.35);} 70%{ transform: scale(1.06); box-shadow: 0 0 0 8px rgba(0,123,232,0);} 100%{ transform: scale(1);} } #searchcollapsed .voice-mic-box .bars, #search .voice-mic-box .bars { display: none; position:absolute; left:7px; right:7px; bottom:7px; height:12px; flex-direction: row; align-items: flex-end; gap: 4px; justify-content: center; } #searchcollapsed .voice-mic-box.listening .bars, #search .voice-mic-box.listening .bars{ display:flex; } #searchcollapsed .voice-mic-box.idle .dots, #search .voice-mic-box.idle .dots{ display:flex; } #searchcollapsed .voice-mic-box.listening .dots, #search .voice-mic-box.listening .dots{ display:none; } #searchcollapsed .voice-mic-box.idle .bars, #search .voice-mic-box.idle .bars{ display:none; } #searchcollapsed .voice-mic-box .bars span, #search .voice-mic-box .bars span{ width:6px; background:#fff; border-radius:3px; display:block; animation:eqbars 1s infinite; } #searchcollapsed .voice-mic-box .bars span:nth-child(1){animation-delay: 0s;} #searchcollapsed .voice-mic-box .bars span:nth-child(2){animation-delay: .18s;} #searchcollapsed .voice-mic-box .bars span:nth-child(3){animation-delay: .36s;} #search .voice-mic-box .bars span:nth-child(1){animation-delay: 0s;} #search .voice-mic-box .bars span:nth-child(2){animation-delay: .18s;} #search .voice-mic-box .bars span:nth-child(3){animation-delay: .36s;} @keyframes eqbars{ 0%,100%{ height:8px; } 25%{ height:14px; } 50%{ height:22px; } 75%{ height:12px; } } @media (max-width: 576px) { #searchcollapsed .form-control { color: #e9ecef !important; } #searchcollapsed .form-control::placeholder { color: #e9ecef !important; opacity: 0.85; } #searchcollapsed .label-absolute { color: #e9ecef !important; } } </style> <style> /* Ultra-compact (~3x smaller) users counter overrides - ПОСЛЕДНИЕ ИЗМЕНЕНИЯ РАЗМЕРА И ДИЗАЙНА */ .users-counter-container.horizontal { margin: 0.5rem 0 !important; padding: 0.5rem !important; border-radius: 10px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.06) !important; } .users-counter-container .realtime-indicator { margin-bottom: 0.5rem !important; font-size: 0.65rem !important; } .users-counter-container .realtime-dot { width: 5px !important; height: 5px !important; } .users-counter-container .counters-grid { gap: 0.5rem !important; } .users-counter-container .counter-item { min-width: 100px !important; max-width: 120px !important; padding: 0.4rem !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; } .users-counter-container .counter-icon { width: 24px !important; height: 24px !important; font-size: 0.8rem !important; margin-bottom: 0.3rem !important; } .users-counter-container .counter-label { font-size: 0.55rem !important; margin-bottom: 0.15rem !important; } .users-counter-container .counter-number { font-size: 1rem !important; } @media (max-width: 576px) { .users-counter-container .counter-item { min-width: 48%; max-width: 48%; } } /* Кнопка ПОКАЗАТЬ ЕЩЁ */ .load-more-btn { background: linear-gradient(135deg, #007be8, #0056b3); border: none; color: white; padding: 12px 32px; font-size: 1rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 123, 232, 0.3); text-transform: uppercase; letter-spacing: 0.5px; } .load-more-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 123, 232, 0.4); background: linear-gradient(135deg, #0056b3, #004085); } .load-more-btn:active { transform: translateY(0); } .load-more-btn.loading { opacity: 0.7; cursor: not-allowed; } .load-more-btn.loading .btn-text { display: none; } .load-more-btn.loading::after { content: "Загрузка..."; display: inline-block; } @media (max-width: 768px) { .load-more-btn { padding: 10px 24px; font-size: 0.9rem; } } /* Адаптивные стили для кнопки "ПОКАЗАТЬ ЕЩЁ" работ дикторов */ .load-more-btn { transition: all 0.3s ease; white-space: nowrap; } .load-more-btn.loading { opacity: 0.7; cursor: not-allowed; pointer-events: none; } .load-more-btn .btn-text { display: inline-block; } .load-more-spinner { margin-top: 1rem; } @media (max-width: 768px) { .load-more-btn { padding: 12px 20px; font-size: 0.875rem; width: 100%; max-width: 300px; } .load-more-btn i { margin-left: 0.5rem !important; } } @media (max-width: 575.98px) { .load-more-btn { padding: 10px 16px; font-size: 0.8125rem; max-width: 100%; } .load-more-spinner { margin-top: 0.75rem; } .load-more-spinner .spinner-border { width: 1.5rem; height: 1.5rem; } } @media (max-width: 375px) { .load-more-btn { padding: 8px 14px; font-size: 0.75rem; } .load-more-btn i { font-size: 0.7rem; margin-left: 0.375rem !important; } } </style> <script> (function() { 'use strict'; document.addEventListener('DOMContentLoaded', function() { // Load more works for a specific dictor from single page button // Используем делегирование событий для работы со всеми кнопками document.addEventListener('click', function(e) { // Ищем кнопку по ID или классу с data-category (для работы со всеми дикторами) let loadMoreDictorBtn = e.target.closest('#load-more-dictor-works'); // Если не нашли по ID, ищем по классу с data-category if (!loadMoreDictorBtn) { const btn = e.target.closest('.load-more-btn'); if (btn && btn.dataset.category) { loadMoreDictorBtn = btn; } } if (!loadMoreDictorBtn || !loadMoreDictorBtn.dataset.category) return; e.preventDefault(); if (loadMoreDictorBtn.classList.contains('loading')) return; const category = (loadMoreDictorBtn.dataset.category || '').trim(); if (!category) { return; } // Формируем URL страницы категории // URL формат: /category/spisok-diktorov/{category-slug}/ const categoryUrl = '/category/spisok-diktorov/' + encodeURIComponent(category) + '/'; // Перенаправляем на страницу категории window.location.href = categoryUrl; }); const loadMoreBtn = document.getElementById('load-more-posts'); if (!loadMoreBtn) return; let currentPage = parseInt(loadMoreBtn.dataset.page) || 1; const maxPages = parseInt(loadMoreBtn.dataset.maxPages) || 1; const categoryId = loadMoreBtn.dataset.category || ''; loadMoreBtn.addEventListener('click', function() { if (this.classList.contains('loading')) return; if (currentPage >= maxPages) return; this.classList.add('loading'); const spinner = document.querySelector('.load-more-spinner'); if (spinner) spinner.style.display = 'block'; // Prefer the real "next" pagination link to honor pretty permalinks const nextLinkEl = document.querySelector('.cat_pagination a.next'); const nextUrl = nextLinkEl && nextLinkEl.getAttribute('href') ? nextLinkEl.getAttribute('href') : (function(){ try { const currentHref = window.location && window.location.href ? window.location.href : window.location.toString(); if (!currentHref || typeof currentHref !== 'string') { return ''; } const u = new URL(currentHref); u.searchParams.set('paged', (currentPage + 1)); return u.toString(); } catch(e) { return ''; } })(); fetch(nextUrl) .then(response => response.text()) .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const posts = doc.querySelectorAll('.col-sm-6.col-lg-4.mb-5[data-post-id]'); if (posts.length > 0) { const container = document.getElementById('load-more-posts') ? document.getElementById('load-more-posts').closest('.container').querySelector('.row') : document.querySelector('.row'); if (container) { posts.forEach(post => { const clonedPost = post.cloneNode(true); container.appendChild(clonedPost); }); // Re-initialize WordPress media elements (audio players) for newly added content try { if (window.wp && wp.mediaelement && typeof wp.mediaelement.initialize === 'function') { wp.mediaelement.initialize(); } else if (window.mejs && window.mejs.MediaElementPlayer) { const audios = container.querySelectorAll('audio:not(.mejs__player)'); audios.forEach(function(el){ try { new window.mejs.MediaElementPlayer(el, window._wpmejsSettings || {}); } catch(e) {} }); } } catch(e) { /* no-op */ } } } // Update pagination markup (next link) from the fetched page const newPagination = doc.querySelector('.cat_pagination'); const curPagination = document.querySelector('.cat_pagination'); if (newPagination && curPagination) { curPagination.innerHTML = newPagination.innerHTML; } currentPage++; if (currentPage >= maxPages || !document.querySelector('.cat_pagination a.next')) { loadMoreBtn.style.display = 'none'; } this.classList.remove('loading'); if (spinner) spinner.style.display = 'none'; loadMoreBtn.dataset.page = currentPage; }) .catch(error => { console.error('Ошибка загрузки:', error); this.classList.remove('loading'); if (spinner) spinner.style.display = 'none'; }); }); }); })(); </script> <style> /* Mobile adaptation for users counter (<=576px) */ @media (max-width: 576px) { .users-counter-container.horizontal { padding: 0.75rem !important; margin: 0.75rem 0 !important; border-radius: 12px; } .users-counter-container .realtime-indicator { margin-bottom: 0.75rem !important; font-size: 0.75rem !important; } .users-counter-container .counters-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.6rem !important; } .users-counter-container .counter-item { min-width: auto !important; max-width: none !important; padding: 0.6rem !important; border-radius: 10px !important; } .users-counter-container .counter-icon { width: 26px !important; height: 26px !important; font-size: 0.9rem !important; margin-bottom: 0.35rem !important; } .users-counter-container .counter-label { font-size: 0.7rem !important; margin-bottom: 0.2rem !important; line-height: 1.1; } .users-counter-container .counter-number { font-size: 1.1rem !important; } } </style> <script> (function(){ const searchForms = ['searchcollapsed', 'search']; function isLocalHost(){ try{ const h = location.hostname; return location.protocol === 'file:' || h === 'localhost' || h === '127.0.0.1' || h.endsWith('.local') || h.endsWith('.test'); }catch(_){ return true; } } const searchAudios = []; const waitAudio = null; const whisperAudio = null; const introAudio = null; let idleTimer, whisperTriggered = false; function playAudio(src) { if(isLocalHost()) return; // do not load external audio on local hosting if(!src) return; try { let audio = new Audio(src); audio.play(); } catch(e) { } } function randomSearchAudio() { if(!searchAudios.length) return null; return searchAudios[Math.floor(Math.random() * searchAudios.length)]; } function enhance(formId, inputId){ var form = document.getElementById(formId); if (!form) return; var wrap = form.querySelector('.input-label-absolute'); if (!wrap) return; var input = document.getElementById(inputId) || form.querySelector('input[name="s"]'); var voiceBtn = wrap.querySelector('.btn-voice'); if (!voiceBtn) return; // Запускать аудио-интро при нажатии микрофона только при начале прослушки voiceBtn.addEventListener('click', function() { playAudio(introAudio); clearTimeout(idleTimer); idleTimer = setTimeout(function(){ playAudio(waitAudio); }, 10000); whisperTriggered = false; }); // --- ГОЛОСОВОЙ ПОИСК (SpeechRecognition) var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; if (!SpeechRecognition) { voiceBtn.style.display='none'; return; } var recognition = new SpeechRecognition(); recognition.lang = document.documentElement.lang || 'ru-RU'; recognition.interimResults = true; recognition.continuous = false; var listening = false; function start(){ if (listening) return; listening = true; wrap.classList.add('listening'); try{ recognition.start(); }catch(e){} } function stop(){ if (!listening) return; listening = false; wrap.classList.remove('listening'); try{ recognition.stop(); }catch(e){} } recognition.onresult = function(e){ let transcript = ""; for (let i = e.resultIndex; i < e.results.length; ++i) { transcript += e.results[i][0].transcript; } input.value = transcript; // Фейковый триггер для шёпота по длине/гласным/уверенности (реальный soundMeter в браузере недоступен) let isWhisper = transcript.match(/[a-zа-яё]/gi) && (transcript.match(/[аеёиоуыэюяaeiouy]/gi)||[]).length < 2 && e.results[0][0].confidence < 0.83; if (isWhisper && !whisperTriggered) { playAudio(whisperAudio); whisperTriggered = true; } }; recognition.onstart = function(){ playAudio(introAudio); clearTimeout(idleTimer); idleTimer = setTimeout(function(){ playAudio(waitAudio); }, 10000); } recognition.onend = function(){ wrap.classList.remove('listening'); listening = false; var sfx = randomSearchAudio(); if(sfx) playAudio(sfx); clearTimeout(idleTimer); // Авто submit при окончании if(input.value && input.value.trim().length>0) form.submit(); } recognition.onerror = function(e){ wrap.classList.remove('listening'); listening=false; whisperTriggered = false; clearTimeout(idleTimer); }; voiceBtn.addEventListener('click', function(){ listening?stop():start(); }); // Автосабмит (оставить как есть) input.addEventListener('change', function(){ if(input.value.trim().length){ form.submit(); }}); input.addEventListener('keydown', function(e){ if(e.key==='Enter' && input.value.trim().length){ form.submit(); } }); } enhance('searchcollapsed','searchcollapsed_search'); enhance('search','search_search'); })(); </script> <style> /* Search pill redesign to match provided mock (white pill, shadow, mic on right) */ /* Apply pill style to both mobile and desktop search */ #searchcollapsed .input-label-absolute, #search .input-label-absolute { background: #ffffff !important; border-radius: 999px !important; padding: 12px 52px 12px 44px !important; box-shadow: 0 12px 30px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08) !important; position: relative; } /* Voice button on the far right - синяя круглая кнопка */ #searchcollapsed .btn-voice, #search .btn-voice{ position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 50%; border: 0; background: #007be8; color: white; display: inline-flex; align-items:center; justify-content:center; cursor: pointer; transition: all 0.2s ease; z-index: 2; box-shadow: 0 2px 8px rgba(0,123,232,0.3); } /* Иконка поиска возвращается на место */ #searchcollapsed .label-absolute, #search .label-absolute { left: 16px; color: #7c8697; } /* Поля ввода с padding справа для кнопки микрофона */ #searchcollapsed .form-control, #search .form-control { color: #e9ecef !important; font-size: 15px; height: 28px; background: transparent !important; border:0 !important; box-shadow:none !important; padding-right: 48px !important; } #searchcollapsed .form-control::placeholder, #search .form-control::placeholder { color: #e9ecef !important; opacity: .85; } #searchcollapsed .btn-voice:hover, #search .btn-voice:hover{ background: #0066cc; box-shadow: 0 4px 12px rgba(0,123,232,0.4); transform: translateY(-50%) scale(1.05); } #searchcollapsed .btn-voice:active, #search .btn-voice:active{ transform: translateY(-50%) scale(0.95); } /* Hide legacy badge if exists */ .voice-badge{ display:none !important; } /* Иконки микрофона и эквалайзера */ .btn-voice .mic-icon, .btn-voice .eq-icon { display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.2s ease; } .btn-voice .mic-icon { opacity: 1; } .btn-voice .eq-icon { opacity: 0; display: none; } /* Активное состояние - показываем эквалайзер */ .btn-voice.active .mic-icon, .btn-voice.listening .mic-icon { opacity: 0; display: none; } .btn-voice.active .eq-icon, .btn-voice.listening .eq-icon { opacity: 1; display: block; } /* Анимация эквалайзера во время распознавания речи - пульсирующие полоски */ .btn-voice.active .eq-icon, .btn-voice.listening .eq-icon { transform: translate(-50%, -50%); } .btn-voice.active .eq-icon rect, .btn-voice.listening .eq-icon rect { fill: white; transform-origin: center bottom; } /* Каждая полоска эквалайзера пульсирует с разной задержкой */ /* Первая полоска (левая): y=8, height=8 - средняя */ .btn-voice.active .eq-icon rect:nth-child(1), .btn-voice.listening .eq-icon rect:nth-child(1) { animation: eqBarPulse1 0.8s ease-in-out infinite; } /* Вторая полоска (средняя): y=4, height=16 - самая высокая */ .btn-voice.active .eq-icon rect:nth-child(2), .btn-voice.listening .eq-icon rect:nth-child(2) { animation: eqBarPulse2 0.6s ease-in-out infinite 0.2s; } /* Третья полоска (правая): y=10, height=10 - средняя-низкая */ .btn-voice.active .eq-icon rect:nth-child(3), .btn-voice.listening .eq-icon rect:nth-child(3) { animation: eqBarPulse3 0.7s ease-in-out infinite 0.4s; } /* Анимация для первой полоски - пульсирует от 8px до 12px */ @keyframes eqBarPulse1 { 0%, 100% { transform: scaleY(1); } 25% { transform: scaleY(0.6); } 50% { transform: scaleY(1.2); } 75% { transform: scaleY(0.8); } } /* Анимация для второй полоски - пульсирует от 16px до 20px (самая активная) */ @keyframes eqBarPulse2 { 0%, 100% { transform: scaleY(1); } 20% { transform: scaleY(0.7); } 40% { transform: scaleY(1.3); } 60% { transform: scaleY(0.9); } 80% { transform: scaleY(1.1); } } /* Анимация для третьей полоски - пульсирует от 10px до 14px */ @keyframes eqBarPulse3 { 0%, 100% { transform: scaleY(1); } 30% { transform: scaleY(0.65); } 50% { transform: scaleY(1.15); } 70% { transform: scaleY(0.85); } } /* Анимация волны вокруг кнопки в активном состоянии */ .btn-voice .wave-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; pointer-events: none; } .btn-voice.active .wave-ring, .btn-voice.listening .wave-ring { animation: waveRing 1.5s ease-out infinite; } .btn-voice.active .wave-ring::before, .btn-voice.listening .wave-ring::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; animation: waveRing 1.5s ease-out infinite 0.5s; } .btn-voice.active .wave-ring::after, .btn-voice.listening .wave-ring::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; animation: waveRing 1.5s ease-out infinite 1s; } /* Listening state animations */ #searchcollapsed .input-label-absolute.listening, #search .input-label-absolute.listening{ box-shadow: 0 14px 34px rgba(0,123,232,0.18), 0 0 0 2px rgba(0,123,232,0.25); } #searchcollapsed .input-label-absolute.listening .label-absolute, #search .input-label-absolute.listening .label-absolute{ color:#007be8; } #searchcollapsed .input-label-absolute.listening .btn-voice{ animation: micPulse 1.2s ease-in-out infinite; } @keyframes micPulse{ 0%{ transform: translateY(-50%) scale(1); } 50%{ transform: translateY(-50%) scale(1.05); } 100%{ transform: translateY(-50%) scale(1); } } @keyframes waveRing { 0% { width: 36px; height: 36px; opacity: 0.8; } 100% { width: 60px; height: 60px; opacity: 0; } } /* Стили для подсказки микрофона */ .btn-voice .mic-hint, .hero-voice-btn .mic-hint { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); background: rgba(15, 23, 42, 0.9); color: rgb(255, 255, 255); padding: 6px 8px; border-radius: 6px; font-size: 12px; white-space: nowrap; z-index: 50; opacity: 0; transition: opacity 0.15s; pointer-events: none; } .btn-voice:hover .mic-hint, .btn-voice:focus .mic-hint, .hero-voice-btn:hover .mic-hint, .hero-voice-btn:focus .mic-hint { opacity: 1; } /* Стили для hero-voice-btn и других кнопок микрофона */ .hero-voice-btn, .btn-voice { position: relative; } .hero-voice-btn:hover, .btn-voice:hover { background: #0066cc !important; box-shadow: 0 4px 12px rgba(0,123,232,0.4) !important; } .hero-voice-btn:hover { transform: translateY(-50%) scale(1.05) !important; } #searchcollapsed .btn-voice:hover, #search .btn-voice:hover { transform: translateY(-50%) scale(1.05) !important; } .hero-voice-btn:active, .btn-voice:active { transform: translateY(-50%) scale(0.95) !important; } /* Стили для иконок в hero-voice-btn */ .hero-voice-btn .mic-icon, .hero-voice-btn .eq-icon { display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.2s ease; } .hero-voice-btn .mic-icon { opacity: 1; } .hero-voice-btn .eq-icon { opacity: 0; display: none; } .hero-voice-btn.active .mic-icon, .hero-voice-btn.listening .mic-icon { opacity: 0; display: none; } .hero-voice-btn.active .eq-icon, .hero-voice-btn.listening .eq-icon { opacity: 1; display: block; } /* Анимация эквалайзера для hero-voice-btn */ .hero-voice-btn.active .eq-icon rect, .hero-voice-btn.listening .eq-icon rect { fill: white; transform-origin: center bottom; } .hero-voice-btn.active .eq-icon rect:nth-child(1), .hero-voice-btn.listening .eq-icon rect:nth-child(1) { animation: eqBarPulse1 0.8s ease-in-out infinite; } .hero-voice-btn.active .eq-icon rect:nth-child(2), .hero-voice-btn.listening .eq-icon rect:nth-child(2) { animation: eqBarPulse2 0.6s ease-in-out infinite 0.2s; } .hero-voice-btn.active .eq-icon rect:nth-child(3), .hero-voice-btn.listening .eq-icon rect:nth-child(3) { animation: eqBarPulse3 0.7s ease-in-out infinite 0.4s; } /* Волновая анимация для hero-voice-btn */ .hero-voice-btn .wave-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; pointer-events: none; } .hero-voice-btn.active .wave-ring, .hero-voice-btn.listening .wave-ring { animation: waveRing 1.5s ease-out infinite; } .hero-voice-btn.active .wave-ring::before, .hero-voice-btn.listening .wave-ring::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; animation: waveRing 1.5s ease-out infinite 0.5s; } .hero-voice-btn.active .wave-ring::after, .hero-voice-btn.listening .wave-ring::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border: 2px solid #007be8; border-radius: 50%; opacity: 0; animation: waveRing 1.5s ease-out infinite 1s; } /* Стили для кнопки в search.php */ #form_search { padding-right: 48px !important; } /* Стили для hero-search-input - padding справа для кнопки микрофона */ #hero-search-input { padding-right: 48px !important; } /* Адаптация для мобильных версий */ @media (max-width: 575.98px) { #searchcollapsed .btn-voice { right: 4px; width: 32px; height: 32px; } #searchcollapsed_search, #search_search { padding-right: 42px !important; } .btn-voice .mic-icon, .btn-voice .eq-icon { width: 16px; height: 16px; } .btn-voice .wave-ring { width: 32px; height: 32px; } .btn-voice.active .wave-ring::before, .btn-voice.listening .wave-ring::before, .btn-voice.active .wave-ring::after, .btn-voice.listening .wave-ring::after { width: 32px; height: 32px; } .btn-voice .mic-hint { font-size: 11px; padding: 5px 6px; bottom: calc(100% + 6px); } .hero-voice-btn { width: 32px !important; height: 32px !important; } .hero-voice-btn .mic-icon, .hero-voice-btn .eq-icon { width: 16px; height: 16px; } @keyframes waveRing { 0% { width: 32px; height: 32px; opacity: 0.8; } 100% { width: 52px; height: 52px; opacity: 0; } } } /* Адаптация для планшетов */ @media (min-width: 576px) and (max-width: 991.98px) { #search .btn-voice { width: 34px; height: 34px; } .btn-voice .wave-ring { width: 34px; height: 34px; } .btn-voice.active .wave-ring::before, .btn-voice.listening .wave-ring::before, .btn-voice.active .wave-ring::after, .btn-voice.listening .wave-ring::after { width: 34px; height: 34px; } } </style> <style> /* Remove shadow override (if needed) */ /* #searchcollapsed .input-label-absolute, #search .input-label-absolute{ box-shadow: none !important; } */ </style> <style> /* Force black text color in mobile search input */ #search .form-control { color: #000 !important; } </style> <style> /* Styles for custom voice mic icon animation in mobile/desktop search */ #searchcollapsed .voice-mic-box, #search .voice-mic-box { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0; } #searchcollapsed .voice-mic, #search .voice-mic { display:block; width:28px; height:28px; } #searchcollapsed .voice-mic-box .dots, #search .voice-mic-box .dots { position:absolute; left:4px; right:4px; bottom:6px; height:6px; display: flex; flex-direction: row; gap: 4px; align-items: center; justify-content: center; } #searchcollapsed .voice-mic-box .dots span, #search .voice-mic-box .dots span { width:6px; height:6px; background:#fff; border-radius:50%; display: block; } #searchcollapsed .voice-mic-box .bars, #search .voice-mic-box .bars { display: none; position:absolute; left:7px; right:7px; bottom:7px; height:12px; flex-direction: row; align-items: flex-end; gap: 4px; justify-content: center; } #searchcollapsed .voice-mic-box.listening .bars, #search .voice-mic-box.listening .bars{ display:flex; } #searchcollapsed .voice-mic-box.idle .dots, #search .voice-mic-box.idle .dots{ display:flex; } #searchcollapsed .voice-mic-box.listening .dots, #search .voice-mic-box.listening .dots{ display:none; } #searchcollapsed .voice-mic-box.idle .bars, #search .voice-mic-box.idle .bars{ display:none; } #searchcollapsed .voice-mic-box .bars span, #search .voice-mic-box .bars span{ width:6px; background:#fff; border-radius:3px; display:block; animation:eqbars 1s infinite; } #searchcollapsed .voice-mic-box .bars span:nth-child(1){animation-delay: 0s;} #searchcollapsed .voice-mic-box .bars span:nth-child(2){animation-delay: .18s;} #searchcollapsed .voice-mic-box .bars span:nth-child(3){animation-delay: .36s;} #search .voice-mic-box .bars span:nth-child(1){animation-delay: 0s;} #search .voice-mic-box .bars span:nth-child(2){animation-delay: .18s;} #search .voice-mic-box .bars span:nth-child(3){animation-delay: .36s;} @keyframes eqbars{ 0%,100%{ height:8px; } 25%{ height:14px; } 50%{ height:22px; } 75%{ height:12px; } } /* ============================================================================ НОВЫЙ СОВРЕМЕННЫЙ ДИЗАЙН АУДИО ПЛЕЕРА AUDIOIGNITER Адаптировано из play-wp-main проекта ============================================================================ */ /* CSS Variables - Design System из play-wp-main */ :root { --play-wp-main-background: 0, 0%, 7%; --play-wp-main-foreground: 0, 0%, 98%; --play-wp-main-card: 0, 0%, 10%; --play-wp-main-card-foreground: 0, 0%, 98%; --play-wp-main-primary: 211, 100%, 50%; --play-wp-main-primary-foreground: 0, 0%, 98%; --play-wp-main-secondary: 0, 0%, 15%; --play-wp-main-secondary-foreground: 0, 0%, 98%; --play-wp-main-muted: 0, 0%, 20%; --play-wp-main-muted-foreground: 0, 0%, 60%; --play-wp-main-border: 0, 0%, 20%; --play-wp-main-radius: 0.75rem; } /* Основной контейнер плеера */ .audioigniter-root { width: 100%; max-width: 64rem; margin: 30px auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; box-sizing: border-box; } /* Player Card - как в play-wp-main */ .ai-audioigniter { background: hsl(var(--play-wp-main-card)); border-radius: var(--play-wp-main-radius); overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 1px solid hsl(var(--play-wp-main-border)); padding: 1.5rem; width: 100%; box-sizing: border-box; } /* Content Wrapper - как в play-wp-main */ .ai-control-wrap { display: flex; align-items: flex-start; gap: 1.5rem; padding: 0; width: 100%; box-sizing: border-box; } /* Обертка с миниатюрой */ .ai-control-wrap-thumb { flex-shrink: 0; } /* Album Cover - как в play-wp-main */ .ai-thumb { flex-shrink: 0; width: 7rem; height: 7rem; } .ai-thumb img { width: 7rem; height: 7rem; min-width: 7rem; min-height: 7rem; max-width: 7rem; max-height: 7rem; border-radius: 0.5rem; object-fit: cover; object-position: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); display: block; } /* Track Info - улучшенная видимость всех элементов */ .ai-control-wrap-controls { flex: 1; min-width: 0; max-width: 100%; display: flex; flex-direction: column; gap: 0.75rem; box-sizing: border-box; } .ai-audio-controls-main { display: flex; flex-direction: row; align-items: center; gap: 1rem; min-width: 0; width: 100%; box-sizing: border-box; } .ai-track-info { flex: 1; min-width: 0; max-width: 100%; margin-bottom: 0; overflow: hidden; order: 2; /* Название после кнопки */ } /* Кнопка Play в main блоке - показываем */ .ai-audio-controls-main .ai-audio-control { display: flex !important; order: 1; /* Кнопка первой */ flex-shrink: 0; } .ai-track-title { margin: 0 0 0.25rem 0; font-size: 1.125rem; font-weight: 700; color: hsl(var(--play-wp-main-foreground)); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .ai-track-title span { display: inline-block; color: hsl(var(--play-wp-main-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .ai-track-subtitle { margin: 0; font-size: 0.875rem; font-weight: 500; color: hsl(var(--play-wp-main-foreground)); line-height: 1.4; margin-bottom: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .ai-track-subtitle span { display: inline-block; color: hsl(var(--play-wp-main-foreground)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* Waveform Container - как в play-wp-main */ .ai-audio-controls-progress { display: flex; align-items: center; gap: 0.75rem; padding: 0; position: relative; margin-top: 0.5rem; width: 100%; min-width: 0; box-sizing: border-box; } .ai-track-time { font-size: 0.75rem; color: hsl(var(--play-wp-main-muted-foreground)); font-family: ui-monospace, 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace; white-space: nowrap; flex-shrink: 0; } /* Контейнер прогресс-бара AudioIgniter */ .ai-audio-controls-progress { display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0; } .ai-track-progress-bar { flex: 1; min-width: 0; height: 4px; background-color: rgba(255, 255, 255, 0.15); border-radius: 999px; cursor: pointer; position: relative; overflow: hidden; } .ai-track-progress { position: absolute; top: 0; left: 0; height: 100%; background-color: #007bff; border-radius: 999px; transition: width 0.1s linear; width: 0%; } /* Waveform Bars - как на фото: оранжевый для проигранного, серый для непроигранного */ .ai-waveform-bar { flex: 1; min-width: 2px; max-width: 3px; transition: background-color 0.15s ease, opacity 0.15s ease; border-radius: 1px; background-color: #a0a0a0; /* Светло-серый цвет для непроигранной части */ opacity: 0.8; margin: 0 0.5px; pointer-events: none; /* Бар сам по себе не реагирует на клики */ align-self: center; } .ai-waveform-bar.active { background-color: #ff8c00 !important; /* Яркий оранжевый цвет для проигранной части (как на фото) */ opacity: 1 !important; } .ai-waveform-bar.inactive { background-color: #a0a0a0 !important; /* Светло-серый цвет для непроигранной части */ opacity: 0.75 !important; } /* Слайдер внутри прогресс-бара */ .ai-track-progress-bar .ai-slider-track { position: relative; width: 100%; height: 4px; background-color: rgba(255, 255, 255, 0.15); border-radius: 999px; cursor: pointer; pointer-events: auto; outline: none; touch-action: none; z-index: 3; margin-top: auto; } .ai-slider-fill { position: absolute; inset: 0; width: 0%; background-color: #007bff; border-radius: 999px; transition: width 0.15s ease; } .ai-slider-thumb { position: absolute; top: 50%; left: 0%; width: 16px; height: 16px; transform: translate(-50%, -50%); border-radius: 50%; background-color: #ffffff; border: 3px solid #007bff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); pointer-events: auto; cursor: grab; transition: transform 0.15s ease, box-shadow 0.15s ease; } .ai-slider-track:focus-visible .ai-slider-thumb, .ai-slider-thumb:focus-visible { box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.25); } .ai-slider-track.ai-slider-dragging, .ai-slider-thumb.ai-slider-dragging { cursor: grabbing; } /* Controls - как в play-wp-main */ .ai-audio-controls-meta { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; flex-wrap: wrap; max-width: 100%; } /* Buttons - как в play-wp-main */ .ai-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; white-space: nowrap; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; border: none; cursor: pointer; background: transparent; color: hsl(var(--play-wp-main-foreground)); padding: 0.5rem; width: auto; height: auto; } .ai-btn:focus-visible { outline: 2px solid hsl(var(--play-wp-main-primary)); outline-offset: 2px; } .ai-btn:hover { color: hsl(var(--play-wp-main-primary)); transform: scale(1.1); } .ai-btn svg { pointer-events: none; flex-shrink: 0; width: 20px; height: 20px; fill: currentColor; } /* Play/Pause Button - как в play-wp-main */ .ai-audio-control { width: 3rem; height: 3rem; border-radius: 50%; background: hsl(var(--play-wp-main-primary)); color: hsl(var(--play-wp-main-primary-foreground)); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; padding: 0; flex-shrink: 0; border: none; } .ai-audio-control:hover { background: hsl(211, 100%, 45%); transform: scale(1.05); } .ai-audio-control svg { width: 24px; height: 24px; fill: currentColor; } /* Кнопка Play - видна везде, где есть */ .ai-audio-controls-main .ai-audio-control { display: flex !important; visibility: visible !important; opacity: 1 !important; } /* Показываем кнопку в мета-блоке - всегда видна */ .ai-audio-controls-meta .ai-audio-control, .ai-audio-control { display: flex !important; visibility: visible !important; opacity: 1 !important; } /* Улучшаем видимость кнопки */ .ai-audio-control:focus { outline: 2px solid hsl(var(--play-wp-main-primary)); outline-offset: 2px; } /* Volume Control */ .ai-audio-volume-control { display: flex; align-items: center; gap: 0.5rem; padding: 0; background: transparent; border: none; } .ai-audio-volume-bars { display: flex; align-items: flex-end; gap: 3px; height: 24px; padding: 0; } .ai-volume-bar { width: 4px; min-height: 4px; background: hsl(var(--play-wp-main-muted)); border-radius: 2px; transition: all 0.3s ease; } .ai-volume-bar-active { background: hsl(var(--play-wp-main-primary)); } /* Repeat Button активная */ .ai-btn-repeat.true { background: hsl(var(--play-wp-main-primary)); color: hsl(var(--play-wp-main-primary-foreground)); } .ai-btn-repeat.true:hover { background: hsl(211, 100%, 45%); } /* Tracklist Toggle Button - как в play-wp-main */ .ai-tracklist-toggle { background: hsl(var(--play-wp-main-secondary)); color: hsl(var(--play-wp-main-secondary-foreground)); padding: 0.5rem 1rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; display: inline-flex; align-items: center; gap: 0.5rem; border: none; } .ai-tracklist-toggle:hover { background: hsl(0, 0%, 18%); transform: scale(1.02); } /* Tracklist */ .ai-tracklist-wrap { margin-top: 1.5rem; border-top: 1px solid hsl(var(--play-wp-main-border)); padding-top: 1.25rem; } .ai-tracklist { list-style: none; padding: 0; margin: 0; } .ai-track { display: flex; align-items: center; gap: 1rem; padding: 0.875rem 1rem; border-radius: var(--play-wp-main-radius); margin-bottom: 0.75rem; cursor: pointer; transition: all 0.3s ease; background: hsl(0, 0%, 12%); border: 1px solid hsl(0, 0%, 18%); } .ai-track:hover { background: hsl(0, 0%, 15%); transform: translateX(4px); } .ai-track-active { background: rgba(0, 123, 232, 0.15); border-color: rgba(0, 123, 232, 0.4); } .ai-track-thumb { width: 3.75rem; height: 3.75rem; border-radius: 0.5rem; overflow: hidden; flex-shrink: 0; } .ai-track-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .ai-track-name { font-size: 0.9375rem; font-weight: 600; color: hsl(0, 0%, 90%); line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .ai-track-control { flex: 1; min-width: 0; overflow: hidden; } .ai-track-active .ai-track-name { color: hsl(var(--play-wp-main-foreground)); font-weight: 700; } /* Responsive Design - адаптировано из play-wp-main */ @media (max-width: 991.98px) { .audioigniter-root { margin: 20px auto; padding: 0 15px; } .ai-audioigniter { padding: 1.25rem; } .ai-control-wrap { flex-wrap: wrap; gap: 1rem; } .ai-thumb { width: 6rem; height: 6rem; } .ai-thumb img { width: 6rem; height: 6rem; min-width: 6rem; min-height: 6rem; max-width: 6rem; max-height: 6rem; } .ai-control-wrap-controls { order: 3; width: 100%; min-width: 0; max-width: 100%; } .ai-audio-controls-meta { order: 2; width: 100%; justify-content: center; flex-wrap: wrap; gap: 0.375rem; } .ai-audio-controls-main { gap: 0.75rem; } .ai-track-progress-bar { height: 3.5rem; } .ai-waveform-bar { min-width: 1.5px; max-width: 2.5px; margin: 0 0.25px; } .ai-audio-control { width: 2.75rem; height: 2.75rem; } } @media (max-width: 767.98px) { .audioigniter-root { margin: 16px auto; padding: 0 10px; } .ai-audioigniter { padding: 1rem; } .ai-control-wrap { gap: 0.75rem; } .ai-thumb { width: 5.5rem; height: 5.5rem; } .ai-thumb img { width: 5.5rem; height: 5.5rem; min-width: 5.5rem; min-height: 5.5rem; max-width: 5.5rem; max-height: 5.5rem; } .ai-track-title { font-size: 1.0625rem; } } @media (max-width: 575.98px) { .audioigniter-root { margin: 12px auto; padding: 0 8px; } .ai-audioigniter { padding: 0.875rem; } .ai-control-wrap { gap: 0.625rem; } .ai-thumb { width: 5rem; height: 5rem; } .ai-thumb img { width: 5rem; height: 5rem; min-width: 5rem; min-height: 5rem; max-width: 5rem; max-height: 5rem; } .ai-audio-controls-main { flex-direction: column; align-items: flex-start; gap: 0.5rem; } .ai-track-info { order: 2; width: 100%; min-width: 0; overflow: hidden; } .ai-audio-controls-main .ai-audio-control { order: 1; } .ai-track-title { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ai-track-subtitle { font-size: 0.8125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ai-track-progress-bar { height: 3rem; } .ai-waveform-bar { min-width: 1px; max-width: 1.5px; margin: 0 0.25px; } .ai-audio-control { width: 2.5rem; height: 2.5rem; } .ai-audio-control svg { width: 20px; height: 20px; } .ai-btn svg { width: 18px; height: 18px; } .ai-audio-controls-meta { gap: 0.25rem; justify-content: space-between; flex-wrap: wrap; } .ai-btn { padding: 0.375rem; } .ai-tracklist-toggle { font-size: 0.75rem; padding: 0.375rem 0.75rem; width: 100%; margin-top: 0.5rem; } .ai-control-wrap-controls { width: 100%; min-width: 0; } .ai-audio-controls-progress { width: 100%; } } @media (max-width: 375px) { .audioigniter-root { padding: 0 5px; margin: 10px auto; } .ai-audioigniter { padding: 0.75rem; } .ai-control-wrap { gap: 0.5rem; } .ai-thumb { width: 4rem; height: 4rem; } .ai-thumb img { width: 4rem; height: 4rem; min-width: 4rem; min-height: 4rem; max-width: 4rem; max-height: 4rem; } .ai-track-title { font-size: 0.875rem; line-height: 1.3; } .ai-track-subtitle { font-size: 0.6875rem; line-height: 1.3; } .ai-track-progress-bar { height: 2.5rem; } .ai-audio-control { width: 2.25rem; height: 2.25rem; } .ai-audio-control svg { width: 16px; height: 16px; } .ai-btn svg { width: 14px; height: 14px; } .ai-audio-controls-meta { gap: 0.2rem; } .ai-btn { padding: 0.3rem; min-width: 2rem; } .ai-track-time { font-size: 0.75rem; } .ai-audio-volume-control { display: none; /* Скрываем регулятор громкости на очень маленьких экранах */ } } /* ============================================================================ СТИЛИ ДЛЯ ПЛЕЕРА PLAY-WP-MAIN ============================================================================ */ /* Waveform Bars - активная часть в цвете кнопки МИКРАФОН (#007be8) */ .play-wp-main-waveform-bar { flex: 1; transition: background-color 0.15s, opacity 0.15s; border-radius: 1px; } .play-wp-main-waveform-bar.active { background-color: #007be8 !important; opacity: 1; } .play-wp-main-waveform-bar.inactive { background-color: hsl(0, 0%, 60%); opacity: 0.5; } /* ============================================================================ СОВРЕМЕННЫЙ ДИЗАЙН КАРТОЧЕК РАБОТ В СТИЛЕ WORKSPRO.RU ============================================================================ */ /* Стили для карточек работ из секции "Лучшие работы" */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card { border-radius: 16px; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 123, 232, 0.1); background: #ffffff; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 123, 232, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12); border-color: rgba(0, 123, 232, 0.25); } /* Изображение карточки */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-top { min-height: 220px; border-radius: 0; position: relative; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); background-size: cover; background-position: center; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover .card-img-top { transform: scale(1.08); } /* Улучшенный dark-overlay */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .dark-overlay::after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.75) 100%); opacity: 1; transition: opacity 0.4s ease; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover .dark-overlay::after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.85) 100%); } /* Заголовок карточки */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom h4 { font-size: 20px; font-weight: 700; line-height: 1.3; margin-bottom: 8px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.8); transition: all 0.3s ease; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover .card-img-overlay-bottom h4 { transform: translateY(-2px); text-shadow: 0 3px 12px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.9); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom h4 i { color: #007be8; margin-right: 6px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)); } /* Рейтинг звездами */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom .text-xs { margin-top: 4px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom .fa-star.text-warning { color: #ffc107 !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom .fa-star.text-gray-200 { color: rgba(255, 255, 255, 0.3) !important; } /* Badge с именем диктора */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .badge-transparent { background: linear-gradient(135deg, rgba(0, 123, 232, 0.9) 0%, rgba(0, 102, 204, 0.9) 100%) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff !important; font-weight: 600; font-size: 12px; letter-spacing: 0.02em; box-shadow: 0 4px 12px rgba(0, 123, 232, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover .badge-transparent { background: linear-gradient(135deg, rgba(0, 123, 232, 1) 0%, rgba(0, 102, 204, 1) 100%) !important; transform: scale(1.05); box-shadow: 0 6px 16px rgba(0, 123, 232, 0.5), 0 3px 8px rgba(0, 0, 0, 0.4); } /* Тело карточки */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body { padding: 16px 20px; background: linear-gradient(to bottom, #ffffff 0%, #f8f9fa 100%); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body p { margin: 0; font-size: 14px; color: #4a5568; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body a { color: #007be8; font-weight: 600; text-decoration: none; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 6px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body a:hover { color: #0066cc; transform: translateX(4px); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body a::after { content: '→'; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; transform: translateX(-4px); } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body a:hover::after { opacity: 1; transform: translateX(0); } /* Заголовок в теле карточки */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-title { font-size: 18px; font-weight: 700; color: #1a1a1a; margin-bottom: 8px; line-height: 1.4; transition: color 0.3s ease; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-title a { color: inherit; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card:hover .card-title { color: #007be8; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-title a:hover { color: #007be8; transform: none; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-title a::after { display: none; } /* Рейтинг в теле карточки */ [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-stars { color: #ffc107; } /* Адаптивность для карточек работ */ @media (max-width: 991.98px) { [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-top { min-height: 180px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom h4 { font-size: 18px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .badge-transparent { font-size: 11px; padding: 6px 12px; } } @media (max-width: 767.98px) { [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card { border-radius: 12px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-top { min-height: 160px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom { padding: 12px 16px; bottom: 12px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom h4 { font-size: 16px; margin-bottom: 6px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-top { top: 12px; right: 12px; left: 12px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .badge-transparent { font-size: 10px; padding: 5px 10px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body { padding: 14px 16px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-title { font-size: 16px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-body p { font-size: 13px; } } @media (max-width: 575.98px) { [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-top { min-height: 140px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .card-img-overlay-bottom h4 { font-size: 14px; } [data-marker-id="59c0c8e33b1527bfe2abaf92"] .badge-transparent { font-size: 9px; padding: 4px 8px; } } /* ============================================================================ СОВРЕМЕННЫЙ ДИЗАЙН СЧЕТЧИКА ЗАКАЗОВ - В СТИЛЕ play-wp-main ============================================================================ */ /* CSS переменные в стиле play-wp-main */ :root { --orders-counter-background: 0, 0%, 7%; --orders-counter-foreground: 0, 0%, 98%; --orders-counter-card: 0, 0%, 10%; --orders-counter-card-foreground: 0, 0%, 98%; --orders-counter-primary: 211, 100%, 50%; --orders-counter-primary-foreground: 0, 0%, 98%; --orders-counter-muted: 0, 0%, 20%; --orders-counter-muted-foreground: 0, 0%, 60%; --orders-counter-border: 0, 0%, 20%; --orders-counter-radius: 0.75rem; } /* Контейнер счетчика - стиль play-wp-main */ .orders-counter-container { width: 100%; max-width: 64rem; margin: 2rem auto !important; padding: 0 !important; } .orders-counter-container[style] { width: 100% !important; max-width: 64rem !important; margin: 2rem auto !important; padding: 0 !important; } /* Карточка счетчика - темный дизайн */ .orders-counter-card { width: 100% !important; max-width: 373px; min-height: 211px; background: hsl(var(--orders-counter-card)); border-radius: var(--orders-counter-radius); overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 1px solid hsl(var(--orders-counter-border)); padding: 1.5rem; position: relative; box-sizing: border-box; margin: 0 auto; } /* Заголовок */ .orders-counter-header { text-align: center; margin-bottom: 1.5rem; padding: 0; } .orders-counter-title { margin: 0; font-size: 1.125rem; font-weight: 700; color: hsl(var(--orders-counter-foreground)); line-height: 1.2; padding: 0; } /* Контейнер цифр */ .orders-counter-digits { display: flex; justify-content: center; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 0; padding: 0; } /* Отдельная цифра - современный дизайн */ .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { position: relative; width: 3.6rem; height: 4.8rem; display: flex; align-items: center; justify-content: center; background: hsl(var(--orders-counter-card)); border: 1px solid hsl(var(--orders-counter-border)); border-radius: var(--orders-counter-radius); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.2s ease; font-size: 2.4rem; font-weight: 700; font-family: ui-monospace, 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace; letter-spacing: 0.05em; line-height: 1; color: hsl(var(--orders-counter-primary)); box-sizing: border-box; margin: 0; padding: 0; } /* Градиентный текст для цифр */ .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span { display: block; background: linear-gradient(135deg, hsl(var(--orders-counter-primary)), hsl(211, 100%, 65%)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: inherit; font-weight: inherit; font-family: inherit; letter-spacing: inherit; line-height: inherit; } /* Градиентный текст для tablo_s3 и tablo_s4 */ .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { display: block; background: linear-gradient(135deg, rgb(13, 162, 231), rgb(86, 195, 245)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: inherit; font-weight: inherit; font-family: inherit; letter-spacing: inherit; line-height: inherit; } /* Fallback для цифр без span */ .orders-digit:not(:has(span)), .tablo_s1.orders-digit:not(:has(span)), .tablo_s2.orders-digit:not(:has(span)) { color: hsl(var(--orders-counter-primary)); } .tablo_s3.orders-digit:not(:has(span)), .tablo_s4.orders-digit:not(:has(span)) { color: rgb(13, 162, 231); } /* Hover эффект */ .orders-digit:hover, .tablo_s1.orders-digit:hover, .tablo_s2.orders-digit:hover, .tablo_s3.orders-digit:hover, .tablo_s4.orders-digit:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-color: hsl(var(--orders-counter-primary)); } /* Анимация появления */ @keyframes slideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { animation: slideIn 0.5s ease-out both; } .orders-digit:nth-child(1), .tablo_s1.orders-digit { animation-delay: 0s; } .orders-digit:nth-child(2), .tablo_s2.orders-digit { animation-delay: 0.1s; } .orders-digit:nth-child(3), .tablo_s3.orders-digit { animation-delay: 0.2s; } .orders-digit:nth-child(4), .tablo_s4.orders-digit { animation-delay: 0.3s; } /* Адаптивность - Планшеты */ @media (max-width: 991.98px) { .orders-counter-container, .orders-counter-container[style] { max-width: 100%; margin: 1.5rem auto !important; } .orders-counter-card { padding: 1.25rem; } .orders-counter-title { font-size: 1rem; } .orders-counter-digits { gap: 0.5rem; } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { width: 3.2rem; height: 4.2rem; font-size: 2.1rem; } .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span, .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { font-size: 2.1rem; } } /* Адаптивность - Мобильные устройства */ @media (max-width: 768px) { .orders-counter-container, .orders-counter-container[style] { margin: 1.25rem auto !important; padding: 0 10px; } .orders-counter-card { width: 100% !important; max-width: 100%; padding: 1rem; border-radius: 0.5rem; } .orders-counter-header { margin-bottom: 1rem; } .orders-counter-title { font-size: 0.9375rem; } .orders-counter-digits { gap: 0.4rem; flex-wrap: wrap; } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { width: 2.8rem; height: 3.8rem; font-size: 1.8rem; } .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span, .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { font-size: 1.8rem; } } /* Адаптивность - Маленькие мобильные */ @media (max-width: 575.98px) { .orders-counter-container, .orders-counter-container[style] { margin: 1rem auto !important; padding: 0 8px; } .orders-counter-card { width: 100% !important; max-width: 100%; padding: 0.875rem; } .orders-counter-header { margin-bottom: 0.875rem; } .orders-counter-title { font-size: 0.875rem; } .orders-counter-digits { gap: 0.35rem; flex-wrap: wrap; } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { width: 2.4rem; height: 3.2rem; font-size: 1.5rem; } .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span, .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { font-size: 1.5rem; } } /* Адаптивность - Очень маленькие экраны */ @media (max-width: 480px) { .orders-counter-container, .orders-counter-container[style] { margin: 0.875rem auto !important; padding: 0 5px; } .orders-counter-card { width: 100% !important; max-width: 100%; padding: 0.75rem; border-radius: 0.5rem; } .orders-counter-header { margin-bottom: 0.75rem; } .orders-counter-title { font-size: 0.8125rem; } .orders-counter-digits { gap: 0.3rem; flex-wrap: wrap; } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { width: 2.2rem; height: 3rem; font-size: 1.4rem; } .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span, .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { font-size: 1.4rem; } } /* Адаптивность - Очень маленькие экраны (320px и меньше) */ @media (max-width: 375px) { .orders-counter-container, .orders-counter-container[style] { margin: 0.75rem auto !important; padding: 0 5px; } .orders-counter-card { padding: 0.625rem; } .orders-counter-header { margin-bottom: 0.625rem; } .orders-counter-title { font-size: 0.75rem; } .orders-counter-digits { gap: 0.25rem; } .orders-digit, .tablo_s1.orders-digit, .tablo_s2.orders-digit, .tablo_s3.orders-digit, .tablo_s4.orders-digit { width: 2rem; height: 2.75rem; font-size: 1.25rem; } .orders-digit span, .tablo_s1.orders-digit span, .tablo_s2.orders-digit span, .tablo_s3.orders-digit span, .tablo_s4.orders-digit span { font-size: 1.25rem; } } /* Совместимость со старым классом */ .tablo { width: 100%; max-width: 64rem; } @media (max-width: 767px) { .tablo { width: 100%; max-width: 100%; } } /* Анимация загрузки */ @keyframes audioPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .ai-audioigniter.loading .ai-audio-control { animation: audioPulse 1.5s ease-in-out infinite; } /* ============================================================================ СТАНДАРТИЗАЦИЯ СЛАЙДЕРА ITEMS-SLIDER - КОМПАКТНЫЕ РАЗМЕРЫ ============================================================================ */ /* Контейнер слайдера */ .swiper-container.items-slider { width: 100%; overflow: hidden; } /* Стандартный размер слайдов - уменьшено для компактности */ .swiper-container.items-slider .swiper-slide { width: 200px !important; height: 200px !important; margin-right: 15px !important; overflow: hidden; border-radius: 8px; position: relative; } /* Ссылка внутри слайда */ .swiper-container.items-slider .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } /* Стандартизация изображений - квадратный формат 200x200 */ .swiper-container.items-slider .swiper-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block; border-radius: 8px; transition: transform 0.3s ease; } /* Hover эффект для изображений */ .swiper-container.items-slider .swiper-slide:hover img.hover-scale { transform: scale(1.05); } /* Убираем дефолтные стили, которые могут мешать */ .swiper-container.items-slider .swiper-slide .img-fluid { max-width: 100% !important; max-height: 100% !important; } /* Адаптивность для планшетов */ @media (max-width: 991.98px) { .swiper-container.items-slider .swiper-slide { width: 180px !important; height: 180px !important; margin-right: 12px !important; } } /* Адаптивность для мобильных устройств */ @media (max-width: 768px) { .swiper-container.items-slider .swiper-slide { width: 150px !important; height: 150px !important; margin-right: 10px !important; } } /* Адаптивность для маленьких мобильных */ @media (max-width: 575.98px) { .swiper-container.items-slider .swiper-slide { width: 130px !important; height: 130px !important; margin-right: 8px !important; border-radius: 6px; } .swiper-container.items-slider .swiper-slide img { border-radius: 6px; } } /* Адаптивность для очень маленьких экранов */ @media (max-width: 480px) { .swiper-container.items-slider .swiper-slide { width: 120px !important; height: 120px !important; margin-right: 6px !important; border-radius: 4px; } .swiper-container.items-slider .swiper-slide img { border-radius: 4px; } } /* ============================================================================ СОВРЕМЕННЫЙ ДИЗАЙН ВИДЕОПЛЕЕРА В СТИЛЕ FIGMA/WORKSPRO.RU ============================================================================ */ /* Контейнер видеоплеера */ .video-player-wrapper { position: relative; width: 100%; max-width: 100%; background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2); } /* Видео элемент */ .player-media { width: 100%; height: auto; display: block; background: #000; } /* Контролы плеера */ .video-player-controls { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, transparent 100%); padding: 16px; display: flex; flex-direction: column; gap: 12px; opacity: 0; transition: opacity 0.3s ease; z-index: 10; } .video-player-wrapper:hover .video-player-controls, .video-player-wrapper.playing .video-player-controls { opacity: 1; } /* Прогресс-бар */ .video-progress-container { width: 100%; height: 6px; background: rgba(255, 255, 255, 0.2); border-radius: 3px; cursor: pointer; position: relative; overflow: hidden; } .video-progress-bar { height: 100%; background: linear-gradient(90deg, #007be8 0%, #00a0ff 100%); border-radius: 3px; width: 0%; transition: width 0.1s linear; position: relative; } .video-progress-bar::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: #007be8; border-radius: 50%; box-shadow: 0 2px 8px rgba(0, 123, 232, 0.5); opacity: 0; transition: opacity 0.2s ease; } .video-progress-container:hover .video-progress-bar::after { opacity: 1; } .video-progress-container:hover { height: 8px; } /* Нижняя панель контролов */ .video-controls-bottom { display: flex; align-items: center; gap: 12px; justify-content: space-between; } .video-controls-left { display: flex; align-items: center; gap: 12px; flex: 1; } .video-controls-right { display: flex; align-items: center; gap: 8px; } /* Кнопки контролов */ .video-control-btn { background: transparent; border: none; color: #ffffff; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: all 0.2s ease; width: 40px; height: 40px; position: relative; } .video-control-btn:hover { background: rgba(255, 255, 255, 0.1); transform: scale(1.1); } .video-control-btn:active { transform: scale(0.95); } .video-control-btn svg { width: 20px; height: 20px; fill: currentColor; } /* Кнопка Play/Pause */ .video-play-btn { width: 48px; height: 48px; background: rgba(0, 123, 232, 0.9); border-radius: 50%; box-shadow: 0 4px 12px rgba(0, 123, 232, 0.4); } .video-play-btn:hover { background: rgba(0, 123, 232, 1); box-shadow: 0 6px 16px rgba(0, 123, 232, 0.5); } .video-play-btn svg { width: 24px; height: 24px; } /* Время */ .video-time { color: #ffffff; font-size: 14px; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; min-width: 90px; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } /* Контрол громкости */ .video-volume-control { display: flex; align-items: center; gap: 8px; } .video-volume-slider { width: 80px; height: 4px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; position: relative; cursor: pointer; } .video-volume-fill { height: 100%; background: linear-gradient(90deg, #007be8 0%, #00a0ff 100%); border-radius: 2px; width: 100%; transition: width 0.1s linear; } /* Полноэкранный режим */ .video-fullscreen-btn { margin-left: 4px; } /* Загрузка */ .video-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; border: 4px solid rgba(255, 255, 255, 0.2); border-top-color: #007be8; border-radius: 50%; animation: videoSpin 1s linear infinite; z-index: 5; } @keyframes videoSpin { to { transform: translate(-50%, -50%) rotate(360deg); } } /* Адаптивность - Планшеты */ @media (max-width: 991.98px) { .video-player-controls { padding: 14px; gap: 10px; } .video-control-btn { width: 36px; height: 36px; padding: 6px; } .video-play-btn { width: 44px; height: 44px; } .video-play-btn svg { width: 22px; height: 22px; } .video-time { font-size: 13px; min-width: 80px; } .video-volume-slider { width: 70px; } } /* Адаптивность - Мобильные устройства */ @media (max-width: 768px) { .video-player-wrapper { border-radius: 10px; } .video-player-controls { padding: 12px; gap: 8px; } .video-controls-bottom { gap: 8px; } .video-controls-left { gap: 8px; } .video-control-btn { width: 32px; height: 32px; padding: 4px; } .video-control-btn svg { width: 18px; height: 18px; } .video-play-btn { width: 40px; height: 40px; } .video-play-btn svg { width: 20px; height: 20px; } .video-time { font-size: 12px; min-width: 70px; } .video-volume-slider { width: 60px; } .video-progress-container { height: 5px; } .video-progress-container:hover { height: 6px; } } /* Адаптивность - Маленькие мобильные */ @media (max-width: 575.98px) { .video-player-wrapper { border-radius: 8px; } .video-player-controls { padding: 10px; gap: 6px; } .video-controls-bottom { gap: 6px; } .video-controls-left { gap: 6px; } .video-controls-right { gap: 4px; } .video-control-btn { width: 28px; height: 28px; padding: 3px; } .video-control-btn svg { width: 16px; height: 16px; } .video-play-btn { width: 36px; height: 36px; } .video-play-btn svg { width: 18px; height: 18px; } .video-time { font-size: 11px; min-width: 60px; } .video-volume-slider { width: 50px; } .video-progress-container { height: 4px; } .video-progress-container:hover { height: 5px; } } /* Скрытие стандартных контролов */ .player-media::-webkit-media-controls { display: none !important; } .player-media::-webkit-media-controls-enclosure { display: none !important; } /* ============================================================================ СОВРЕМЕННЫЙ ДИЗАЙН КНОПКИ ЧАТА С ОПЕРАТОРОМ В СТИЛЕ WORKSPRO.RU ============================================================================ */ /* Кнопка чата с оператором */ .btn[data-v-e648039c] { position: fixed !important; right: 50px !important; bottom: 30px !important; z-index: 9999 !important; background: #007be8 !important; color: #ffffff !important; border: none !important; border-radius: 50px !important; padding: 14px 28px 14px 52px !important; font-size: 16px !important; font-weight: 600 !important; box-shadow: 0 6px 24px rgba(0, 123, 232, 0.4), 0 2px 8px rgba(0, 0, 0, 0.15) !important; cursor: pointer !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 160px !important; height: auto !important; line-height: 1.5 !important; text-decoration: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } .btn[data-v-e648039c]:hover { background: #0066cc !important; box-shadow: 0 8px 32px rgba(0, 123, 232, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2) !important; transform: translateY(-2px) scale(1.02) !important; } .btn[data-v-e648039c]:active { transform: translateY(0) scale(0.98) !important; box-shadow: 0 4px 16px rgba(0, 123, 232, 0.4) !important; } /* Иконка оператора */ .btn-img[data-v-e648039c] { position: absolute !important; left: 15px !important; top: 50% !important; transform: translateY(-50%) !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3Cpath d='M9 10h1c.55 0 1 .45 1 1s-.45 1-1 1H9c-.55 0-1-.45-1-1s.45-1 1-1zm5 0h1c.55 0 1 .45 1 1s-.45 1-1 1h-1c-.55 0-1-.45-1-1s.45-1 1-1z'/%3E%3C/svg%3E") no-repeat center !important; background-size: 30px 30px !important; } /* Скрываем оригинальный SVG внутри .btn-img */ .btn-img[data-v-e648039c] svg, .btn-img[data-v-e648039c] > svg { display: none !important; opacity: 0 !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } /* Скрываем оригинальный SVG в корне кнопки (но не внутри unreaded-count) */ .btn[data-v-e648039c] > svg:not(.svg-icon) { display: none !important; } /* Показываем текст "Онлайн чат" если его нет, добавляем через псевдоэлемент */ .btn[data-v-e648039c]::after { content: 'Онлайн чат' !important; display: inline-block !important; margin-left: 0 !important; font-weight: 600 !important; } /* Убираем дублирующийся текст из оригинального контента если он есть */ .btn[data-v-e648039c] > *:not(.btn-img):not(.notification):not(.unreaded-count):not(span[data-v-485c53e5]):not(span[data-v-57516536]) { display: none !important; } /* Badge с количеством непрочитанных */ .unreaded-count[data-v-e648039c] { position: absolute !important; top: -6px !important; right: -6px !important; background: #ffffff !important; color: #007be8 !important; border: 2px solid #007be8 !important; border-radius: 50% !important; min-width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 2px 8px rgba(0, 123, 232, 0.3) !important; z-index: 10 !important; padding: 0 !important; } .unreaded-count[data-v-e648039c] .text { display: block !important; line-height: 1 !important; } .unreaded-count[data-v-e648039c] .corner { display: none !important; } .unreaded-count[data-v-e648039c]:empty, .unreaded-count[data-v-e648039c][style*="display: none"] { display: none !important; } /* Уведомление */ .notification[data-v-e648039c] { display: none !important; } /* Адаптивность для кнопки чата */ @media (max-width: 767.98px) { .btn[data-v-e648039c] { right: 20px !important; bottom: 20px !important; padding: 12px 24px 12px 48px !important; font-size: 14px !important; min-width: 140px !important; border-radius: 40px !important; } .btn-img[data-v-e648039c] { width: 26px !important; height: 26px !important; left: 12px !important; background-size: 26px 26px !important; } .unreaded-count[data-v-e648039c] { top: -4px !important; right: -4px !important; min-width: 20px !important; height: 20px !important; font-size: 11px !important; } } @media (max-width: 575.98px) { .btn[data-v-e648039c] { right: 15px !important; bottom: 15px !important; padding: 10px 20px 10px 44px !important; font-size: 13px !important; min-width: 120px !important; } .btn-img[data-v-e648039c] { width: 24px !important; height: 24px !important; left: 10px !important; background-size: 24px 24px !important; } } /* Альтернативный селектор для виджетов чата Tocha и других */ .tocha__launch-button, .tocha__launch-button.with_effect { background: #007be8 !important; color: #ffffff !important; border-radius: 50px !important; padding: 14px 28px 14px 52px !important; font-weight: 600 !important; font-size: 16px !important; box-shadow: 0 6px 24px rgba(0, 123, 232, 0.4), 0 2px 8px rgba(0, 0, 0, 0.15) !important; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; border: none !important; position: fixed !important; right: 50px !important; bottom: 30px !important; z-index: 9999 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 160px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } .tocha__launch-button:hover, .tocha__launch-button.with_effect:hover { background: #0066cc !important; box-shadow: 0 8px 32px rgba(0, 123, 232, 0.5), 0 4px 12px rgba(0, 0, 0, 0.2) !important; transform: translateY(-2px) scale(1.02) !important; } .tocha__unread-messages { position: absolute !important; top: -6px !important; right: -6px !important; background: #ffffff !important; color: #007be8 !important; border: 2px solid #007be8 !important; border-radius: 50% !important; min-width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 700 !important; box-shadow: 0 2px 8px rgba(0, 123, 232, 0.3) !important; padding: 0 6px !important; } .tocha__unread-messages.tocha__blink { animation: none !important; } /* Универсальные селекторы для других виджетов чата */ [class*="chat-button"]:not([data-v-e648039c]), [class*="operator-button"]:not([data-v-e648039c]), [id*="chat"], [id*="operator"] { background: #007be8 !important; color: #ffffff !important; border-radius: 50px !important; padding: 14px 28px 14px 52px !important; font-weight: 600 !important; box-shadow: 0 6px 24px rgba(0, 123, 232, 0.4) !important; transition: all 0.4s ease !important; border: none !important; } [class*="chat-button"]:hover, [class*="operator-button"]:hover { background: #0066cc !important; box-shadow: 0 8px 32px rgba(0, 123, 232, 0.5) !important; transform: translateY(-2px) !important; } /* Адаптивность для Tocha и других виджетов */ @media (max-width: 767.98px) { .tocha__launch-button, .tocha__launch-button.with_effect { right: 20px !important; bottom: 20px !important; padding: 12px 24px 12px 48px !important; font-size: 14px !important; min-width: 140px !important; border-radius: 40px !important; } .tocha__unread-messages { min-width: 20px !important; height: 20px !important; font-size: 11px !important; } } @media (max-width: 575.98px) { .tocha__launch-button, .tocha__launch-button.with_effect { right: 15px !important; bottom: 15px !important; padding: 10px 20px 10px 44px !important; font-size: 13px !important; min-width: 120px !important; } } </style>  <script> (function() { 'use strict'; // Защита от дублирования переменных if (typeof window.single_player === 'undefined') { window.single_player = null; } if (typeof window.isGutenberg === 'undefined') { window.isGutenberg = false; } // Обработка ошибок jquery.mobile - ранняя инициализация ДО загрузки библиотеки (function() { try { // Инициализируем ДО того, как jQuery mobile попытается использовать эти свойства if (typeof window.jQueryMobileConfig === 'undefined') { window.jQueryMobileConfig = { ns: '', initialized: false }; } if (typeof jQuery !== 'undefined') { // Создаем безопасную заглушку для jquery.mobile ДО его загрузки if (typeof jQuery.mobile === 'undefined') { jQuery.mobile = { ns: '', autoInitializePage: false, hash: { listeningEnabled: false }, widget: {}, page: {}, dialog: {}, // Добавляем методы для предотвращения ошибок concat concat: function(arr) { if (!arr || !Array.isArray(arr)) return []; return Array.prototype.concat.apply([], arr); } }; } // Защищаем от ошибки concat на undefined - делаем ns всегда строкой if (!jQuery.mobile.ns || typeof jQuery.mobile.ns !== 'string') { jQuery.mobile.ns = ''; } // Добавляем метод для безопасного concat если его нет if (!jQuery.mobile.concat || typeof jQuery.mobile.concat !== 'function') { jQuery.mobile.concat = function(arr) { if (!arr || typeof arr === 'undefined') return []; if (Array.isArray(arr)) return arr; if (typeof arr.concat === 'function') return arr.concat(); return [arr]; }; } // Защищаем другие возможные undefined свойства if (!jQuery.mobile.widget) jQuery.mobile.widget = {}; if (!jQuery.mobile.page) jQuery.mobile.page = {}; if (!jQuery.mobile.dialog) jQuery.mobile.dialog = {}; } } catch (e) { // Игнорируем ошибки инициализации } })(); // Защита от ошибок jQuery.fn.load и indexOf (function() { try { if (typeof jQuery !== 'undefined' && typeof jQuery.fn !== 'undefined') { // Защита от ошибки "a.indexOf is not a function" в jQuery if (typeof jQuery.fn.load === 'function') { var originalLoad = jQuery.fn.load; jQuery.fn.load = function(url, data, complete) { try { // Проверяем, что первый аргумент - строка URL, а не обработчик события if (typeof url === 'string' && url.indexOf('http') !== -1) { return originalLoad.apply(this, arguments); } else if (typeof url === 'function') { // Это обработчик события load, используем on вместо load return this.on('load', url); } return originalLoad.apply(this, arguments); } catch (e) { console.warn('AudioPlay: jQuery.load error (non-critical)', e); return this; } }; } } } catch (e) { // Игнорируем ошибки } })(); // Дополнительная защита для initializeMiniAudioPlayer (если еще не перехвачено) try { // Проверяем, не находимся ли мы на странице WCFM var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1 || window.location.pathname.indexOf('/wcfm') !== -1; // Проверяем, не был ли уже установлен перехват var descriptor = Object.getOwnPropertyDescriptor(window, 'initializeMiniAudioPlayer'); if (!descriptor || !descriptor.get) { var _initializeMiniAudioPlayerValue = null; // Если уже есть функция, сохраняем ее if (typeof window.initializeMiniAudioPlayer === 'function') { _initializeMiniAudioPlayerValue = window.initializeMiniAudioPlayer; } Object.defineProperty(window, 'initializeMiniAudioPlayer', { get: function() { // Возвращаем безопасную обертку return function() { // На страницах WCFM не вызываем функцию if (isWCFMPage) { return; } try { if (typeof jQuery !== 'undefined' && typeof jQuery.fn !== 'undefined' && typeof jQuery.fn.mb_miniPlayer === 'function') { if (_initializeMiniAudioPlayerValue && typeof _initializeMiniAudioPlayerValue === 'function') { return _initializeMiniAudioPlayerValue.apply(this, arguments); } } } catch(e) { // Игнорируем ошибки } }; }, set: function(value) { // Сохраняем оригинальную функцию if (typeof value === 'function') { _initializeMiniAudioPlayerValue = value; window._originalInitializeMiniAudioPlayer = value; } }, configurable: true, enumerable: true }); } } catch(e) { // Если не удалось установить getter/setter, функция уже защищена из functions.php } // Перехватываем вызовы jQuery.fn.mb_miniPlayer на страницах WCFM if (typeof jQuery !== 'undefined' && typeof jQuery.fn !== 'undefined') { var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1 || window.location.pathname.indexOf('/wcfm') !== -1; if (isWCFMPage) { // Сохраняем оригинальную функцию если она существует if (typeof jQuery.fn.mb_miniPlayer === 'function') { jQuery.fn._originalMbMiniPlayer = jQuery.fn.mb_miniPlayer; } // Переопределяем функцию для страниц WCFM - возвращаем this без вызова jQuery.fn.mb_miniPlayer = function() { // На страницах WCFM просто возвращаем this без вызова функции return this; }; } } // Безопасная инициализация mb_miniPlayer (не вызываем на страницах WCFM) function safeInitializeMiniAudioPlayer() { try { // Проверяем, не находимся ли мы на странице WCFM var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1 || window.location.pathname.indexOf('/wcfm') !== -1 || document.body && document.body.classList.contains('wcfm-page'); if (isWCFMPage) { // На страницах WCFM не инициализируем mb_miniPlayer return; } if (typeof jQuery === 'undefined') { return; } // Проверяем наличие плагина с несколькими попытками var attempts = 0; var maxAttempts = 10; function checkAndInit() { attempts++; try { // Проверяем наличие плагина перед вызовом if (typeof jQuery !== 'undefined' && typeof jQuery.fn !== 'undefined' && typeof jQuery.fn.mb_miniPlayer === 'function' && typeof window.initializeMiniAudioPlayer === 'function') { try { // Дополнительная проверка перед вызовом - проверяем наличие элементов var $elements = jQuery('.mb_miniPlayer, [class*="mb_miniPlayer"]').not('.mb_miniPlayer-initialized'); if ($elements.length > 0) { // Плагин уже проверен выше, можно вызывать window.initializeMiniAudioPlayer(); } } catch (e) { // Игнорируем ошибки // Не выводим в консоль на страницах WCFM } } else if (attempts < maxAttempts) { // Плагин еще не загружен, пробуем еще раз через 200ms setTimeout(checkAndInit, 200); } } catch (error) { // Игнорируем все ошибки if (attempts < maxAttempts) { setTimeout(checkAndInit, 200); } } } checkAndInit(); } catch (error) { // Игнорируем все ошибки } } // Отложенная инициализация мини-плеера с увеличенной задержкой (только не на WCFM) var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1 || window.location.pathname.indexOf('/wcfm') !== -1; if (!isWCFMPage) { if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { setTimeout(safeInitializeMiniAudioPlayer, 1000); }); } else { setTimeout(safeInitializeMiniAudioPlayer, 1000); } } // Обработка ошибок Google reCAPTCHA if (typeof gglcptch !== 'undefined') { const originalDisplay = gglcptch.display; if (originalDisplay) { gglcptch.display = function() { try { if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.render === 'function') { return originalDisplay.apply(this, arguments); } else { console.warn('AudioPlay: Google reCAPTCHA not loaded yet, retrying...'); setTimeout(function() { if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.render === 'function') { try { originalDisplay.apply(this, arguments); } catch (e) { console.warn('AudioPlay: reCAPTCHA display error (non-critical)', e); } } }, 1000); } } catch (error) { console.warn('AudioPlay: reCAPTCHA display error (non-critical)', error); } }; } const originalPrepare = gglcptch.prepare; if (originalPrepare) { gglcptch.prepare = function() { try { return originalPrepare.apply(this, arguments); } catch (error) { console.warn('AudioPlay: reCAPTCHA prepare error (non-critical)', error); } }; } } // Дополнительная защита для soundManager - убеждаемся, что он всегда определен (function() { try { if (typeof window.soundManager === 'undefined' || window.soundManager === null) { window.soundManager = { setDefaults: function() { return true; }, setup: function() { return true; }, createSound: function() { return null; }, play: function() { return null; }, stop: function() { return null; }, stopAll: function() { return null; }, unload: function() { return null; }, onready: function() { return null; } }; } else if (window.soundManager && typeof window.soundManager.setDefaults !== 'function') { window.soundManager.setDefaults = function() { return true; }; } // Защищаем вызовы setDefaults через перехват var originalSetDefaults = window.soundManager.setDefaults; window.soundManager.setDefaults = function() { try { if (typeof originalSetDefaults === 'function') { return originalSetDefaults.apply(this, arguments); } return true; } catch(e) { return true; } }; } catch(e) { // Создаем минимальную заглушку window.soundManager = window.soundManager || { setDefaults: function() { return true; } }; } })(); // Обработка ошибок загрузки внешних скриптов и ресурсов (Google Ads и др.) window.addEventListener('error', function(event) { // Обработка ошибок загрузки ресурсов (404, ERR_CONNECTION_RESET и др.) if (event.target) { const tagName = event.target.tagName || ''; const src = event.target.src || event.target.href || ''; // Обработка ошибок для скриптов if (tagName === 'SCRIPT') { if (src.indexOf('adsbygoogle') !== -1 || src.indexOf('googlesyndication') !== -1 || src.indexOf('jquery.mobile') !== -1) { // Это ошибка загрузки внешнего скрипта - не критично event.preventDefault(); event.stopPropagation(); return true; } } // Обработка ошибок для всех ресурсов (404, connection reset и др.) if (src && ( src.indexOf('googlesyndication') !== -1 || src.indexOf('adsbygoogle') !== -1 || src.indexOf('pagead2') !== -1 )) { // Тихая обработка ошибок Google AdSense event.preventDefault(); event.stopPropagation(); return true; } } // Обработка ошибок ERR_CONNECTION_RESET для Google AdSense if (event.message && ( event.message.indexOf('ERR_CONNECTION_RESET') !== -1 || event.message.indexOf('net::ERR_CONNECTION_RESET') !== -1 || event.message.indexOf('Failed to load resource') !== -1 )) { const src = event.target && (event.target.src || event.target.href) ? (event.target.src || event.target.href) : ''; if (src.indexOf('googlesyndication') !== -1 || src.indexOf('adsbygoogle') !== -1 || src.indexOf('pagead2') !== -1) { event.preventDefault(); event.stopPropagation(); return true; } } // Игнорируем синтаксические ошибки и ошибки выполнения от внешних библиотек const msg = String(event.message || ''); const filename = String(event.filename || ''); if (filename && ( filename.indexOf('jquery.mobile') !== -1 || filename.indexOf('mb_miniPlayer') !== -1 || filename.indexOf('grecaptcha') !== -1 || filename.indexOf('adsbygoogle') !== -1 || filename.indexOf('front.js') !== -1 || filename.indexOf('woof') !== -1 )) { event.preventDefault(); event.stopPropagation(); return true; } if (msg && ( msg.indexOf('mb_miniPlayer') !== -1 || msg.indexOf('grecaptcha') !== -1 || msg.indexOf('concat') !== -1 || msg.indexOf('indexOf') !== -1 || msg.indexOf('split') !== -1 || msg.indexOf('tooltip') !== -1 || msg.indexOf('single_player') !== -1 || msg.indexOf('isGutenberg') !== -1 || msg.indexOf('soundManager') !== -1 || msg.indexOf('setDefaults') !== -1 || msg.indexOf('Unexpected end of input') !== -1 || msg.indexOf('Unexpected identifier') !== -1 || msg.indexOf('Unexpected token') !== -1 || msg.indexOf('woof_ext_init_functions') !== -1 || msg.indexOf('Cannot read properties') !== -1 || msg.indexOf('is not defined') !== -1 || msg.indexOf('is not a function') !== -1 )) { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); return true; } return false; }, true); // Защита форм WooCommerce от блокировки // Убеждаемся, что формы оплаты WooCommerce работают правильно document.addEventListener('DOMContentLoaded', function() { // Проверяем, что кнопка place_order работает const placeOrderBtn = document.getElementById('place_order'); if (placeOrderBtn) { // Убеждаемся, что кнопка не заблокирована placeOrderBtn.addEventListener('click', function(e) { const form = this.closest('form'); if (form && (form.id === 'order_review' || form.classList.contains('checkout') || form.classList.contains('woocommerce-checkout'))) { // Это форма WooCommerce - разрешаем отправку // Не блокируем событие } }, false); } // Убеждаемся, что формы WooCommerce не блокируются const woocommerceForms = document.querySelectorAll('form#order_review, form.checkout, form.woocommerce-checkout'); woocommerceForms.forEach(function(form) { if (!form.classList.contains('ai-order-form-inner')) { form.addEventListener('submit', function(e) { // Проверяем, что это не форма AI голосов if (!e.target.classList.contains('ai-order-form-inner')) { // Это форма WooCommerce - разрешаем отправку return true; } }, false); } }); }); // Дополнительная защита через window.onerror для максимального покрытия var originalOnError = window.onerror; window.onerror = function(msg, url, line, col, error) { var msgStr = String(msg || ''); var urlStr = String(url || ''); if (msgStr && ( msgStr.indexOf('Unexpected end of input') !== -1 || msgStr.indexOf('Unexpected identifier') !== -1 || msgStr.indexOf('Unexpected token') !== -1 || msgStr.indexOf('soundManager') !== -1 || msgStr.indexOf('setDefaults') !== -1 || msgStr.indexOf('indexOf') !== -1 || msgStr.indexOf('split') !== -1 || msgStr.indexOf('woof_ext_init_functions') !== -1 || msgStr.indexOf('Cannot read properties') !== -1 || msgStr.indexOf('is not defined') !== -1 || msgStr.indexOf('is not a function') !== -1 || msgStr.indexOf('ERR_CONNECTION_RESET') !== -1 || msgStr.indexOf('net::ERR_CONNECTION_RESET') !== -1 || urlStr.indexOf('jquery.mobile') !== -1 || urlStr.indexOf('mb_miniPlayer') !== -1 || urlStr.indexOf('front.js') !== -1 || urlStr.indexOf('woof') !== -1 || urlStr.indexOf('googlesyndication') !== -1 || urlStr.indexOf('adsbygoogle') !== -1 )) { return true; } if (originalOnError) { return originalOnError.apply(this, arguments); } return false; }; // Обработка ошибок для Google Ads try { if (typeof window.adsbygoogle === 'undefined') { window.adsbygoogle = []; } } catch (e) { // Игнорируем - скрипт Google Ads может не загрузиться из-за блокировщиков } // Защита от ошибок jQuery event handlers - работает для jQuery 1.12.4-wp и jQuery 3.2.1 (function() { function setupJQueryEventProtection() { if (typeof jQuery !== 'undefined' && jQuery.event) { try { // Защита для jQuery.event.dispatch (jQuery 1.12.4-wp использует dispatch) var originalDispatch = jQuery.event.dispatch; if (originalDispatch && typeof originalDispatch === 'function') { jQuery.event.dispatch = function(event) { try { return originalDispatch.apply(this, arguments); } catch(e) { // Подавляем ВСЕ ошибки event handlers return false; } }; } // Защита для jQuery.event.handle (старые версии jQuery) var originalHandle = jQuery.event.handle; if (originalHandle && typeof originalHandle === 'function') { jQuery.event.handle = function(event) { try { return originalHandle.apply(this, arguments); } catch(e) { return false; } }; } } catch(e) { // Игнорируем ошибки при установке защиты } } else { // Если jQuery еще не загружен, ждем его setTimeout(setupJQueryEventProtection, 50); } } // Пытаемся установить сразу setupJQueryEventProtection(); // Также устанавливаем при загрузке DOM if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', setupJQueryEventProtection); } // Также устанавливаем при полной загрузке if (window.addEventListener) { window.addEventListener('load', setupJQueryEventProtection); } })(); // JavaScript для замены иконки kids на Voice Assistant и текста (function() { // Создаем SVG символ для Voice Assistant (иконка микрофона со звуковыми волнами) function createVoiceAssistantSymbol() { // Проверяем, существует ли уже символ var existingSymbol = document.getElementById('voice-assistant'); if (existingSymbol) return; // Ищем существующий SVG с символами или создаем новый var svgContainer = document.querySelector('svg[style*="display: none"], svg.defs-only, svg[class*="sprite"]'); if (!svgContainer) { // Создаем скрытый SVG контейнер для символов svgContainer = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); svgContainer.setAttribute('style', 'display: none;'); svgContainer.setAttribute('class', 'svg-sprite'); document.body.appendChild(svgContainer); } var defs = svgContainer.querySelector('defs'); if (!defs) { defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs'); svgContainer.appendChild(defs); } // Создаем символ Voice Assistant (микрофон со звуковыми волнами) var symbol = document.createElementNS('http://www.w3.org/2000/svg', 'symbol'); symbol.setAttribute('id', 'voice-assistant'); symbol.setAttribute('viewBox', '0 0 42 42'); // Микрофон (белый) var micGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g'); micGroup.setAttribute('fill', 'white'); micGroup.setAttribute('stroke', 'white'); micGroup.setAttribute('stroke-width', '1'); // Корпус микрофона var micBody = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); micBody.setAttribute('x', '18'); micBody.setAttribute('y', '10'); micBody.setAttribute('width', '6'); micBody.setAttribute('height', '12'); micBody.setAttribute('rx', '3'); micGroup.appendChild(micBody); // Подставка микрофона var micStand = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); micStand.setAttribute('x', '19'); micStand.setAttribute('y', '22'); micStand.setAttribute('width', '4'); micStand.setAttribute('height', '8'); micGroup.appendChild(micStand); // Основание микрофона var micBase = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); micBase.setAttribute('x', '15'); micBase.setAttribute('y', '28'); micBase.setAttribute('width', '12'); micBase.setAttribute('height', '2'); micBase.setAttribute('rx', '1'); micGroup.appendChild(micBase); symbol.appendChild(micGroup); // Звуковые волны (белые вертикальные полоски справа от микрофона) var wavesGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g'); wavesGroup.setAttribute('fill', 'white'); // Первая волна (низкая) var wave1 = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); wave1.setAttribute('x', '26'); wave1.setAttribute('y', '18'); wave1.setAttribute('width', '2'); wave1.setAttribute('height', '6'); wave1.setAttribute('rx', '1'); wavesGroup.appendChild(wave1); // Вторая волна (средняя) var wave2 = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); wave2.setAttribute('x', '29'); wave2.setAttribute('y', '15'); wave2.setAttribute('width', '2'); wave2.setAttribute('height', '12'); wave2.setAttribute('rx', '1'); wavesGroup.appendChild(wave2); // Третья волна (высокая) var wave3 = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); wave3.setAttribute('x', '32'); wave3.setAttribute('y', '12'); wave3.setAttribute('width', '2'); wave3.setAttribute('height', '18'); wave3.setAttribute('rx', '1'); wavesGroup.appendChild(wave3); // Четвертая волна (средняя) var wave4 = document.createElementNS('http://www.w3.org/2000/svg', 'rect'); wave4.setAttribute('x', '35'); wave4.setAttribute('y', '16'); wave4.setAttribute('width', '2'); wave4.setAttribute('height', '10'); wave4.setAttribute('rx', '1'); wavesGroup.appendChild(wave4); symbol.appendChild(wavesGroup); defs.appendChild(symbol); } function replaceKidsSymbolContent() { // Находим символ #kids и заменяем его содержимое на иконку Voice Assistant var kidsSymbol = document.getElementById('kids'); if (kidsSymbol) { // Сохраняем оригинальный viewBox или устанавливаем по умолчанию var originalViewBox = kidsSymbol.getAttribute('viewBox') || '0 0 512 512'; // Очищаем старое содержимое kidsSymbol.innerHTML = ''; // Устанавливаем viewBox (сохраняем оригинальный) kidsSymbol.setAttribute('viewBox', originalViewBox); // Создаем path для микрофона со звуковыми волнами в стиле оригинального path // Микрофон: корпус, подставка, основание + звуковые волны справа // Все в белом цвете, используя path элементы для совместимости со стилем // Координаты для viewBox 512x512, центрируем иконку // Path для микрофона (корпус - скругленный прямоугольник, вертикальный) // Центр: x=256, y=256, размер примерно 80x120 var micBodyPath = document.createElementNS('http://www.w3.org/2000/svg', 'path'); micBodyPath.setAttribute('d', 'M216 176c-8.836 0-16 7.164-16 16v96c0 8.836 7.164 16 16 16h80c8.836 0 16-7.164 16-16v-96c0-8.836-7.164-16-16-16h-80z'); micBodyPath.setAttribute('fill', 'white'); micBodyPath.setAttribute('stroke', 'white'); micBodyPath.setAttribute('stroke-width', '4'); // Path для подставки микрофона (вертикальная полоска) var micStandPath = document.createElementNS('http://www.w3.org/2000/svg', 'path'); micStandPath.setAttribute('d', 'M248 304h16v96h-16z'); micStandPath.setAttribute('fill', 'white'); // Path для основания микрофона (горизонтальная полоска) var micBasePath = document.createElementNS('http://www.w3.org/2000/svg', 'path'); micBasePath.setAttribute('d', 'M224 400h128v16h-128z'); micBasePath.setAttribute('fill', 'white'); // Path для первой звуковой волны (низкая, справа от микрофона) var wave1Path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); wave1Path.setAttribute('d', 'M320 224h12v48h-12z'); wave1Path.setAttribute('fill', 'white'); // Path для второй звуковой волны (средняя) var wave2Path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); wave2Path.setAttribute('d', 'M340 208h12v64h-12z'); wave2Path.setAttribute('fill', 'white'); // Path для третьей звуковой волны (высокая) var wave3Path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); wave3Path.setAttribute('d', 'M360 192h12v80h-12z'); wave3Path.setAttribute('fill', 'white'); // Path для четвертой звуковой волны (средняя) var wave4Path = document.createElementNS('http://www.w3.org/2000/svg', 'path'); wave4Path.setAttribute('d', 'M380 216h12v56h-12z'); wave4Path.setAttribute('fill', 'white'); // Добавляем все элементы в символ kidsSymbol.appendChild(micBodyPath); kidsSymbol.appendChild(micStandPath); kidsSymbol.appendChild(micBasePath); kidsSymbol.appendChild(wave1Path); kidsSymbol.appendChild(wave2Path); kidsSymbol.appendChild(wave3Path); kidsSymbol.appendChild(wave4Path); } } // Общая функция для проверки, связан ли текст с AI голосами function isAIVoicesText(text) { if (!text) return false; var textStr = String(text); return textStr.indexOf('Десткие голоса') !== -1 || textStr.indexOf('Детские голоса') !== -1 || textStr.indexOf('Аі голоса') !== -1 || textStr.indexOf('Ai голоса') !== -1 || textStr.indexOf('AI голоса') !== -1; } function replaceKidsIconAndText() { // Создаем символ Voice Assistant, если его еще нет createVoiceAssistantSymbol(); // Заменяем содержимое символа #kids на иконку Voice Assistant replaceKidsSymbolContent(); // Заменяем xlink:href="#kids" на xlink:href="#voice-assistant" var useElements = document.querySelectorAll('use[xlink\\:href="#kids"], use[href="#kids"]'); useElements.forEach(function(useEl) { if (useEl.getAttribute('xlink:href') === '#kids' || useEl.getAttribute('href') === '#kids') { useEl.setAttribute('xlink:href', '#voice-assistant'); useEl.setAttribute('href', '#voice-assistant'); // Устанавливаем белый цвет для иконки useEl.setAttribute('fill', 'white'); useEl.style.fill = 'white'; // Устанавливаем белый цвет для родительского элемента, если это SVG var parent = useEl.parentElement; if (parent && parent.tagName === 'g') { parent.setAttribute('fill', 'white'); parent.style.fill = 'white'; } } }); // Заменяем текст "Десткие голоса" или "Детские голоса" на "Аі голоса" // Функция для замены текста в элементе function replaceTextInElement(element) { var text = element.textContent || ''; var originalText = text; // Заменяем описание "детским голосом" на "Аі голосом" if (text.indexOf('детским голосом') !== -1) { text = text.replace(/детским голосом/g, 'Аі голосом'); } // Заменяем заголовок "Детские голоса" или "Десткие голоса" на "Аі голоса" if (text.indexOf('Десткие голоса') !== -1 || text.indexOf('Детские голоса') !== -1) { text = text.replace(/Десткие голоса|Детские голоса/g, 'Аі голоса'); } // Заменяем отдельно "Детские" на "Аі" (если это не часть "Детские голоса") if (text.indexOf('Детские') !== -1 && text.indexOf('голоса') === -1) { text = text.replace(/Детские/g, 'Аі'); } // Применяем изменения только если текст изменился if (text !== originalText) { element.textContent = text; } } // Обрабатываем все text и tspan элементы var textElements = document.querySelectorAll('text, tspan'); textElements.forEach(function(textEl) { // Если это text элемент с tspan внутри, обрабатываем tspan if (textEl.tagName === 'text' && textEl.querySelectorAll('tspan').length > 0) { textEl.querySelectorAll('tspan').forEach(function(tspan) { replaceTextInElement(tspan); }); } else { // Обрабатываем сам элемент replaceTextInElement(textEl); } }); // Обновляем ссылку open-link для AI голосов var openLink = document.getElementById('open-link'); if (openLink) { var learnMore = openLink.querySelector('#learn-more'); var isAIVoices = false; var circleNav = document.getElementById('circle-nav-services'); var svgContainer = openLink.closest('svg'); // Функция для проверки, является ли элемент AI голосами function checkIfAIVoices() { var serv6Element = circleNav ? circleNav.querySelector('g.service.serv-6') : null; // Проверяем serv-6 элемент if (serv6Element) { if (serv6Element.classList.contains('active')) { return true; } var serv6Text = serv6Element.textContent || ''; if (isAIVoicesText(serv6Text)) { return true; } var serv6DataUrl = serv6Element.getAttribute('data-url'); if ((serv6DataUrl === '#' || serv6DataUrl === null || serv6DataUrl === '') && serv6Element.querySelector('use[href="#kids"], use[xlink\\:href="#kids"]')) { return true; } } // Проверяем SVG контейнер if (svgContainer) { var svgText = svgContainer.textContent || ''; if (isAIVoicesText(svgText)) { return true; } var useElement = svgContainer.querySelector('use[href="#voice-assistant"], use[xlink\\:href="#voice-assistant"], use[href="#kids"], use[xlink\\:href="#kids"]'); if (useElement && (useElement.getAttribute('href') === '#voice-assistant' || useElement.getAttribute('xlink:href') === '#voice-assistant' || useElement.getAttribute('href') === '#kids' || useElement.getAttribute('xlink:href') === '#kids')) { return true; } } // Проверяем learn-more с data-url "По полу" if (learnMore && learnMore.getAttribute('data-url') === 'По полу' && serv6Element) { var serv6Text = serv6Element.textContent || ''; if (isAIVoicesText(serv6Text)) { return true; } } return false; } isAIVoices = checkIfAIVoices(); // Если это связано с AI голосами, обновляем ссылку if (isAIVoices) { openLink.setAttribute('href', 'https://workspro.ru/ai-golosa/'); if (learnMore) { learnMore.setAttribute('data-url', 'Аі голоса'); } } } } // Выполняем замену при загрузке DOM if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { replaceKidsIconAndText(); // Также проверяем динамически добавленные элементы var observer = new MutationObserver(function(mutations) { replaceKidsIconAndText(); }); observer.observe(document.body, { childList: true, subtree: true }); }); } else { replaceKidsIconAndText(); // Также проверяем динамически добавленные элементы var observer = new MutationObserver(function(mutations) { replaceKidsIconAndText(); }); observer.observe(document.body, { childList: true, subtree: true }); } })(); </script> <style> /* Стили для иконки Voice Assistant (белый цвет) */ use[href="#voice-assistant"], use[xlink\:href="#voice-assistant"] { fill: white !important; color: white !important; } g use[href="#voice-assistant"], g use[xlink\:href="#voice-assistant"] { fill: white !important; } /* Убеждаемся, что символ Voice Assistant отображается белым */ #voice-assistant, symbol#voice-assistant { fill: white; color: white; } #voice-assistant * { fill: white !important; stroke: white !important; } </style> <script> // JavaScript для управления SVG кругом навигации (circle-nav-services) (function() { // Маппинг категорий на их URL (по названию) var categoryUrls = { 'По полу': 'https://workspro.ru/pol', 'По цене': 'https://workspro.ru/many', 'По видам': 'https://workspro.ru/vidy-ozvuchivanija', 'По языкам': 'https://workspro.ru/language', 'По языкам озвучки': 'https://workspro.ru/language', 'По оперативности': 'https://workspro.ru/time', 'Дублирование': 'https://workspro.ru/dublirovanie', 'AI голоса': 'https://workspro.ru/ai-golosa', 'Аі голоса': 'https://workspro.ru/ai-golosa', 'Ai голоса': 'https://workspro.ru/ai-golosa', 'Десткие голоса': 'https://workspro.ru/ai-golosa', 'Детские голоса': 'https://workspro.ru/ai-golosa' }; // Маппинг частей URL на полные ссылки (для data-url атрибутов) var urlParts = { 'pol': 'https://workspro.ru/pol', 'many': 'https://workspro.ru/many', 'vidy-ozvuchivanija': 'https://workspro.ru/vidy-ozvuchivanija', 'language': 'https://workspro.ru/language', 'time': 'https://workspro.ru/time', 'dublirovanie': 'https://workspro.ru/dublirovanie' }; // Функция для получения полной ссылки function getFullUrl(dataUrl) { if (!dataUrl) return null; // Убираем пробелы в начале и конце dataUrl = String(dataUrl).trim(); // Если это уже полная ссылка (начинается с http:// или https://) if (dataUrl.indexOf('http://') === 0 || dataUrl.indexOf('https://') === 0) { return dataUrl; } // Если это абсолютный путь (начинается с /) if (dataUrl.indexOf('/') === 0) { return 'https://workspro.ru' + dataUrl; } // Если это название категории (с пробелами, например "По полу") if (categoryUrls[dataUrl]) { return categoryUrls[dataUrl]; } // Если это часть URL (без пробелов, например "pol") if (urlParts[dataUrl]) { return urlParts[dataUrl]; } // Если это часть URL без префикса и без пробелов // НЕ добавляем автоматически, если есть пробелы - это может быть ошибка if (dataUrl.indexOf('workspro.ru') === -1 && dataUrl.indexOf('/') !== 0 && dataUrl.indexOf(' ') === -1 && dataUrl.length > 0) { return 'https://workspro.ru/' + dataUrl; } // Если ничего не подошло, возвращаем null console.warn('Не удалось определить URL для:', dataUrl); return null; } // Функция для исправления всех ссылок в SVG function fixAllLinksInSVG(circleNav) { if (!circleNav) return; var allLinks = circleNav.querySelectorAll('a[href]'); allLinks.forEach(function(link) { var href = link.getAttribute('href'); if (!href) return; // Если href содержит пробелы или не является полной ссылкой, исправляем if (href.indexOf(' ') !== -1) { // Это название категории, преобразуем в полную ссылку var fullUrl = getFullUrl(href); if (fullUrl && fullUrl.indexOf('http') === 0) { link.setAttribute('href', fullUrl); } else { // Если не удалось преобразовать, убираем href чтобы предотвратить переход link.removeAttribute('href'); link.style.cursor = 'pointer'; link.setAttribute('data-original-href', href); // Сохраняем для обработки через JS } } else if (href.indexOf('http') !== 0 && href.indexOf('/') !== 0 && href !== '#') { // Относительный путь без / в начале - преобразуем var fullUrl = getFullUrl(href); if (fullUrl && fullUrl.indexOf('http') === 0) { link.setAttribute('href', fullUrl); } else { // Если не удалось преобразовать, убираем href link.removeAttribute('href'); link.style.cursor = 'pointer'; link.setAttribute('data-original-href', href); } } }); } function initCircleNav() { var circleNav = document.getElementById('circle-nav-services'); if (!circleNav) return; var learnMoreBtn = document.getElementById('learn-more'); var openLink = document.getElementById('open-link'); // Проверяем, активен ли serv-6 при инициализации или содержит текст "Десткие голоса" var serv6Element = circleNav.querySelector('g.service.serv-6'); var isAIVoices = false; if (serv6Element) { // Проверяем, активен ли serv-6 if (serv6Element.classList.contains('active')) { isAIVoices = true; } // Проверяем текст в serv-6 var serv6Text = serv6Element.textContent || ''; if (isAIVoicesText(serv6Text)) { isAIVoices = true; } // Проверяем data-url у serv-6 var serv6DataUrl = serv6Element.getAttribute('data-url'); if (serv6DataUrl === '#' || serv6DataUrl === null || serv6DataUrl === '') { // Если data-url пустой или "#", это может быть AI голоса var serv6UseElement = serv6Element.querySelector('use[href="#kids"], use[xlink\\:href="#kids"]'); if (serv6UseElement) { isAIVoices = true; } } } // Если это AI голоса, обновляем ссылку if (isAIVoices && openLink) { openLink.setAttribute('href', 'https://workspro.ru/ai-golosa/'); if (learnMoreBtn) { learnMoreBtn.setAttribute('data-url', 'Аі голоса'); } } // Исправляем все ссылки внутри SVG при инициализации fixAllLinksInSVG(circleNav); // Периодически проверяем и исправляем ссылки (на случай динамических изменений) var linkCheckInterval = setInterval(function() { fixAllLinksInSVG(circleNav); }, 1000); // Останавливаем проверку через 10 секунд (достаточно для инициализации) setTimeout(function() { clearInterval(linkCheckInterval); }, 10000); // Перехватываем все попытки установить неправильный href только для элементов внутри SVG var svgElements = circleNav.querySelectorAll('a, [data-url]'); var protectedElements = new WeakSet(); svgElements.forEach(function(el) { protectedElements.add(el); // Перехватываем setAttribute для каждого элемента отдельно var originalSetAttribute = el.setAttribute.bind(el); el.setAttribute = function(name, value) { if (name === 'href' && value && typeof value === 'string') { // Проверяем, не является ли значение неправильным if (value.indexOf(' ') !== -1 || (value.indexOf('http') !== 0 && value.indexOf('/') !== 0 && value !== '#')) { var fullUrl = getFullUrl(value); if (fullUrl && fullUrl.indexOf('http') === 0) { value = fullUrl; } else { // Если не удалось преобразовать, сохраняем в data-атрибут и используем # originalSetAttribute('data-original-href', value); value = '#'; } } } return originalSetAttribute(name, value); }; }); // Глобальный обработчик для предотвращения неправильных переходов // Перехватываем все клики внутри SVG до того, как они обработаются браузером circleNav.addEventListener('click', function(e) { var target = e.target; // Проверяем все возможные источники неправильных ссылок var elementWithDataUrl = target.closest('[data-url]'); var linkElement = target.closest('a[href]'); // Если клик на ссылке с неправильным href if (linkElement) { var href = linkElement.getAttribute('href'); var originalHref = linkElement.getAttribute('data-original-href'); // Проверяем data-original-href, если href = '#' if (href === '#' && originalHref) { e.preventDefault(); e.stopPropagation(); var url = getFullUrl(originalHref); if (url && url.indexOf('http') === 0) { window.location.href = url; } return false; } // Проверяем обычный href if (href && href !== '#' && (href.indexOf(' ') !== -1 || (href.indexOf('http') !== 0 && href.indexOf('/') !== 0))) { e.preventDefault(); e.stopPropagation(); var url = getFullUrl(href); if (url && url.indexOf('http') === 0) { window.location.href = url; } return false; } } // Если клик на элементе с data-url, содержащим пробелы if (elementWithDataUrl) { var dataUrl = elementWithDataUrl.getAttribute('data-url'); if (dataUrl && dataUrl.indexOf(' ') !== -1) { e.preventDefault(); e.stopPropagation(); var url = getFullUrl(dataUrl); if (url && url.indexOf('http') === 0) { // Обновляем ссылки, но не переходим сразу (переход будет при клике на learn-more/open-link) if (openLink) { openLink.setAttribute('href', url); } if (learnMoreBtn) { learnMoreBtn.setAttribute('data-url', dataUrl); } } return false; } } }, true); // Используем capture phase для раннего перехвата // Обработка клика на learn-more (rect) if (learnMoreBtn) { learnMoreBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var dataUrl = this.getAttribute('data-url'); var url = getFullUrl(dataUrl); // Проверяем, связано ли это с AI голосами var isAIVoices = false; if (dataUrl === 'AI голоса' || dataUrl === 'Аі голоса' || dataUrl === 'Ai голоса' || dataUrl === 'Десткие голоса' || dataUrl === 'Детские голоса' || dataUrl === '#') { // Проверяем, активен ли serv-6 var activeService = circleNav.querySelector('g.service.serv-6.active'); if (activeService || dataUrl === '#') { isAIVoices = true; url = 'https://workspro.ru/ai-golosa/'; } } else { // Проверяем контекст - есть ли рядом use элемент с voice-assistant или kids var svgContainer = this.closest('svg'); if (svgContainer) { var useElement = svgContainer.querySelector('use[href="#voice-assistant"], use[xlink\\:href="#voice-assistant"], use[href="#kids"], use[xlink\\:href="#kids"]'); if (useElement) { var useHref = useElement.getAttribute('href') || useElement.getAttribute('xlink:href'); if (useHref === '#voice-assistant' || useHref === '#kids') { // Проверяем текст в SVG var svgText = svgContainer.textContent || ''; if (svgText.indexOf('AI голоса') !== -1 || svgText.indexOf('Аі голоса') !== -1 || svgText.indexOf('Ai голоса') !== -1 || svgText.indexOf('Десткие голоса') !== -1 || svgText.indexOf('Детские голоса') !== -1) { isAIVoices = true; url = 'https://workspro.ru/ai-golosa'; } } } } } // Если не удалось получить из data-url, используем href из open-link if (!url && openLink) { url = openLink.getAttribute('href'); // Проверяем, что это полная ссылка if (url && url.indexOf('http') !== 0 && url.indexOf('/') === 0) { url = 'https://workspro.ru' + url; } } // Проверяем, что URL валидный и не пустой if (url && url !== '#' && url !== '' && url.indexOf('http') === 0) { window.location.href = url; } else { console.warn('Некорректный URL:', url); } }); } // Обработка клика на open-link (a) if (openLink) { openLink.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); var href = this.getAttribute('href'); // Проверяем, связано ли это с AI голосами var learnMoreDataUrl = learnMoreBtn ? learnMoreBtn.getAttribute('data-url') : null; var isAIVoices = false; // Проверяем data-url кнопки learn-more if (learnMoreDataUrl === 'AI голоса' || learnMoreDataUrl === 'Аі голоса' || learnMoreDataUrl === 'Ai голоса' || learnMoreDataUrl === 'Десткие голоса' || learnMoreDataUrl === 'Детские голоса' || learnMoreDataUrl === '#') { isAIVoices = true; } // Проверяем, активен ли serv-6 (элемент "Детские голоса") var svgContainer = this.closest('svg'); if (svgContainer) { var activeService = svgContainer.querySelector('g.service.serv-6.active'); if (activeService) { isAIVoices = true; } // Проверяем контекст - есть ли рядом use элемент с voice-assistant или kids if (!isAIVoices) { var useElement = svgContainer.querySelector('use[href="#voice-assistant"], use[xlink\\:href="#voice-assistant"], use[href="#kids"], use[xlink\\:href="#kids"]'); if (useElement) { var useHref = useElement.getAttribute('href') || useElement.getAttribute('xlink:href'); if (useHref === '#voice-assistant' || useHref === '#kids') { // Проверяем текст в SVG var svgText = svgContainer.textContent || ''; if (svgText.indexOf('AI голоса') !== -1 || svgText.indexOf('Аі голоса') !== -1 || svgText.indexOf('Ai голоса') !== -1 || svgText.indexOf('Десткие голоса') !== -1 || svgText.indexOf('Детские голоса') !== -1) { isAIVoices = true; } } } } } if (isAIVoices) { href = 'https://workspro.ru/ai-golosa/'; } // Проверяем, что это полная ссылка if (href && href !== '#' && href !== '') { if (href.indexOf('http') === 0) { window.location.href = href; } else if (href.indexOf('/') === 0) { window.location.href = 'https://workspro.ru' + href; } else { // Относительный путь - преобразуем в абсолютный var fullUrl = getFullUrl(href); if (fullUrl) { window.location.href = fullUrl; } else { console.warn('Некорректный href:', href); } } } }); } // Обработка кликов на элементы service (g.service) var services = circleNav.querySelectorAll('g.service'); services.forEach(function(service) { service.addEventListener('click', function(e) { // Игнорируем клики на learn-more и open-link if (e.target.id === 'learn-more' || e.target.id === 'open-link' || e.target.closest('#learn-more') || e.target.closest('#open-link')) { return; } var dataUrl = this.getAttribute('data-url'); var url = getFullUrl(dataUrl); // Получаем название категории из текста var textElement = this.querySelector('text tspan'); var categoryName = textElement ? textElement.textContent.trim() : null; // Проверяем, является ли это элементом AI голосов (по иконке, тексту или классу) var useElement = this.querySelector('use[href="#kids"], use[xlink\\:href="#kids"], use[href="#voice-assistant"], use[xlink\\:href="#voice-assistant"]'); var isAIVoices = false; // Проверяем класс serv-6 (элемент AI голосов) или data-url="#" if (this.classList.contains('serv-6') || dataUrl === '#') { isAIVoices = true; } if (useElement && (useElement.getAttribute('href') === '#kids' || useElement.getAttribute('xlink:href') === '#kids' || useElement.getAttribute('href') === '#voice-assistant' || useElement.getAttribute('xlink:href') === '#voice-assistant')) { isAIVoices = true; } // Проверяем текст элемента на наличие "Детские голоса" или "Десткие голоса" if (textElement) { var textContent = textElement.textContent || ''; if (textContent.indexOf('Детские') !== -1 || textContent.indexOf('Десткие') !== -1) { isAIVoices = true; } } if (categoryName && (categoryName === 'AI голоса' || categoryName === 'Аі голоса' || categoryName === 'Ai голоса' || categoryName === 'Десткие голоса' || categoryName === 'Детские голоса')) { isAIVoices = true; categoryName = 'Аі голоса'; } // Если это AI голоса, устанавливаем правильную ссылку if (isAIVoices) { url = 'https://workspro.ru/ai-golosa/'; categoryName = 'Аі голоса'; } else if (categoryName && categoryUrls[categoryName]) { // Если есть название категории, используем его для обновления ссылок url = categoryUrls[categoryName]; } // Обновляем href у open-link if (openLink && url) { openLink.setAttribute('href', url); } // Обновляем data-url у learn-more if (learnMoreBtn && categoryName) { learnMoreBtn.setAttribute('data-url', categoryName); } }); }); // Обработка выбора circle - обновляем ссылки при выборе var circles = circleNav.querySelectorAll('circle.shadow, circle[class*="shadow"]'); circles.forEach(function(circle) { circle.addEventListener('click', function(e) { e.stopPropagation(); // Находим родительский элемент service var service = this.closest('g.service'); if (service) { var dataUrl = service.getAttribute('data-url'); var url = getFullUrl(dataUrl); // Получаем название категории из текста var textElement = service.querySelector('text tspan'); var categoryName = textElement ? textElement.textContent.trim() : null; // Проверяем, является ли это элементом AI голосов (по иконке, тексту или классу) var useElement = service.querySelector('use[href="#kids"], use[xlink\\:href="#kids"], use[href="#voice-assistant"], use[xlink\\:href="#voice-assistant"]'); var isAIVoices = false; // Проверяем класс serv-6 (элемент AI голосов) или data-url="#" if (service.classList.contains('serv-6') || dataUrl === '#') { isAIVoices = true; } if (useElement && (useElement.getAttribute('href') === '#kids' || useElement.getAttribute('xlink:href') === '#kids' || useElement.getAttribute('href') === '#voice-assistant' || useElement.getAttribute('xlink:href') === '#voice-assistant')) { isAIVoices = true; } // Проверяем текст элемента на наличие "Детские голоса" или "Десткие голоса" if (textElement) { var textContent = textElement.textContent || ''; if (textContent.indexOf('Детские') !== -1 || textContent.indexOf('Десткие') !== -1) { isAIVoices = true; } } if (categoryName && (categoryName === 'AI голоса' || categoryName === 'Аі голоса' || categoryName === 'Ai голоса' || categoryName === 'Десткие голоса' || categoryName === 'Детские голоса')) { isAIVoices = true; categoryName = 'Аі голоса'; } // Если это AI голоса, устанавливаем правильную ссылку if (isAIVoices) { url = 'https://workspro.ru/ai-golosa/'; categoryName = 'Аі голоса'; } else if (categoryName && categoryUrls[categoryName]) { url = categoryUrls[categoryName]; } // Обновляем href у open-link if (openLink && url) { openLink.setAttribute('href', url); } // Обновляем data-url у learn-more if (learnMoreBtn && categoryName) { learnMoreBtn.setAttribute('data-url', categoryName); } } }); }); // Анимация при наведении на элементы SVG var navElements = circleNav.querySelectorAll('use, circle, text, rect, g.service'); navElements.forEach(function(el) { el.addEventListener('mouseenter', function() { this.style.opacity = '0.8'; this.style.transition = 'opacity 0.3s ease'; }); el.addEventListener('mouseleave', function() { this.style.opacity = '1'; }); }); } // Перехватываем все попытки перехода по неправильным URL var originalLocationHref = Object.getOwnPropertyDescriptor(window, 'location') || Object.getOwnPropertyDescriptor(Object.getPrototypeOf(window), 'location'); // Перехватываем window.location.href var currentLocation = window.location; Object.defineProperty(window, 'location', { get: function() { return currentLocation; }, set: function(value) { if (typeof value === 'string') { // Проверяем на неправильные пути var isInvalid = false; // Проверяем на пробелы if (value.indexOf(' ') !== -1) { isInvalid = true; } // Проверяем на URL-кодированные русские символы в неправильном контексте if (value.indexOf('%D0%9F%D0%BE') !== -1 && value.indexOf('category/spisok-diktorov/diktory/') !== -1) { isInvalid = true; } // Проверяем на относительные пути с названиями категорий if (value.indexOf('http') !== 0 && value.indexOf('/') !== 0) { var categoryNames = ['По полу', 'По цене', 'По видам', 'По языкам', 'По оперативности', 'Дублирование', 'AI голоса', 'Аі голоса']; for (var i = 0; i < categoryNames.length; i++) { if (value.indexOf(categoryNames[i]) !== -1) { isInvalid = true; break; } } } if (isInvalid) { var fullUrl = getFullUrl(value); if (fullUrl && fullUrl.indexOf('http') === 0) { currentLocation.href = fullUrl; return; } else { // Если не удалось преобразовать, просто игнорируем переход console.warn('Блокирован переход по неправильному URL:', value); return; } } } currentLocation.href = value; }, configurable: true }); // Перехватываем window.location.href напрямую try { var locationDescriptor = Object.getOwnPropertyDescriptor(window.location, 'href') || Object.getOwnPropertyDescriptor(Object.getPrototypeOf(window.location), 'href'); if (locationDescriptor && locationDescriptor.set) { var originalHrefSetter = locationDescriptor.set; Object.defineProperty(window.location, 'href', { get: locationDescriptor.get, set: function(value) { if (typeof value === 'string') { // Проверяем на неправильные пути var isInvalid = false; // Проверяем на пробелы if (value.indexOf(' ') !== -1) { isInvalid = true; } // Проверяем на URL-кодированные русские символы в неправильном контексте if (value.indexOf('%D0%9F%D0%BE') !== -1 && value.indexOf('category/spisok-diktorov/diktory/') !== -1) { isInvalid = true; } // Проверяем на относительные пути с названиями категорий if (value.indexOf('http') !== 0 && value.indexOf('/') !== 0) { var categoryNames = ['По полу', 'По цене', 'По видам', 'По языкам', 'По оперативности', 'Дублирование', 'AI голоса', 'Аі голоса']; for (var i = 0; i < categoryNames.length; i++) { if (value.indexOf(categoryNames[i]) !== -1) { isInvalid = true; break; } } } if (isInvalid) { var fullUrl = getFullUrl(value); if (fullUrl && fullUrl.indexOf('http') === 0) { return originalHrefSetter.call(window.location, fullUrl); } else { // Если не удалось преобразовать, просто игнорируем переход console.warn('Блокирован переход по неправильному URL:', value); return; } } } return originalHrefSetter.call(window.location, value); }, configurable: true }); } } catch(e) { // Игнорируем ошибки перехвата } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCircleNav); } else { initCircleNav(); } })(); })(); </script>  <script> (function() { 'use strict'; // Обработка ошибок загрузки изображений, особенно для WCFM страниц function handleImageErrors() { var images = document.querySelectorAll('img[src*="e4316ec7-150x150.png"], img[src*="e4316ec7"]'); images.forEach(function(img) { img.addEventListener('error', function() { // Скрываем изображение при ошибке загрузки или заменяем на placeholder this.style.display = 'none'; // Или можно установить placeholder // this.src = 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="150" height="150"%3E%3Crect width="150" height="150" fill="%23ddd"/%3E%3C/svg%3E'; }, { once: true }); }); } // Обработка ошибок для всех изображений на страницах WCFM var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1 || window.location.pathname.indexOf('/wcfm') !== -1; if (isWCFMPage) { // Обрабатываем существующие изображения if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', handleImageErrors); } else { handleImageErrors(); } // Обрабатываем динамически добавленные изображения var observer = new MutationObserver(function(mutations) { handleImageErrors(); }); observer.observe(document.body, { childList: true, subtree: true }); // Глобальная обработка ошибок загрузки изображений document.addEventListener('error', function(event) { if (event.target && event.target.tagName === 'IMG') { var src = event.target.src || ''; if (src.indexOf('e4316ec7') !== -1 || src.indexOf('404') !== -1) { event.target.style.display = 'none'; event.preventDefault(); event.stopPropagation(); } } }, true); } })(); </script>  <script> (function() { 'use strict'; // Функция для скрытия блока обработки function hideProcessingBlock() { var processingBlock = document.getElementById('wcfm-orders_processing'); if (processingBlock) { processingBlock.style.display = 'none'; } // Также скрываем все блоки с классом dataTables_processing var allProcessingBlocks = document.querySelectorAll('.dataTables_processing'); allProcessingBlocks.forEach(function(block) { block.style.display = 'none'; }); } // Обработка кликов на меню WCFM для корректной работы страницы заказов function setupWCFMMenuHandlers() { // Обрабатываем клики на меню "Заказы" var ordersMenuLinks = document.querySelectorAll('.wcfm_menu_wcfm-orders a, a[href*="/wc-frontend/orderslist/"], a[href*="/wcfm-orders"]'); ordersMenuLinks.forEach(function(link) { link.addEventListener('click', function(e) { // Сохраняем URL для проверки после загрузки var targetUrl = this.href || this.getAttribute('href'); if (targetUrl && (targetUrl.indexOf('/wc-frontend/orderslist/') !== -1 || targetUrl.indexOf('/wcfm-orders') !== -1)) { // Устанавливаем флаг, что мы переходим на страницу заказов sessionStorage.setItem('wcfm_orders_loading', 'true'); // Если это обычный переход (не AJAX), страница перезагрузится и обработка сработает // Если это AJAX переход, обработаем его ниже if (typeof jQuery !== 'undefined') { // Проверяем, используется ли AJAX для загрузки контента var $link = jQuery(this); if ($link.data('ajax') || $link.hasClass('ajax-link')) { // Это AJAX переход, обрабатываем его setTimeout(function() { hideProcessingBlock(); }, 1000); } } } }); }); // Обрабатываем клики на другие элементы меню WCFM для сравнения поведения var otherMenuLinks = document.querySelectorAll('.wcfm_menu_item a, .wcfm_header_panel_messages'); otherMenuLinks.forEach(function(link) { link.addEventListener('click', function(e) { // Для других страниц WCFM также применяем обработку var targetUrl = this.href || this.getAttribute('href'); if (targetUrl && targetUrl.indexOf('/wc-frontend/') !== -1) { // Устанавливаем флаг загрузки sessionStorage.setItem('wcfm_page_loading', 'true'); } }); }); } // Инициализируем обработчики меню при загрузке страницы if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', setupWCFMMenuHandlers); } else { setupWCFMMenuHandlers(); } // Обрабатываем динамически добавленные элементы меню if (typeof MutationObserver !== 'undefined') { var menuObserver = new MutationObserver(function(mutations) { setupWCFMMenuHandlers(); }); var wcfmMenuContainer = document.querySelector('.wcfm_menu, .wcfm_header_panel, .wcfm_menu_items'); if (wcfmMenuContainer) { menuObserver.observe(wcfmMenuContainer, { childList: true, subtree: true }); } } // Проверяем, находимся ли мы на странице WCFM orders var isWCFMOrdersPage = window.location.pathname.indexOf('/wc-frontend/orderslist/') !== -1 || window.location.pathname.indexOf('/wcfm/orders') !== -1 || window.location.pathname.indexOf('/wc-frontend/orders') !== -1 || sessionStorage.getItem('wcfm_orders_loading') === 'true'; // Очищаем флаг после проверки if (sessionStorage.getItem('wcfm_orders_loading') === 'true') { sessionStorage.removeItem('wcfm_orders_loading'); } if (isWCFMOrdersPage) { // Скрываем блок обработки через 3 секунды максимум var maxTimeout = setTimeout(function() { hideProcessingBlock(); }, 3000); // Также скрываем блок, если DataTables инициализирована if (typeof jQuery !== 'undefined') { jQuery(document).ready(function($) { // Проверяем наличие таблицы var ordersTable = $('#wcfm-orders'); if (ordersTable.length > 0) { // Если таблица существует, скрываем блок обработки hideProcessingBlock(); clearTimeout(maxTimeout); // Обрабатываем события DataTables if ($.fn.DataTable && ordersTable.DataTable) { try { var table = ordersTable.DataTable(); // Скрываем блок при успешной инициализации ordersTable.on('init.dt', function() { hideProcessingBlock(); clearTimeout(maxTimeout); }); // Скрываем блок при ошибке загрузки данных ordersTable.on('error.dt', function() { hideProcessingBlock(); clearTimeout(maxTimeout); }); // Скрываем блок после завершения обработки ordersTable.on('processing.dt', function(e, settings, processing) { if (!processing) { hideProcessingBlock(); clearTimeout(maxTimeout); } }); } catch(e) { // Если DataTables не инициализирована, просто скрываем блок hideProcessingBlock(); clearTimeout(maxTimeout); } } // Дополнительная проверка через 1.5 секунды setTimeout(function() { hideProcessingBlock(); clearTimeout(maxTimeout); }, 1500); } else { // Если таблицы нет, скрываем блок сразу hideProcessingBlock(); clearTimeout(maxTimeout); } }); } else { // Если jQuery не загружен, используем vanilla JS if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { hideProcessingBlock(); clearTimeout(maxTimeout); }, 1000); }); } else { setTimeout(function() { hideProcessingBlock(); clearTimeout(maxTimeout); }, 1000); } } // Обработка ошибок AJAX запросов (включая 404) if (typeof jQuery !== 'undefined') { jQuery(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { // Если это запрос для WCFM orders или ошибка 404 if (ajaxSettings.url && ( ajaxSettings.url.indexOf('wcfm') !== -1 || ajaxSettings.url.indexOf('orders') !== -1 || jqXHR.status === 404 )) { setTimeout(function() { hideProcessingBlock(); clearTimeout(maxTimeout); }, 300); } }); // Обработка успешных AJAX запросов jQuery(document).ajaxComplete(function(event, xhr, settings) { if (settings.url && ( settings.url.indexOf('wcfm') !== -1 || settings.url.indexOf('orders') !== -1 )) { setTimeout(function() { hideProcessingBlock(); clearTimeout(maxTimeout); }, 300); } }); } // Fallback: скрываем блок при любом взаимодействии пользователя var hideOnInteraction = function() { hideProcessingBlock(); clearTimeout(maxTimeout); document.removeEventListener('click', hideOnInteraction); document.removeEventListener('scroll', hideOnInteraction); document.removeEventListener('keydown', hideOnInteraction); }; setTimeout(function() { document.addEventListener('click', hideOnInteraction, { once: true }); document.addEventListener('scroll', hideOnInteraction, { once: true }); document.addEventListener('keydown', hideOnInteraction, { once: true }); }, 500); } // Обработка AJAX-переходов на страницы WCFM (если используется AJAX для загрузки контента) if (typeof jQuery !== 'undefined') { jQuery(document).ready(function($) { // Используем более безопасный подход - обработка через глобальные события jQuery // Обрабатываем события загрузки контента через WCFM $(document).on('wcfm_page_load wcfm_table_update wcfm_orders_loaded', function() { setTimeout(function() { hideProcessingBlock(); }, 500); }); // Обрабатываем изменения DOM, которые могут указывать на загрузку контента if (typeof MutationObserver !== 'undefined') { var contentObserver = new MutationObserver(function(mutations) { var hasOrdersTable = document.getElementById('wcfm-orders') !== null; var hasProcessingBlock = document.getElementById('wcfm-orders_processing') !== null; if (hasOrdersTable && hasProcessingBlock) { // Таблица загружена, но блок обработки еще виден - скрываем его setTimeout(function() { hideProcessingBlock(); }, 300); } }); var wcfmContent = document.querySelector('#wcfm-content, .wcfm-content, #wcfm-orders_wrapper'); if (wcfmContent) { contentObserver.observe(wcfmContent, { childList: true, subtree: true }); } } }); } // Обработка изменений URL через History API (для AJAX-навигации) if (window.history && window.history.pushState) { var originalPushState = history.pushState; history.pushState = function() { var result = originalPushState.apply(history, arguments); var newUrl = arguments[2] || window.location.href; // Если перешли на страницу заказов, применяем обработку if (newUrl.indexOf('/wc-frontend/orderslist/') !== -1 || newUrl.indexOf('/wcfm-orders') !== -1) { setTimeout(function() { hideProcessingBlock(); // Перезапускаем обработку для новой страницы if (typeof jQuery !== 'undefined') { jQuery(document).ready(function($) { var ordersTable = $('#wcfm-orders'); if (ordersTable.length > 0) { setTimeout(function() { hideProcessingBlock(); }, 1000); } }); } }, 500); } return result; }; // Обрабатываем событие popstate (назад/вперед в браузере) window.addEventListener('popstate', function() { if (window.location.pathname.indexOf('/wc-frontend/orderslist/') !== -1) { setTimeout(function() { hideProcessingBlock(); }, 500); } }); } // Универсальная обработка для всех страниц WCFM - применяем ту же логику, что и для messages var isWCFMPage = window.location.pathname.indexOf('/wc-frontend/') !== -1; if (isWCFMPage && !isWCFMOrdersPage) { // Для других страниц WCFM также применяем обработку блоков обработки setTimeout(function() { var allProcessingBlocks = document.querySelectorAll('.dataTables_processing, [id*="processing"]'); allProcessingBlocks.forEach(function(block) { if (block.style.display === 'block' || block.style.display === '') { block.style.display = 'none'; } }); }, 2000); } })(); </script> </body> </html>