Audio Player<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #1f1f1f;\n color: #fff;\n text-align: center;\n }\n\n .player {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #333;\n color: #ccc;\n height: 60px;\n padding: 0 10px;\n margin-bottom: 10px;\n border-radius: 5px;\n }\n\n .player img {\n width: 50px;\n height: 50px;\n object-fit: cover;\n border-radius: 5px;\n margin-right: 10px;\n }\n\n .controls {\n display: flex;\n align-items: center;\n }\n\n .controls button {\n background: none;\n border: none;\n cursor: pointer;\n color: #ffd700;\n font-size: 20px;\n margin-left: 10px;\n transition: transform 0.2s;\n }\n\n .controls button:hover {\n transform: scale(1.1);\n }\n\n input[type='range'] {\n width: 100%;\n accent-color: #ffd700;\n height: 4px;\n appearance: none;\n background-color: #555;\n border-radius: 2px;\n }\n\n input[type='range']::-webkit-slider-thumb {\n width: 12px;\n height: 12px;\n background-color: #ffd700;\n border-radius: 50%;\n cursor: pointer;\n appearance: none;\n }\n\n input[type='range']::-moz-range-thumb {\n width: 12px;\n height: 12px;\n background-color: #ffd700;\n border-radius: 50%;\n cursor: pointer;\n }\n\n audio {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<h4><\/h4>\n\n<div class=\"player\">\n\n <img decoding=\"async\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/09\/\u041f\u043b\u0430\u0448\u043a\u0430-\u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440.webp\" alt=\"Track Miniature\" style=\"width: 130px; height: 30px;\">\n <input type=\"range\" min=\"0\" value=\"0\" step=\"any\" disabled>\n <div class=\"controls\">\n <button onclick=\"playPause()\">\u25b6\ufe0f<\/button>\n <button onclick=\"stop()\">\u23f9<\/button>\n <\/div>\n <audio id=\"audio-track\" src=\" https:\/\/zbkplus.ru\/\u0432\u0438\u0434\u0435\u043e\u043a\u043e\u043d\u0442\u0435\u043d\u0442\/\u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0435\u0439\/\u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440\/\u043d\u043e\u0432\u043e\u0441\u0442\u0438 \u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440\u0430 28.11. 2025. mp3.mp3\" preload=\"metadata\"><\/audio>\n<\/div>\n\n<script>\n window.addEventListener('DOMContentLoaded', function() {\n const rangeInput = document.querySelector('input[type=\"range\"]');\n const audio = document.querySelector('#audio-track');\n \n audio.addEventListener('timeupdate', function() {\n rangeInput.value = this.currentTime;\n rangeInput.max = this.duration || 0;\n rangeInput.disabled = false;\n });\n\n rangeInput.addEventListener('change', function() {\n audio.currentTime = this.value;\n });\n });\n\n function playPause() {\n const audio = document.querySelector('#audio-track');\n if (audio.paused) {\n audio.play();\n } else {\n audio.pause();\n }\n }\n\n function stop() {\n const audio = document.querySelector('#audio-track');\n audio.pause();\n audio.currentTime = 0;\n }\n<\/script>\n\n<\/body>\n\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441 \u0441\u043f\u0435\u00ad\u0446\u0438\u00ad\u0430\u00ad\u043b\u0438\u00ad\u0441\u0442\u0430\u043c \u043d\u0430\u0434\u00ad\u0437\u043e\u0440\u00ad\u043d\u043e\u00ad\u0433\u043e \u0432\u0435\u0434\u043e\u043c\u00ad\u0441\u0442\u0432\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u00ad\u0442\u0435 \u0432 \u0444\u043e\u0440\u00ad\u043c\u0435 \u043e\u0431\u0440\u0430\u0442\u00ad\u043d\u043e\u0439 \u0441\u0432\u044f\u00ad\u0437\u0438 \u0438\u043d\u0444\u043e\u0440\u00ad\u043c\u0430\u00ad\u0446\u0438\u00ad\u043e\u043d\u00ad\u043d\u043e-\u0430\u043d\u0430\u00ad\u043b\u0438\u00ad\u0442\u0438\u00ad\u0447\u0435\u00ad\u0441\u043a\u043e\u00ad\u0433\u043e \u043f\u043e\u0440\u00ad\u0442\u0430\u00ad\u043b\u0430 <\/strong><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"61\" class=\"wp-image-17203\" style=\"width: 150px;\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59.png\" alt srcset=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59.png 1223w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-300x122.png 300w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-1024x418.png 1024w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-768x313.png 768w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u043e\u0432\u043e\u00ad\u0441\u0442\u0438 \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430, \u0440\u0430\u0441\u00ad\u0441\u043a\u0430\u00ad\u0436\u0435\u043c \u043e\u0431 \u044d\u0442\u043e\u043c \u0438 \u043c\u043d\u043e\u00ad\u0433\u043e\u043c \u0434\u0440\u0443\u00ad\u0433\u043e\u043c \u0432 \u043d\u0430\u0448\u0435\u043c \u0430\u0443\u0434\u0438\u043e \u0432\u044b\u043f\u0443\u0441\u00ad\u043a\u0435 \u2014 \u043f\u043e\u0434\u00ad\u0431\u043e\u0440\u00ad\u043a\u0435 \u0438\u043d\u0444\u043e\u0440\u00ad\u043c\u0430\u00ad\u0446\u0438\u0438 \u0423\u043f\u0440\u0430\u0432\u00ad\u043b\u0435\u00ad\u043d\u0438\u044f \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430 \u043f\u043e<\/p>\n","protected":false},"author":1,"featured_media":16413,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1291,1185,1200,1179,1208],"tags":[],"class_list":["post-17202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1291","category-1185","category-1200","category-1179","category-1208"],"_links":{"self":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17202"}],"version-history":[{"count":5,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202\/revisions"}],"predecessor-version":[{"id":17208,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202\/revisions\/17208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/media\/16413"}],"wp:attachment":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":17202,"date":"2025-11-28T08:50:16","date_gmt":"2025-11-27T23:50:16","guid":{"rendered":"https:\/\/zbkplus.ru\/?p=17202"},"modified":"2025-11-28T08:51:03","modified_gmt":"2025-11-27T23:51:03","slug":"%d1%82%d1%80%d0%b8%d0%bf%d1%81%d1%8b-%d0%bf%d0%b0%d0%bb%d1%8c%d0%bc%d0%b0-%d0%bd%d0%b5%d1%81%d1%83%d1%89%d0%b5%d1%81%d1%82%d0%b2%d1%83%d1%8e%d1%89%d0%b8%d0%b9-%d0%b4%d0%b5%d0%b4","status":"publish","type":"post","link":"https:\/\/zbkplus.ru\/?p=17202","title":{"rendered":"\u0422\u0440\u0438\u043f\u0441\u044b \u00ab\u041f\u0430\u043b\u044c\u043c\u0430\u00bb, \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u00ab\u0414\u0435\u0434 \u041b\u0435\u0432\u0430\u00bb, \u0441\u0443\u0434\u0435\u0431\u043d\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u0438\u044f \u0432 \u043e\u0431\u043e\u0440\u043e\u0442 \u0437\u0435\u043c\u0435\u043b\u044c"},"content":{"rendered":"\n

\u041d\u043e\u0432\u043e\u00ad\u0441\u0442\u0438 \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430, \u0440\u0430\u0441\u00ad\u0441\u043a\u0430\u00ad\u0436\u0435\u043c \u043e\u0431 \u044d\u0442\u043e\u043c \u0438 \u043c\u043d\u043e\u00ad\u0433\u043e\u043c \u0434\u0440\u0443\u00ad\u0433\u043e\u043c \u0432 \u043d\u0430\u0448\u0435\u043c \u0430\u0443\u0434\u0438\u043e \u0432\u044b\u043f\u0443\u0441\u00ad\u043a\u0435 \u2014 \u043f\u043e\u0434\u00ad\u0431\u043e\u0440\u00ad\u043a\u0435 \u0438\u043d\u0444\u043e\u0440\u00ad\u043c\u0430\u00ad\u0446\u0438\u0438 \u0423\u043f\u0440\u0430\u0432\u00ad\u043b\u0435\u00ad\u043d\u0438\u044f \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430 \u043f\u043e \u0417\u0430\u0431\u0430\u0439\u00ad\u043a\u0430\u043b\u044c\u00ad\u0441\u043a\u043e\u00ad\u043c\u0443 \u043a\u0440\u0430\u044e.<\/p>\n\n\n\n\n \n \n Audio Player<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #1f1f1f;\n color: #fff;\n text-align: center;\n }\n\n .player {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #333;\n color: #ccc;\n height: 60px;\n padding: 0 10px;\n margin-bottom: 10px;\n border-radius: 5px;\n }\n\n .player img {\n width: 50px;\n height: 50px;\n object-fit: cover;\n border-radius: 5px;\n margin-right: 10px;\n }\n\n .controls {\n display: flex;\n align-items: center;\n }\n\n .controls button {\n background: none;\n border: none;\n cursor: pointer;\n color: #ffd700;\n font-size: 20px;\n margin-left: 10px;\n transition: transform 0.2s;\n }\n\n .controls button:hover {\n transform: scale(1.1);\n }\n\n input[type='range'] {\n width: 100%;\n accent-color: #ffd700;\n height: 4px;\n appearance: none;\n background-color: #555;\n border-radius: 2px;\n }\n\n input[type='range']::-webkit-slider-thumb {\n width: 12px;\n height: 12px;\n background-color: #ffd700;\n border-radius: 50%;\n cursor: pointer;\n appearance: none;\n }\n\n input[type='range']::-moz-range-thumb {\n width: 12px;\n height: 12px;\n background-color: #ffd700;\n border-radius: 50%;\n cursor: pointer;\n }\n\n audio {\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<h4><\/h4>\n\n<div class=\"player\">\n\n <img decoding=\"async\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/09\/\u041f\u043b\u0430\u0448\u043a\u0430-\u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440.webp\" alt=\"Track Miniature\" style=\"width: 130px; height: 30px;\">\n <input type=\"range\" min=\"0\" value=\"0\" step=\"any\" disabled>\n <div class=\"controls\">\n <button onclick=\"playPause()\">\u25b6\ufe0f<\/button>\n <button onclick=\"stop()\">\u23f9<\/button>\n <\/div>\n <audio id=\"audio-track\" src=\" https:\/\/zbkplus.ru\/\u0432\u0438\u0434\u0435\u043e\u043a\u043e\u043d\u0442\u0435\u043d\u0442\/\u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0435\u0439\/\u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440\/\u043d\u043e\u0432\u043e\u0441\u0442\u0438 \u0420\u043e\u0441\u0441\u0435\u043b\u044c\u0445\u043e\u0437\u043d\u0430\u0434\u0437\u043e\u0440\u0430 28.11. 2025. mp3.mp3\" preload=\"metadata\"><\/audio>\n<\/div>\n\n<script>\n window.addEventListener('DOMContentLoaded', function() {\n const rangeInput = document.querySelector('input[type=\"range\"]');\n const audio = document.querySelector('#audio-track');\n \n audio.addEventListener('timeupdate', function() {\n rangeInput.value = this.currentTime;\n rangeInput.max = this.duration || 0;\n rangeInput.disabled = false;\n });\n\n rangeInput.addEventListener('change', function() {\n audio.currentTime = this.value;\n });\n });\n\n function playPause() {\n const audio = document.querySelector('#audio-track');\n if (audio.paused) {\n audio.play();\n } else {\n audio.pause();\n }\n }\n\n function stop() {\n const audio = document.querySelector('#audio-track');\n audio.pause();\n audio.currentTime = 0;\n }\n<\/script>\n\n<\/body>\n\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>\u0417\u0430\u0434\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441 \u0441\u043f\u0435\u00ad\u0446\u0438\u00ad\u0430\u00ad\u043b\u0438\u00ad\u0441\u0442\u0430\u043c \u043d\u0430\u0434\u00ad\u0437\u043e\u0440\u00ad\u043d\u043e\u00ad\u0433\u043e \u0432\u0435\u0434\u043e\u043c\u00ad\u0441\u0442\u0432\u0430 \u0432\u044b \u043c\u043e\u0436\u0435\u00ad\u0442\u0435 \u0432 \u0444\u043e\u0440\u00ad\u043c\u0435 \u043e\u0431\u0440\u0430\u0442\u00ad\u043d\u043e\u0439 \u0441\u0432\u044f\u00ad\u0437\u0438 \u0438\u043d\u0444\u043e\u0440\u00ad\u043c\u0430\u00ad\u0446\u0438\u00ad\u043e\u043d\u00ad\u043d\u043e-\u0430\u043d\u0430\u00ad\u043b\u0438\u00ad\u0442\u0438\u00ad\u0447\u0435\u00ad\u0441\u043a\u043e\u00ad\u0433\u043e \u043f\u043e\u0440\u00ad\u0442\u0430\u00ad\u043b\u0430 <\/strong><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"61\" class=\"wp-image-17203\" style=\"width: 150px;\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59.png\" alt srcset=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59.png 1223w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-300x122.png 300w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-1024x418.png 1024w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/2025-11-28_08-33-59-768x313.png 768w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u043e\u0432\u043e\u00ad\u0441\u0442\u0438 \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430, \u0440\u0430\u0441\u00ad\u0441\u043a\u0430\u00ad\u0436\u0435\u043c \u043e\u0431 \u044d\u0442\u043e\u043c \u0438 \u043c\u043d\u043e\u00ad\u0433\u043e\u043c \u0434\u0440\u0443\u00ad\u0433\u043e\u043c \u0432 \u043d\u0430\u0448\u0435\u043c \u0430\u0443\u0434\u0438\u043e \u0432\u044b\u043f\u0443\u0441\u00ad\u043a\u0435 \u2014 \u043f\u043e\u0434\u00ad\u0431\u043e\u0440\u00ad\u043a\u0435 \u0438\u043d\u0444\u043e\u0440\u00ad\u043c\u0430\u00ad\u0446\u0438\u0438 \u0423\u043f\u0440\u0430\u0432\u00ad\u043b\u0435\u00ad\u043d\u0438\u044f \u0420\u043e\u0441\u00ad\u0441\u0435\u043b\u044c\u00ad\u0445\u043e\u0437\u00ad\u043d\u0430\u0434\u00ad\u0437\u043e\u00ad\u0440\u0430 \u043f\u043e<\/p>\n","protected":false},"author":1,"featured_media":16413,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1291,1185,1200,1179,1208],"tags":[],"class_list":["post-17202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1291","category-1185","category-1200","category-1179","category-1208"],"_links":{"self":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17202"}],"version-history":[{"count":5,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202\/revisions"}],"predecessor-version":[{"id":17208,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17202\/revisions\/17208"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/media\/16413"}],"wp:attachment":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}