{"id":3649,"date":"2025-08-10T13:20:45","date_gmt":"2025-08-10T13:20:45","guid":{"rendered":"https:\/\/punjabikidz.com\/home\/?page_id=3649"},"modified":"2025-08-19T00:46:15","modified_gmt":"2025-08-19T00:46:15","slug":"the-agile-ant-pg1","status":"publish","type":"page","link":"https:\/\/punjabikidz.com\/home\/the-agile-ant-pg1\/","title":{"rendered":"The Agile Ant Audio \u2013 Pg 1"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3649\" class=\"elementor elementor-3649\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81426df e-flex e-con-boxed e-con e-parent\" data-id=\"81426df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-770f4db e-con-full e-flex e-con e-child\" data-id=\"770f4db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f54198 elementor-widget elementor-widget-heading\" data-id=\"5f54198\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Agile Ant - &#2603;&#2625;&#2608;&#2596;&#2624;&#2610;&#2624; &#2581;&#2624;&#2652;&#2624; (Listen &amp; Read)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-792a0fa e-con-full e-flex e-con e-child\" data-id=\"792a0fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd6db52 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bd6db52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c508a20 e-flex e-con-boxed e-con e-parent\" data-id=\"c508a20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d7ad3f elementor-widget elementor-widget-image\" data-id=\"7d7ad3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01-1024x576.webp\" class=\"attachment-large size-large wp-image-4001\" alt=\"Agile Ant Scene\" srcset=\"https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01-1024x576.webp 1024w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01-300x169.webp 300w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01-768x432.webp 768w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01-600x338.webp 600w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2025\/08\/Agile-Ant-Pg-01.webp 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"\/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee2f7a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0ee2f7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91364ce e-flex e-con-boxed e-con e-parent\" data-id=\"91364ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-24cfa69 e-con-full e-flex e-con e-child\" data-id=\"24cfa69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27b5558 elementor-widget elementor-widget-text-editor\" data-id=\"27b5558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-align: center;\"><strong>The Agile Ant<br><\/strong><span style=\"color: #993300;\"><strong>&#2603;&#2625;&#2608;&#2596;&#2624;&#2610;&#2624; &#2581;&#2624;&#2652;&#2624;<\/strong><\/span><\/h4><h3 style=\"text-align: center;\"><span style=\"color: #008000;\"><strong>Page 1<\/strong><\/span><\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b74296 e-con-full e-flex e-con e-child\" data-id=\"3b74296\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-816915a elementor-widget elementor-widget-html\" data-id=\"816915a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Elegant Audio Player<\/title>\n    <style>\n        .audio-player {\n            width: 100%;\n            max-width: 400px;\n            margin: 20px auto;\n            padding: 20px;\n            border-radius: 10px;\n            background: #F0F8FF; \/* Alice Blue *\/\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n            text-align: center;\n        }\n\n        .controls {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: 10px;\n        }\n\n        .controls button {\n            background-color: #708090; \/* Slate Gray *\/\n            color: white;\n            border: none;\n            padding: 10px;\n            margin: 0 5px;\n            border-radius: 50%;\n            font-size: 16px;\n            cursor: pointer;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.3);\n        }\n\n        .controls button:hover {\n            background-color: #2F4F4F; \/* Dark Slate Gray *\/\n        }\n\n        .volume-control {\n            display: flex;\n            align-items: center;\n            margin-left: 15px;\n        }\n\n        .volume-icon {\n            font-size: 1.2em;\n            margin-right: 5px;\n            color: #708090; \/* Slate Gray *\/\n        }\n\n        .controls input[type=range] {\n            width: 150px;\n        }\n\n        .progress-container {\n            width: 100%;\n            height: 20px;\n            background: #B0C4DE; \/* Light Steel Blue *\/\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            position: relative;\n            box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);\n            cursor: pointer; \/* Indicates interactivity *\/\n        }\n\n        .progress-bar {\n            height: 100%;\n            background: rgba(70, 130, 180, 0.7); \/* Steel Blue with transparency *\/\n            border-radius: 10px;\n            width: 0%;\n            position: absolute;\n            left: 0;\n            top: 0;\n        }\n\n        .time {\n            font-size: 0.8em;\n            position: absolute;\n            margin: 0 5px;\n            background: #F0F8FF; \/* Background for visibility *\/\n            padding: 2px 5px;\n            border-radius: 5px;\n        }\n\n        #currentTime {\n            left: 0;\n        }\n\n        #totalTime {\n            right: 0;\n        }\n    <\/style>\n\n\n    <div class=\"audio-player\">\n        <audio id=\"audio\" ontimeupdate=\"updateProgress()\">\n            <source src=\"https:\/\/punjabikidz.com\/audio_files\/agile_ant\/pg1\/agile_ant_pg1.mp3\" type=\"audio\/mp3\">\n            Your browser does not support the audio element.\n        <\/source><\/audio>\n        <div class=\"progress-container\" id=\"progress-container\" onclick=\"setProgress(event)\">\n            <div class=\"time\" id=\"currentTime\">0:00<\/div>\n            <div class=\"progress-bar\" id=\"progress-bar\"><\/div>\n            <div class=\"time\" id=\"totalTime\">0:00<\/div>\n        <\/div>\n        <div class=\"controls\">\n            <button onclick=\"playAudio()\">&#9654;&#65038;<\/button>\n            <button onclick=\"pauseAudio()\">&#10074;&#10074;<\/button>\n            <button onclick=\"stopAudio()\">&#9632;<\/button>\n            <div class=\"volume-control\">\n                <div class=\"volume-icon\">&#128266;<\/div>\n                <input type=\"range\" id=\"volumeControl\" min=\"0\" max=\"1\" step=\"0.1\" onchange=\"setVolume(this.value)\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        var audio = document.getElementById(\"audio\");\n        var progressBar = document.getElementById(\"progress-bar\");\n        var progressContainer = document.getElementById(\"progress-container\");\n        var currentTimeDisplay = document.getElementById(\"currentTime\");\n        var totalTimeDisplay = document.getElementById(\"totalTime\");\n\n        function playAudio() {\n            audio.play();\n        }\n\n        function pauseAudio() {\n            audio.pause();\n        }\n\n        function stopAudio() {\n            audio.pause();\n            audio.currentTime = 0;\n        }\n\n        function setVolume(value) {\n            audio.volume = value;\n        }\n\n        function updateProgress() {\n            var percent = (audio.currentTime \/ audio.duration) * 100;\n            progressBar.style.width = percent + '%';\n\n            var currentMinutes = Math.floor(audio.currentTime \/ 60);\n            var currentSeconds = Math.floor(audio.currentTime - currentMinutes * 60);\n            var durationMinutes = Math.floor(audio.duration \/ 60);\n            var durationSeconds = Math.floor(audio.duration - durationMinutes * 60);\n\n            currentSeconds = currentSeconds < 10 ? '0' + currentSeconds : currentSeconds;\n            durationSeconds = durationSeconds < 10 ? '0' + durationSeconds : durationSeconds;\n\n            currentTimeDisplay.textContent = currentMinutes + ':' + currentSeconds;\n            totalTimeDisplay.textContent = durationMinutes + ':' + durationSeconds;\n        }\n\n        function setProgress(event) {\n            const width = progressContainer.clientWidth;\n            const clickX = event.offsetX;\n            const duration = audio.duration;\n            audio.currentTime = (clickX \/ width) * duration;\n        }\n\n        audio.onloadedmetadata = function() {\n            updateProgress(); \/\/ To initially set the total duration\n        };\n    <\/script>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5def456 elementor-widget elementor-widget-html\" data-id=\"5def456\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3139934624092739\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Horizontal Responsive -->\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-3139934624092739\" data-ad-slot=\"5337999693\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52eaa40 e-con-full e-flex e-con e-child\" data-id=\"52eaa40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dde2ac elementor-widget elementor-widget-text-editor\" data-id=\"2dde2ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5 style=\"text-align: center;\"><strong><span style=\"color: #800000;\">Click Play to Listen<\/span><\/strong><\/h5><p><img decoding=\"async\" class=\"wp-image-3326 aligncenter\" src=\"https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2024\/12\/PunjabiKidz-Favicon.webp\" alt=\"favicon\" width=\"155\" height=\"155\" srcset=\"https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2024\/12\/PunjabiKidz-Favicon.webp 192w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2024\/12\/PunjabiKidz-Favicon-150x150.png 150w, https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/2024\/12\/PunjabiKidz-Favicon-100x100.webp 100w\" sizes=\"(max-width: 155px) 100vw, 155px\"\/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22755c1 e-flex e-con-boxed e-con e-parent\" data-id=\"22755c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2b740ce e-con-full e-flex e-con e-child\" data-id=\"2b740ce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c39725 e-con-full e-flex e-con e-child\" data-id=\"6c39725\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaf1e09 elementor-widget elementor-widget-image\" data-id=\"eaf1e09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/the-agile-ant-pg4\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/punjabikidz.com\/home\/wp-content\/uploads\/elementor\/thumbs\/Next-ra79qgw89qjr6n8df6dg1kt0jobodnufm4gglr0e8w.webp\" title=\"Next\" alt=\"Next Button\" loading=\"lazy\"\/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8dc04f0 e-flex e-con-boxed e-con e-parent\" data-id=\"8dc04f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c53871f elementor-widget elementor-widget-html\" data-id=\"c53871f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3139934624092739\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- Horizontal Responsive -->\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-3139934624092739\" data-ad-slot=\"5337999693\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4eca7f elementor-widget elementor-widget-spacer\" data-id=\"e4eca7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Agile Ant &ndash; &#2603;&#2625;&#2608;&#2596;&#2624;&#2610;&#2624; &#2581;&#2624;&#2652;&#2624; (Listen &amp; Read) The Agile Ant&#2603;&#2625;&#2608;&#2596;&#2624;&#2610;&#2624; &#2581;&#2624;&#2652;&#2624; Page 1 Elegant Audio Player Your browser [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"wf_page_folders":[44],"class_list":["post-3649","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/pages\/3649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/comments?post=3649"}],"version-history":[{"count":26,"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/pages\/3649\/revisions"}],"predecessor-version":[{"id":4029,"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/pages\/3649\/revisions\/4029"}],"wp:attachment":[{"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/media?parent=3649"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/punjabikidz.com\/home\/wp-json\/wp\/v2\/wf_page_folders?post=3649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}