\n\n![](\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/11\/photo_2025-11-08_00-08-25.jpg\")
<\/figure>\n<\/figure>\n<\/div>\n\n\n\n
<\/figure>\n<\/figure>\n<\/div>\n\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\/10\/SF7B.gif\" alt=\"Track Miniature\" style=\"width: 150px; height: 50px;\">\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:\/\/www.dl.dropboxusercontent.com\/scl\/fi\/g2aynvncvkoiwepqus10h\/.mp3?rlkey=cyj29ckjkj6czqyn1x742jqdp&st=ujrh2f8a&dl=0&raw=1\" 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<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#cf2e2e\" class=\"has-inline-color\">\u0412\u043e\u0437\u00ad\u043c\u0435\u00ad\u0449\u0435\u00ad\u043d\u0438\u0435 \u0432\u043e\u0437\u00ad\u043c\u043e\u0436\u00ad\u043d\u043e \u0432 \u0441\u043b\u0435\u00ad\u0434\u0443\u00ad\u044e\u00ad\u0449\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445:<\/mark><\/strong><br>\u041c\u0435\u0436\u00ad\u0434\u0443\u00ad\u043d\u0430\u00ad\u0440\u043e\u0434\u00ad\u043d\u044b\u0439 \u0430\u044d\u0440\u043e\u00ad\u043f\u043e\u0440\u0442 \u00ab\u0411\u0430\u0439\u00ad\u0442\u0430\u00bb \u0432 \u0433\u043e\u0440\u043e\u00ad\u0434\u0435 \u0425\u0443\u0445-\u0425\u043e\u0442\u043e,<br>\u041c\u0435\u0436\u00ad\u0434\u0443\u00ad\u043d\u0430\u00ad\u0440\u043e\u0434\u00ad\u043d\u044b\u0439 \u0430\u044d\u0440\u043e\u00ad\u043f\u043e\u0440\u0442 \u00ab\u0421\u0438\u0446\u00ad\u0437\u044f\u043e\u00bb \u0432 \u0433\u043e\u0440\u043e\u00ad\u0434\u0435 \u041c\u0430\u043d\u044c\u00ad\u0447\u0436\u043e\u0443\u00ad\u043b\u0438,<br>\u041c\u0435\u0436\u00ad\u0434\u0443\u00ad\u043d\u0430\u00ad\u0440\u043e\u0434\u00ad\u043d\u044b\u0439 \u0430\u044d\u0440\u043e\u00ad\u043f\u043e\u0440\u0442 \u00ab\u0421\u0430\u0439\u00ad\u0443\u00ad\u0441\u0443\u00bb \u0432 \u0433\u043e\u0440\u043e\u00ad\u0434\u0435 \u042d\u0440\u044d\u043d-\u0425\u043e\u0442\u043e,<br>\u0410\u0432\u0442\u043e\u00ad\u0442\u0440\u0430\u043d\u0441\u00ad\u043f\u043e\u0440\u0442\u00ad\u043d\u044b\u0435 \u043a\u043e\u043d\u00ad\u0442\u0440\u043e\u043b\u044c\u00ad\u043d\u043e-\u043f\u0440\u043e\u00ad\u043f\u0443\u0441\u043a\u00ad\u043d\u044b\u0435 \u043f\u0443\u043d\u043a\u00ad\u0442\u044b \u0432 \u0433\u043e\u0440\u043e\u00ad\u0434\u0430\u0445 \u041c\u0430\u043d\u044c\u00ad\u0447\u0436\u043e\u0443\u00ad\u043b\u0438 \u0438 \u042d\u0440\u044d\u043d-\u0425\u043e\u0442\u043e.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#cf2e2e\" class=\"has-inline-color\">\u0412 \u0440\u0435\u0433\u0438\u00ad\u043e\u043d\u0435 \u043e\u0442\u043a\u0440\u044b\u00ad\u0442\u043e \u0443\u0447\u0430\u00ad\u0441\u0442\u0438\u0435 \u0432 \u043f\u0440\u043e\u00ad\u0433\u0440\u0430\u043c\u00ad\u043c\u0435 \u0432\u043e\u0437\u00ad\u0432\u0440\u0430\u00ad\u0442\u0430 \u041d\u0414\u0421 \u0441\u043b\u0435\u00ad\u0434\u0443\u00ad\u044e\u00ad\u0449\u0438\u0445 \u0438\u0437\u0432\u0435\u0441\u0442\u00ad\u043d\u044b\u0445 \u0442\u043e\u0440\u00ad\u0433\u043e\u00ad\u0432\u044b\u0445 \u043e\u0431\u044a\u00ad\u0435\u043a\u00ad\u0442\u043e\u0432:<\/mark><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\">\u0422\u043e\u0440\u00ad\u0433\u043e\u00ad\u0432\u044b\u0439 \u043a\u043e\u043c\u00ad\u043f\u043b\u0435\u043a\u0441 \u00ab\u0412\u0430\u043d\u00ad\u0444\u0443\u0446\u00ad\u0437\u0438\u043d \u0410\u0443\u0442\u00ad\u043b\u0435\u0442\u00bb \u0432 \u0425\u0443\u0445-\u0425\u043e\u0442\u043e, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\">\u041c\u0430\u0433\u0430\u00ad\u0437\u0438\u043d \u00ab\u042e\u0438\u00bb (\u00ab\u0414\u0440\u0443\u0436\u00ad\u0431\u0430\u00bb) \u0432 \u041c\u0430\u043d\u044c\u00ad\u0447\u0436\u043e\u0443\u00ad\u043b\u0438, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\">\u0422\u043e\u0440\u00ad\u0433\u043e\u00ad\u0432\u043e\u0435 \u043f\u0440\u0435\u0434\u00ad\u043f\u0440\u0438\u00ad\u044f\u00ad\u0442\u0438\u0435 \u00ab\u041b\u0443\u043d\u044a\u00ad\u044e\u0430\u043d\u044c\u00bb \u0432 \u042d\u0440\u044d\u043d-\u0425\u043e\u0442\u043e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:15px\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u0412\u0441\u0435\u00ad\u0433\u043e \u0437\u0430\u0440\u0435\u00ad\u0433\u0438\u00ad\u0441\u0442\u0440\u0438\u00ad\u0440\u043e\u00ad\u0432\u0430\u00ad\u043d\u043e 7 \u0442\u043e\u0440\u00ad\u0433\u043e\u00ad\u0432\u044b\u0445 \u0437\u0430\u0432\u0435\u00ad\u0434\u0435\u00ad\u043d\u0438\u0439, \u0441\u043e\u043e\u0442\u00ad\u0432\u0435\u0442\u00ad\u0441\u0442\u0432\u0443\u00ad\u044e\u00ad\u0449\u0438\u0445 \u0443\u0441\u043b\u043e\u00ad\u0432\u0438\u00ad\u044f\u043c \u043f\u0440\u043e\u00ad\u0433\u0440\u0430\u043c\u00ad\u043c\u044b.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0418\u043d\u043e\u00ad\u0441\u0442\u0440\u0430\u043d\u00ad\u043d\u044b\u0435 \u0433\u043e\u0441\u0442\u0438 \u041a\u0438\u0442\u0430\u044f \u0438\u043c\u0435\u00ad\u044e\u0442 \u043f\u0440\u0430\u00ad\u0432\u043e \u0432\u0435\u0440\u00ad\u043d\u0443\u0442\u044c \u0447\u0430\u0441\u0442\u044c \u043d\u0430\u043b\u043e\u00ad\u0433\u043e\u0432, \u0443\u043f\u043b\u0430\u00ad\u0447\u0435\u043d\u00ad\u043d\u044b\u0445 \u0438\u043c\u0438 \u043f\u0440\u0438 \u043f\u043e\u043a\u0443\u043f\u00ad\u043a\u0435 \u0442\u043e\u0432\u0430\u00ad\u0440\u043e\u0432 \u0432 \u0441\u043f\u0435\u00ad\u0446\u0438\u00ad\u0430\u043b\u044c\u00ad\u043d\u044b\u0445 \u043c\u0430\u0433\u0430\u00ad\u0437\u0438\u00ad\u043d\u0430\u0445 \u0412\u043d\u0443\u0442\u00ad\u0440\u0435\u043d\u00ad\u043d\u0435\u0439 \u041c\u043e\u043d\u00ad\u0433\u043e\u00ad\u043b\u0438\u0438.<\/p>\n","protected":false},"author":1,"featured_media":16620,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1256,1188,1255,1277],"tags":[],"class_list":["post-16617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1256","category-1188","category-1255","category-1277"],"_links":{"self":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/16617","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=16617"}],"version-history":[{"count":5,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/16617\/revisions"}],"predecessor-version":[{"id":16624,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/16617\/revisions\/16624"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/media\/16620"}],"wp:attachment":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}