| 1 |
- import{d as U,aO as Q,x as p,r as f,e as D,w as m,y as S,a,I as u,Q as k,A as b,aN as d}from"./index-521a9826.js";import{b as h}from"./browser-504037ee.js";import{I as B}from"./index-25b5c9d0.js";import{S as F}from"./index-631128d0.js";import{C as L}from"./index-1ad6a58d.js";const T="_audioPlayer_r8rw7_1",G="_playerHeader_r8rw7_4",N="_musicInfo_r8rw7_10",V="_cover_r8rw7_14",P="_rotateImg_r8rw7_1",R="_imgRotate_r8rw7_26",K="_musicBg_r8rw7_29",M="_musicName_r8rw7_35",Y="_controls_r8rw7_47",O="_icon_r8rw7_47",I="_iconMenu_r8rw7_51",j="_playerFooter_r8rw7_54",H="_playerTimer_r8rw7_70",W="_songPopup_r8rw7_79",Z="_songContainer_r8rw7_83",J="_songTitle_r8rw7_92",x="_songCell_r8rw7_113",X="_active_r8rw7_119",z="_songName_r8rw7_122",q="_songImg_r8rw7_133",_="_iconSong_r8rw7_151",e={audioPlayer:T,playerHeader:G,musicInfo:N,cover:V,rotateImg:P,imgRotate:R,musicBg:K,musicName:M,controls:Y,icon:O,iconMenu:I,playerFooter:j,playerTimer:H,songPopup:W,songContainer:Z,songTitle:J,songCell:x,active:X,songName:z,songImg:q,iconSong:_},E=""+new URL("music_bg-7bc33289.png",import.meta.url).href,$="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJgAAAABQzrCcAAACi0lEQVRYCWNgGOzg////jA4eCQoNDQ1MA+FWZnRL9x+/s+7f/78z7j95lyCvov/40d1L19HV0JLPiGy4Q2gWz9+PHz4jizEwMuxh/s+We2DXghso4jTioEbL728sGPb8Z3D5y/D7kp1HTLefXxIvhjyVBVBDKCBB4O+3X+9x2cHIyPic4T9j6aFdS5aiqwGlvfT0dEwPoStE49+Skvp/oKHhD0yYJAchNDEeYmLnDj6wedYbkJiTT5z0n99/zwAdJQFTQwL9H+jRtkM7l9aA9KBGGZGm/Gf4b/f/59cimPI/f/75kOkYkBGgQEmGmUWWg0Ca/zMwXIQZAjTzMYJNFguuHyXOuX//YvxEwDxGRoYHQMcUAIN4I0wpk4Xyrn/HbtcA/SoDEyOB/vufgXkRTD3RaYiRgfHHf0aGLgk+sY7Vq/u/wwygNo0SQrgMBya6TWws/wv3bF12D5caaomjOshA4QvjsVtfgFHCA7IAGHy3GZkZ8w9uX7qdWhYSMgel6nhw4MA/ORX9S8B0wsHExDBbnE8tcdvGyTcJGTIqPxoCgykEUMohkMMcPKNl/v5jCGFgZGSli0P////NzMSw5sD2pU9A9qFme6DA33//5wPrBReG/8DMTycADABvoFWuIOuw1WX6dHIHsjVwOzEcxPifcTWySnqwke3ESEOghpazV4LSv7/0SUNMzP9/79224B6weqJfGqFHKI/aMRoCoyEwZEMAo2C09Yh1Z/z3L5+B8T9GPUcTX/5n/POfiWni4R2Ld4LMx7T0/98uYJGpB+p40QcALfr/VxpoF9hBGHUZ0CHgBj59HAO1BclOjBAC9r9agV3lamBDny7tIWAr5zfITroGwKhl1AwBANEszsQF/y1YAAAAAElFTkSuQmCC",AA="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAADA0lEQVRYCc2YT0gUcRTH35uV9c9GUkQdgv5CKBYekm47myntbpHQwQ7rbggpdahAvUTUsVsZEWGHSEU9GB00D+uf/rhbRFCXMvoDlUSHWCEqQ2XF+b3ebM4iOzM5urM7Duz+fvN+7/1+n/m+mcdvBmCNHWjGIwcjh0iIFnYoA6DPKOGNWLQvauZvl90QyOcPRQRBNy+SMY733UXFZx89uJOwCyBznowFAYLBc4Uzyo8EAZRmOqfOEX5KILXFRno7DcezNEqZ8XP4a58pjOpMsEGQuOv1NzysPRralRmf7bkOCBTaZGlSoprkAk7I/oa2+vp7LksxFpz0QBaC0i5EJUR0NfF74EW1P1yZtmfRyQ5ocWFOcZVC4pXXH7pysLGxKAsesAVIBWCoAv67qHyffy0fCcmrhbINKA1AsIcWYJzvrY5gsGF92m6xYz/Qv4WR760zMwq8kwPhOossKbdcAaUmJ6CtXO0HWa3+mrqmLVbAcgqkAbBaJ+aTs++9gVCjZjNr8wKUWpwLKgjo5CdxTD4W2ek8kEZAUEvz4q0vEG41Kqj5U0gDUlsuqEKIa4npgeeHj0c2Lx1yBmiRgAgOzM0qj5cq5ShQiougYurPYLo0OA+kZlDQbi1tawKI94HfNKACreNYi/jVI20c0NZ3VCFE/IRuqToavZl0FAgRFN6tt5e6PZXxoZ5JDUZt858yhDesTFN8uO/lUhCtn7eUsSpJBLxUvn1dVcwEJm8KsSJPXYjNT0Z6P8Y1KUza3KYMcVoivDA+3HOboXhTufyRs5TxC9+QS4KK2Ghvh1UYFTcHCuEUw5yPj/b1L6+H3sNWhfim7S7BovLVwtimEINM8u80p2dMf80rs2SnEKIAkK6XFnr22gFjqBA/CjNWrokVmeDacoo/OhgWOCtzGPnoFMLigglAnDVyVm2pAifB5bIdnv3/K3Bm8cvZdZ9j1ABfINQiBLTrghGeucjdPD7a9UE3ZpPBEEidW/aHT/J7VStvn7bxK/IXCaVbXOC6VlJTVsP4F/FV4pZfUyOuAAAAAElFTkSuQmCC",eA="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABA0lEQVRYCe1YMQrCQBC8U0mnlSAKtr7Cb6T1G3YSBD+SNl/wF3aChZVY2Ag2adYc55FwzGaNiI17EO5uZmc4JlutMbraE7AcnaZZcr0ft8bYla+hfDJabIoiKzkNwrv69JGJw8bz2Y7IrKvj8PUtH+UtOZ8Oe8e/u7r69HjjkEyzAmFNHp2RBmFeyz6IiKaxPcLimviONAgLOvZBoeDXuz5ISlwT0oSkBCRee0gTkhKQeO0hTUhKQOK1hzQhKQGJ1x7ShKQEJF576OOErLWXWIywuCa+Iw3Cgq7ll1EeiuodYTWLT0iDMK8eYBNj3OilGsdUdBgM+HEMV8/h3/Lh/P8PfwL4DkxltlKgdQAAAABJRU5ErkJggg==",sA="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABAhJREFUWEftmFloE1EUhs+5k6RZ3Gobi23Utlhr1S42Ki4drG0JCm4UrVrwQfTRFfXBBVxwA3EBFxD0NUV8EkQkKohREYu4UKqt+KSkrUStK2rpjNwxM965yUxm2ggK5mkyc8+93/znv8sZBAACv3/IXPOXZs9MwkwfyakGoUCZAuH7SRrQAE9rRzsQ2EaBwCxX0cTCfUBwnXJfks+/bO/cG4s9/GFRSVNJqmqXFvhcnpUo42iUpba3se6W9vZb3xJBchKQ2LDqMBDcrutVko9Gb7TsGmheaFx+ftBZNLlkK0GyEwDcal8ywPPv376EWm9f7qL3eCAUQ81vACCbG/x9NBLO4+5Z9tTsucuDgst5DhDKDV7qcjQSXsYDKQOIoea+VEHRSNiVxmtJYYVVVd4xo8r2AOAG3hpc4763r2MjaepUhbS3NQHKMni7lErNrFtW53S4zgBAkZVUf/3ycdzDu1ditDMHG2AByDRVZUFxZE5O4AgCrrajaAKoiweiHmJnk8YajYQ1Ixp5aVbD8kYBnccRgfdbWpE+f+4tfHTvqk4h1UNWgHQqlU+vzx8+YtRJRFyUdmSDBjwQ6yEzID5dOKdhxVokwkEEGDZQGBqXANJSZgXIww5YLc6f4HVnn0HEmsGAqLEskJNdgcVQ83eDaa8A5ebmOksr67cQQdjBLnCDhfr08V3R4/vXFA+pQKqHDIGmiYuDHo/vLABWDBaAj7cNJEn9JwkR1vPLRKbAEkCKh6hCrIdSKpSpgY36+WeA6MKoHgX+tCi6/j/0xoufPohoplZT9lcA0V1c/f0HUpVgU2ZJIUnqP0qIsJlZtzLqMdtA0UjYF6xZUu710oURqjNKAwADAkpsHUJpZd0GFBy7EMCbKbABA6kAFdNCxcOyc04hYm0moGxP+2gkTNVgjx/K9cy6ptVOh+NQisLAFmcmgOiAClRJeU1eXl7BMSTCUlsUTGMjIFp1GO32ql9Snal/qVXbuNDpcp8AgNF2wWzvZYmUaQuo0YDjyoLDxxSUHEDENYBouXbjgTT5LSiUFoo2mCEuEbM8vtMAMN6KWokTY7etA5pBWWOoQiAw2T22dMpOQSCbAFBXbukgZejrfHozu6enp48FUlQSQ83dBqV0PrvnWXlrtU31nEWVPu+Qs4A4NVWcLMuX7lxvoXWc8rGBkv8+oDWsPASEbGMD5f7+Y3duXtzNdWbZHzTO7/cLEyrmbSRE2A2IWsEgy9De2xuf39Ya6VF9owPy+ydlTays2AOErFUAJOnCs8eP9sfjHbQ8MoMweqb7RhQMLihwjxjaBEj8EkhtL149uRTv6NBmNlu5Ji16JimypQ6nLP8Ri/2vpSzVzEkqCk18kw7Q6EuaDob2/xMWc5gG61HO0QAAAABJRU5ErkJggg==",aA="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABBBJREFUWEftmFtoFFcYx7+ZNbtBrY12MdnFPpUaDUETgiLRKQV1kCD4JCX72j5IVPCC4A1bwcuDFlv1UelDIPWGaC1UlpimTKyhdWOyUWOMmKibSNxN19tekt05X5ljZjwzmZmdNRd9cJ6SyTnn+83//HO+7zscALhg7MOZvBvvK7RZQPubEpgFcgpiHGcXzMhhC6YC0QBlZV8XfuYvqUWOL0cOnyZGUmfamy/1j0MaLbjfX+X+omz+D8Bz39H1CJ7qvdf3fSRyY4RdXwGZprxY8tU6n6dwRpADWMAMSBMkh3rv9Pw4MBDKjAMMhFW1B4HndujWIHhEavx1lymQIAYuAMA686AYloezG/7+63woDyjd1ghiYBAAZhvmx6Vgw1wA0HloGt2qeb44AEfVsnhkADzx5FnX/r729mQeYMpQFMSAbmvU+VKwoWD0ZwpFt6xq+Vr/9BmzHjkM0pvJjmxsbbrQZDHe1LSCGBg2G88AUXAFqKBq+VpfHkB0IgLWDw1FdnaFpP9yfAgFdAhEFSqorK7xz5xZ1OdQIW0YIgzKmNl2o/H8RWaulUJpC4XcRg+9M5AaABGvvHj+bEvnv9cGDEE1OEEM2AFR1VUPuSura3zvohAbHAFeIpH3XG88e5r9YtWwDoA0D00IEKNWSzId39gmXb3PAgtiIGWzZdp0xUPuimVr/J/MmtObr4dsxqeJLB/u7rh2LBaL0QPVBshj9NBkAKk7FU6lEnU3pd9COYB0HvJULFvjm2CFWPGyhMgned61xWLLFIWmFMjWCVKwQQXSTD3ZCuUPtGip6P+0yPtwAk3teCkp2FDImJqmDs9HIEY/g0I0l31ICk0JUIYQ+Seed+mrxVGVplqhtmQyURdqudwpiIGExTnEmnpyFEKAJMrZg90dTSdisZg8mjreDxAiNr+MD20O3wzqjpH3oVA8k83ubm06V8+mAqb8MK3DJ+UcQiJfGhzs397T2aJ0FlpeYjyjFPnOgcaRXJ9mRtJbW5sv/m4BosHZAE1ALkP6/PKkv2fvo67QC5s8wZawVgqNBaqsrinJo4R9MJxKbPpHuizlSFjGRjEX0Nuauri4uGD+opVx4EBt2kxiYVaWyc+Pu28fikTumBbsdtuWT4GmtCHcitW19RzHrTf9asRbieTrurbrVzocp3GDuQUxoHQkZq10yZgSVplbvkQsLiryXuU4KNOCIqYIkQ/cD/95PBqN0gMuj0e3ZStWfnOAc7m26+YTclRqPLOb/W+kRb76wlta6vny88XreeDLAUk0/fzVuVDoD+N1jNUdku29j9db6l5YUbkPeP5bGo+Q0/c6wvuj0btsi/2mlR7t8VUuY0Cnl1hm4hkh7X7XTK0amQ1sBZELztG1ndlJrn7N/4og+NUrgFAZAAAAAElFTkSuQmCC",cA=U({name:"audio-player",props:{musicList:{type:Array,default:()=>[]}},setup(r){const y=Q(),A=p({songPopup:!1,musicListenList:r.musicList||[],playState:"pause",audioObj:{},listActive:0,dragStatus:!1});let l=null;const i=p({isFirst:!0,duration:.1,currentTime:0}),o=f(),C=()=>{if(i.duration=o.value.duration,i.isFirst){i.isFirst=!1;return}A.playState==="play"&&o.value.play()},v=s=>{o.value.pause(),i.currentTime=s,clearTimeout(l),l=setTimeout(()=>{o.value.currentTime=s,A.playState==="play"&&o.value.play(),l=null},300)},w=D(()=>`${d(i.currentTime)} / ${d(i.duration)}`),g=s=>{const t=A.musicListenList.findIndex(n=>n.id===s.id);t>-1&&(A.listActive===t?A.playState=A.playState==="play"?"pause":"play":A.playState="play",A.listActive=t,A.audioObj=A.musicListenList[t])},c=s=>{s==="play"?A.playState="play":s==="pause"?A.playState="pause":s==="pre"?A.musicListenList[A.listActive-1]&&(i.currentTime=0,g(A.musicListenList[A.listActive-1])):s==="next"&&A.musicListenList[A.listActive+1]&&(i.currentTime=0,g(A.musicListenList[A.listActive+1]))};return m(()=>y.value,s=>{s==="hidden"&&(o.value.pause(),A.playState="pause")}),m(()=>A.playState,s=>{s==="play"?o.value.play():o.value.pause()}),m(()=>r.musicList,()=>{A.musicListenList=r.musicList;const s=r.musicList;s.length>0&&(A.audioObj=s[0])}),S(()=>{h.nextTick(()=>{const s=r.musicList;s.length>0&&(A.audioObj=s[0])})}),()=>{var s;return a("div",{class:e.audioPlayer},[a("div",{class:e.playerHeader},[a("div",{class:e.musicInfo},[a("div",{class:[e.cover,A.playState==="pause"&&e.imgRotate]},[a(B,{src:E,class:e.musicBg},null)]),a("div",{class:e.musicName},[((s=A.audioObj)==null?void 0:s.name)||"--"])]),a("div",{class:e.controls},[a(u,{name:sA,class:e.icon,onClick:()=>{c("pre")}},null),a(u,{name:A.playState==="play"?eA:AA,class:[e.icon,e.iconPlay],onClick:()=>{A.playState==="pause"?c("play"):c("pause")}},null),a(u,{name:aA,class:e.icon,onClick:()=>{c("next")}},null),a(u,{name:$,class:[e.icon,e.iconMenu],onClick:()=>{A.songPopup=!0}},null)])]),a("div",{class:e.playerFooter},[a(F,{step:.01,class:e.timeProgress,modelValue:i.currentTime,"onUpdate:modelValue":[t=>i.currentTime=t,t=>{v(t)}],max:i.duration,onDragStart:()=>{A.dragStatus=!0},onDragEnd:()=>{A.dragStatus=!1}},null),a("div",{class:e.playerTimer},[w.value]),a("audio",{ref:o,src:A.audioObj.url,onLoadedmetadata:C,onEnded:()=>{c("pause")},onTimeupdate:()=>{var t;l||A.dragStatus||(A.playState==="pause"&&o.value.pause(),i.currentTime=(t=o.value)==null?void 0:t.currentTime)}},null)]),a(k,{show:A.songPopup,"onUpdate:show":t=>A.songPopup=t,round:!0,position:"bottom",class:e.songPopup},{default:()=>[a("div",{class:e.songContainer},[a("div",{class:e.songTitle},[b("代表作")]),a("div",{class:e.songCellGroup},[A.musicListenList.map((t,n)=>a(L,{border:!1,class:[e.songCell,n===A.listActive&&e.active],center:!0,onClick:()=>{n!==A.listActive&&(A.audioObj=A.musicListenList[n],A.listActive=n,A.playState="play")}},{icon:()=>a(B,{src:E,class:e.songImg},null),title:()=>a("div",{class:e.songName},[t.name])}))])])]})])}}});export{cA as A,E as m};
|
