https://www.bvpindia.com/_next/static/chunks/6136.64143f4671e4d5ca.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6136],{6136:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var r=a(5155),n=a(2115);let l=()=>{let e=(0,n.useRef)(null),t=(0,n.useRef)(!1),a=(0,n.useRef)(null),[l,s]=(0,n.useState)(!1),[c,i]=(0,n.useState)(0),[d,o]=(0,n.useState)(0),[m,u]=(0,n.useState)(!1),[v,p]=(0,n.useState)(!1),[h,_]=(0,n.useState)(!1),y=()=>{a.current&&(a.current(),a.current=null)};(0,n.useEffect)(()=>{let r=e.current;if(!r||t.current)return;t.current=!0,r.muted=!0;let n=()=>{r.play().then(()=>{s(!0),r.muted=!1,u(!1)}).catch(()=>{_(!0)})};n(),r.addEventListener("canplay",n,{once:!0});let l=["click","pointerdown","keydown","scroll","touchstart"],c=()=>{_(!1),r&&(r.paused?(r.muted=!1,r.play().then(()=>s(!0)).catch(()=>{})):r.muted=!1,u(!1)),y()};return l.forEach(e=>document.addEventListener(e,c,{once:!0,passive:!0})),a.current=()=>{l.forEach(e=>document.removeEventListener(e,c))},()=>{r.removeEventListener("canplay",n),y()}},[]),(0,n.useEffect)(()=>{let t=e.current;if(!t)return;let a=()=>s(!0),r=()=>s(!1),n=()=>i(t.currentTime),l=()=>

1o(t.duration),c=()=>{s(!1),t.currentTime=0,t.play().then(()=>s(!0)).catch(()=>{})};return t.addEventListener("play",a),t.addEventListener("pause",r),t.addEventListener("timeupdate",n),t.addEventListener("loadedmetadata",l),t.addEventListener("ended",c),()=>{t.removeEventListener("play",a),t.removeEventListener("pause",r),t.removeEventListener("timeupdate",n),t.removeEventListener("loadedmetadata",l),t.removeEventListener("ended",c)}},[]);let x=e=>{if(!e||isNaN(e))return"0:00";let t=Math.floor(e/60),a=Math.floor(e%60).toString().padStart(2,"0");return"".concat(t,":").concat(a)},j=d?c/d*100:0;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("audio",{ref:e,src:"https://bvp.demodevelopment.com/uploads/media/custom/1774509214_vande_mataram_fn_new.mp3",preload:"auto",autoPlay:!0,muted:!0}),(0,r.jsxs)("div",{className:["vm-player",l?"vm-player--playing":"",v?"vm-player--open":""].filter(Boolean).join(" "),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[(0,r.jsx)("div",{className:"vm-player__ring",children:[...Array(12)].map((e,t)=>(0,r.jsx)("span",{className:"vm-player__ring-dot",style:{"--i":t}},t))}),(0,r.jsx)("button",{className:"vm-player__btn",onClick:t=>{t.stopPropagation(),y();let a=e.current;a&&(l?a.pause():(a.muted=!1,u(!1),a.play().catch(()=>{})))},"aria-label":l?"Pause Vande Mataram":"Play Vande Mataram",children:l?(0,r.jsxs)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"vm-player__icon",children:[(0,r.jsx)("rect",{x:"5",y:"4",width:"4",height:"16",rx:"1"}),(0,r.jsx)("rect",{x:"15",y:"4",width:"4",height:"16",rx:"1"})]}):(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"vm-player__icon",children:(0,r.jsx)("polygon",{points:"6,3 20,12 6,21"})})}),(0,r.jsx)("div",{className:"vm-player__panel",children:(0,r.jsxs)("div",{className:"vm-player__panel-inner",children:[(0,r.jsxs)("div",{className:"vm-player__meta",children:[(0,r.jsx)("span",{className:"vm-player__title",children:"वन्दे मातरम्"}),(0,r.jsx)("span",{className:"vm-player__subtitle",children:"National Song of India"})]}),(0,r.jsxs)("div",{className:"vm-player__progress",onClick:t=>{t.stopPropagation(),y();let a=e.current;if(!a||!d)return;let r=t.currentTarget.getBoundingClientRect(),n=Math.max(0,Math.min(1,(t.clientX-r.left)/r.width));a.currentTime=n*d,i(n*d)},role:"slider","aria-label":"Seek audio",children:[(0,r.jsxs)("div",{className:"vm-player__progress-track",children:[(0,r.jsx)("div",{className:"vm-player__progress-fill",style:{width:"".concat(j,"%")}}),(0,r.jsx)("div",{className:"vm-player__progress-thumb",style:{left:"".concat(j,"%")}})]}),(0,r.jsxs)("div",{className:"vm-player__time",children:[(0,r.jsx)("span",{children:x(c)}),(0,r.jsx)("span",{children:x(d)})]})]}),(0,r.jsx)("button",{className:"vm-player__mute".concat(m?" vm-player__mute--muted":""),onClick:t=>{t.stopPropagation(),y();let a=e.current;a&&(a.muted=!a.muted,u(a.muted))},"aria-label":m?"Unmute":"Mute",children:m?(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:(0,r.jsx)("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"})}):(0,r.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:(0,r.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"})})})]})}),h&&(0,r.jsx)("div",{className:"vm-player__hint",children:"\uD83D\uDD07 Click anywhere to enable sound"})]})]})}}}]);