\u0422\u0430\u043a\u043e\u0439 \u0443\u043a\u0430\u0437 \u043f\u043e\u0434\u00ad\u043f\u0438\u00ad\u0441\u0430\u043b \u0441\u0435\u0433\u043e\u00ad\u0434\u043d\u044f \u043f\u0440\u0435\u00ad\u0437\u0438\u00ad\u0434\u0435\u043d\u0442 \u0420\u043e\u0441\u00ad\u0441\u0438\u0439\u00ad\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u00ad\u0440\u0430\u00ad\u0446\u0438\u0438 \u0412\u043b\u0430\u00ad\u0434\u0438\u00ad\u043c\u0438\u0440 \u041f\u0443\u0442\u0438\u043d. \u0427\u0442\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0434\u0430\u0442\u044c \u0417\u0430\u0431\u0430\u0439\u00ad\u043a\u0430\u043b\u044c\u00ad\u0441\u043a\u043e\u00ad\u043c\u0443 \u043a\u0440\u0430\u044e \u0438 \u043f\u043e\u0447\u0435\u00ad\u043c\u0443 \u0432\u0430\u0436\u00ad\u043d\u043e \u043a\u043e\u043c\u00ad\u043f\u043b\u0435\u043a\u0441\u00ad\u043d\u043e \u043f\u043e\u0434\u043e\u0439\u00ad\u0442\u0438 \u043a \u0432\u043e\u043f\u0440\u043e\u00ad\u0441\u0443, \u0440\u0430\u0441\u00ad\u0441\u043a\u0430\u00ad\u0437\u044b\u00ad\u0432\u0430\u00ad\u0435\u0442 \u043c\u0435\u0436\u00ad\u0434\u0443\u00ad\u043d\u0430\u00ad\u0440\u043e\u0434\u00ad\u043d\u044b\u0439 \u043e\u0431\u043e\u00ad\u0437\u0440\u0435\u00ad\u0432\u0430\u00ad\u0442\u0435\u043b\u044c \u0410\u043b\u0435\u043a\u00ad\u0441\u0430\u043d\u0434\u0440 \u0422\u0430\u0440\u0430\u00ad\u0441\u043e\u0432. <\/p>\n\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\/2023\/01\/2023-01-11_08-23-26.png\" 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:\/\/\t\tzbkplus.ru\/\u0432\u0438\u0434\u0435\u043e\u043a\u043e\u043d\u0442\u0435\u043d\u0442\/\u0434\u043b\u044f \u0441\u0442\u0430\u0442\u0435\u0439\/\u041c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f\/\u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u0440 \u0422\u0430\u0440\u0430\u0441\u043e\u0432 \u043e \u0431\u0435\u0437\u0432\u0438\u0437\u043e\u0432\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 \u0434\u043b\u044f \u041a\u041d\u0420.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<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"329\" data-id=\"17230\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0420\u043e\u0441\u0441\u0438\u044f-\u0438-\u041a\u041d\u0420-\u0431\u0435\u0437\u0432\u0438\u0437.jpg\" alt class=\"wp-image-17230\" srcset=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0420\u043e\u0441\u0441\u0438\u044f-\u0438-\u041a\u041d\u0420-\u0431\u0435\u0437\u0432\u0438\u0437.jpg 800w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0420\u043e\u0441\u0441\u0438\u044f-\u0438-\u041a\u041d\u0420-\u0431\u0435\u0437\u0432\u0438\u0437-300x123.jpg 300w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0420\u043e\u0441\u0441\u0438\u044f-\u0438-\u041a\u041d\u0420-\u0431\u0435\u0437\u0432\u0438\u0437-768x316.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\"><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-pgcsimplygalleryblock-masonry simpLy-gallery-freedom-block\" data-gallery-id=\"simpLy\"><div class=\"sgb-gallery\"><div class=\"sgb-item \" data-item-id=\"17227\"><figure><a href=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0423\u043a\u0430\u0437-\u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430-\u0420\u0424-\u043e-\u0431\u0435\u0437\u0432\u0438\u0437\u0435-\u0434\u043b\u044f-\u0433\u0440\u0430\u0436\u0434\u0430\u043d-\u041a\u041d\u0420.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"904\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0423\u043a\u0430\u0437-\u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430-\u0420\u0424-\u043e-\u0431\u0435\u0437\u0432\u0438\u0437\u0435-\u0434\u043b\u044f-\u0433\u0440\u0430\u0436\u0434\u0430\u043d-\u041a\u041d\u0420.jpg\" alt data-id=\"17227\" data-link=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0423\u043a\u0430\u0437-\u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430-\u0420\u0424-\u043e-\u0431\u0435\u0437\u0432\u0438\u0437\u0435-\u0434\u043b\u044f-\u0433\u0440\u0430\u0436\u0434\u0430\u043d-\u041a\u041d\u0420.jpg\" class=\"wp-image-17227\" title=\"\u0423\u043a\u0430\u0437 \u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430 \u0420\u0424 \u043e \u0431\u0435\u0437\u0432\u0438\u0437\u0435 \u0434\u043b\u044f \u0433\u0440\u0430\u0436\u0434\u0430\u043d \u041a\u041d\u0420\" srcset=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0423\u043a\u0430\u0437-\u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430-\u0420\u0424-\u043e-\u0431\u0435\u0437\u0432\u0438\u0437\u0435-\u0434\u043b\u044f-\u0433\u0440\u0430\u0436\u0434\u0430\u043d-\u041a\u041d\u0420.jpg 640w, https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/12\/\u0423\u043a\u0430\u0437-\u041f\u0440\u0435\u0437\u0438\u0434\u0435\u043d\u0442\u0430-\u0420\u0424-\u043e-\u0431\u0435\u0437\u0432\u0438\u0437\u0435-\u0434\u043b\u044f-\u0433\u0440\u0430\u0436\u0434\u0430\u043d-\u041a\u041d\u0420-212x300.jpg 212w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\"><\/a><\/figure><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<script>function PlayerjsAsync(){} if(window[\"Playerjs\"]){PlayerjsAsync();}<\/script>","protected":false},"excerpt":{"rendered":"<p>\u0422\u0430\u043a\u043e\u0439 \u0443\u043a\u0430\u0437 \u043f\u043e\u0434\u00ad\u043f\u0438\u00ad\u0441\u0430\u043b \u0441\u0435\u0433\u043e\u00ad\u0434\u043d\u044f \u043f\u0440\u0435\u00ad\u0437\u0438\u00ad\u0434\u0435\u043d\u0442 \u0420\u043e\u0441\u00ad\u0441\u0438\u0439\u00ad\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u00ad\u0440\u0430\u00ad\u0446\u0438\u0438 \u0412\u043b\u0430\u00ad\u0434\u0438\u00ad\u043c\u0438\u0440 \u041f\u0443\u0442\u0438\u043d. \u0427\u0442\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0434\u0430\u0442\u044c \u0417\u0430\u0431\u0430\u0439\u00ad\u043a\u0430\u043b\u044c\u00ad\u0441\u043a\u043e\u00ad\u043c\u0443 \u043a\u0440\u0430\u044e \u0438 \u043f\u043e\u0447\u0435\u00ad\u043c\u0443 \u0432\u0430\u0436\u00ad\u043d\u043e<\/p>\n","protected":false},"author":1,"featured_media":15554,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1188,1171,1313],"tags":[1274],"class_list":["post-17223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1188","category-1171","category-1313","tag-1274"],"_links":{"self":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17223","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=17223"}],"version-history":[{"count":5,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17223\/revisions"}],"predecessor-version":[{"id":17231,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/17223\/revisions\/17231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/media\/15554"}],"wp:attachment":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}