![](\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/09\/\u0420\u043e\u0441\u0441\u0438\u044f-\u041c\u044c\u044f\u043d\u043c\u0430-\u0434\u0440\u0443\u0436\u0431\u0430-1024x679.jpg\")
<\/figure>\nAudio 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>\u0410\u0443\u0434\u0438\u043e\u0432\u0435\u0440\u0441\u0438\u044f \u043d\u043e\u0432\u043e\u0441\u0442\u0438<\/h4>\n\n<div class=\"player\">\n <img decoding=\"async\" src=\"https:\/\/zbkplus.ru\/wp-content\/uploads\/2025\/09\/\u0420\u043e\u0441\u0441\u0438\u044f-\u041c\u044c\u044f\u043d\u043c\u0430-\u0434\u0440\u0443\u0436\u0431\u0430.jpg\" alt=\"Track Miniature\">\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\/txr3ivmohvqfewhjnv9wh\/.mp3?rlkey=0g3xnctgvsbqda35i5999lw0v&st=9tu4qy3i&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\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">\u041e\u0431 \u044d\u0442\u043e\u043c \u0441\u043e\u043e\u0431\u00ad\u0449\u0438\u00ad\u043b\u0438 \u0432 \u043a\u043e\u043d\u00ad\u0441\u0443\u043b\u044c\u00ad\u0441\u043a\u043e\u043c \u043e\u0442\u0434\u0435\u00ad\u043b\u0435 \u0440\u043e\u0441\u00ad\u0441\u0438\u0439\u00ad\u0441\u043a\u043e\u00ad\u0433\u043e \u043f\u043e\u0441\u043e\u043b\u044c\u00ad\u0441\u0442\u0432\u0430. \u0421\u0435\u0439\u00ad\u0447\u0430\u0441 \u0438\u0434\u0443\u0442 \u043f\u0440\u043e\u00ad\u0446\u0435\u00ad\u0434\u0443\u00ad\u0440\u044b \u043e\u0444\u043e\u0440\u043c\u00ad\u043b\u0435\u00ad\u043d\u0438\u044f \u043d\u0435\u043e\u0431\u00ad\u0445\u043e\u00ad\u0434\u0438\u00ad\u043c\u044b\u0445 \u0434\u043e\u043a\u0443\u00ad\u043c\u0435\u043d\u00ad\u0442\u043e\u0432 \u0434\u043b\u044f \u0435\u0451 \u0432\u044b\u0434\u0430\u00ad\u0447\u0438 \u0438\u0437 \u041c\u044c\u044f\u043d\u00ad\u043c\u044b \u0438 \u0432\u043e\u0437\u00ad\u0432\u0440\u0430\u00ad\u0449\u0435\u00ad\u043d\u0438\u044f \u0434\u043e\u043c\u043e\u0439. \u041a\u0430\u043a \u043f\u043e\u044f\u0441\u00ad\u043d\u0438\u00ad\u043b\u0438 \u0432 \u0434\u0438\u043f\u043b\u043e\u00ad\u043c\u0430\u00ad\u0442\u0438\u00ad\u0447\u0435\u00ad\u0441\u043a\u043e\u043c \u0432\u0435\u0434\u043e\u043c\u00ad\u0441\u0442\u0432\u0435, \u0432\u043b\u0430\u00ad\u0441\u0442\u0438 \u041c\u044c\u044f\u043d\u00ad\u043c\u044b \u0430\u043a\u0442\u0438\u0432\u00ad\u043d\u043e \u0441\u043e\u0434\u0435\u0439\u00ad\u0441\u0442\u0432\u0443\u00ad\u044e\u0442 \u0440\u0435\u0448\u0435\u00ad\u043d\u0438\u044e \u0441\u043b\u043e\u00ad\u0436\u0438\u0432\u00ad\u0448\u0435\u0439\u00ad\u0441\u044f \u043f\u0440\u043e\u00ad\u0431\u043b\u0435\u00ad\u043c\u044b \u0440\u043e\u0441\u00ad\u0441\u0438\u00ad\u044f\u043d\u00ad\u043a\u0438<\/p>\n<\/html><\/div><\/div>\n<script>function PlayerjsAsync(){} if(window[\"Playerjs\"]){PlayerjsAsync();}<\/script>","protected":false},"excerpt":{"rendered":"<p>\u0412\u043b\u0430\u00ad\u0441\u0442\u0438 \u041c\u044c\u044f\u043d\u00ad\u043c\u044b \u0438 \u043f\u043e\u0441\u043e\u043b\u044c\u00ad\u0441\u0442\u0432\u043e \u0420\u043e\u0441\u00ad\u0441\u0438\u0439\u00ad\u0441\u043a\u043e\u0439 \u0424\u0435\u0434\u0435\u00ad\u0440\u0430\u00ad\u0446\u0438\u0438 \u0432 \u0441\u0442\u0440\u0430\u043d\u0435 \u043d\u0430\u0448\u043b\u0438 \u0440\u043e\u0441\u00ad\u0441\u0438\u00ad\u044f\u043d\u00ad\u043a\u0443, \u043a\u043e\u0442\u043e\u00ad\u0440\u0443\u044e \u043c\u043e\u0448\u0435\u043d\u00ad\u043d\u0438\u00ad\u043a\u0438 \u043e\u0431\u043c\u0430\u00ad\u043d\u043e\u043c \u0432\u044b\u0432\u0435\u0437\u00ad\u043b\u0438 \u0441 \u0442\u0435\u0440\u00ad\u0440\u0438\u00ad\u0442\u043e\u00ad\u0440\u0438\u0438 \u0422\u0430\u0438\u00ad\u043b\u0430\u043d\u00ad\u0434\u0430 \u0434\u043b\u044f<\/p>\n","protected":false},"author":1,"featured_media":15751,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[1301,1171,1222,1313],"tags":[1273],"class_list":["post-15749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1301","category-1171","category-1222","category-1313","tag-1273"],"_links":{"self":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/15749","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=15749"}],"version-history":[{"count":4,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/15749\/revisions"}],"predecessor-version":[{"id":15754,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/posts\/15749\/revisions\/15754"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=\/wp\/v2\/media\/15751"}],"wp:attachment":[{"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zbkplus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/p>\n\n\n\n
\n \n \n