Kezdőlap Felfedezés Súgó
Bejelentkezés
lex
/
classroom-instruments
1
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Fa: 0956b9e54f
Branch-ok Tag-ek
classroom-in...
/
dist
/
assets
/
index-9122d76c.js

index-9122d76c.js 13 KB
Előzmények Nyers

1234567891011121314151617181920212223242526272829 
  1. import{P as F}from"./index-45abc4e7.js";import{C as P}from"./index-05507db4.js";import{T as q}from"./index-70bb47c4.js";import{d as w,e as $,f as e,Q as S,j as r,k as i,N as G,g as D,a5 as O,r as _,q as H,M as R,a6 as M,w as N,z as Q,F as J,m as K,n as k}from"./index-2d47a39b.js";import{N as X,l as Y}from"./data-08a3c9f6.js";import{i as x,a as U,b as z,P as Z,t as ee,V as A}from"./tick-bc5fe25f.js";import"./index-489a7f4d.js";const ae="_listWrap_fw7rw_1",te="_list_fw7rw_1",se="_searchGroup_fw7rw_45",oe="_btnType_fw7rw_49",le="_inputSearch_fw7rw_83",ne="_searchCatatory_fw7rw_102",ie="_addTrain_fw7rw_109",f={listWrap:ae,list:te,searchGroup:se,btnType:oe,inputSearch:le,searchCatatory:ne,addTrain:ie},re=""+new URL("icon-add-540d8f63.svg",import.meta.url).href,I=w({name:"search-group",setup(){return $({search:""}),()=>e("div",{class:f.searchGroup},[e("div",{class:f.searchCatatory},[e(S,{size:"small",class:f.btnType},{default:()=>[e(r,{type:"primary",round:!0,size:"small",focusable:!1},{default:()=>[i("全部")]}),e(r,{secondary:!0,round:!0,size:"small",focusable:!1},{default:()=>[i("乐谱")]}),e(r,{secondary:!0,round:!0,size:"small",focusable:!1},{default:()=>[i("图片")]}),e(r,{secondary:!0,round:!0,size:"small",focusable:!1},{default:()=>[i("音频")]}),e(r,{secondary:!0,round:!0,size:"small",focusable:!1},{default:()=>[i("视频")]})]}),e(r,{type:"primary",class:f.addTrain,focusable:!1,strong:!0},{default:()=>[e("img",{src:re},null),i("添加自定义教材")]})]),e(G,{labelAlign:"left",labelPlacement:"left"},{default:()=>[e(D,{label:"教材："},{default:()=>[e(S,null,{default:()=>[e(r,{secondary:!0,strong:!0,type:"primary",focusable:!1},{default:()=>[i("全部")]}),e(r,{quaternary:!0,focusable:!1},{default:()=>[i("人教版")]}),e(r,{quaternary:!0,focusable:!1},{default:()=>[i("声部训练")]}),e(r,{quaternary:!0,focusable:!1},{default:()=>[i("小曲目")]}),e(r,{quaternary:!0,focusable:!1},{default:()=>[i("考级曲目")]})]})]}),e(D,{label:"乐器："},{default:()=>[e(S,null,{default:()=>[e(r,{secondary:!0,strong:!0,type:"primary"},{default:()=>[i("全部")]}),e(r,{quaternary:!0,focusable:!1,type:"default"},{default:()=>[i("竖笛")]}),e(r,{quaternary:!0,focusable:!1,type:"default"},{default:()=>[i("排萧")]}),e(r,{quaternary:!0,focusable:!1,type:"default"},{default:()=>[i("口风琴")]}),e(r,{quaternary:!0,focusable:!1,type:"default"},{default:()=>[i("陶笛")]}),e(r,{quaternary:!0,focusable:!1,type:"default"},{default:()=>[i("葫芦丝")]})]})]}),e(q,{class:f.inputSearch,round:!0},null)]})])}}),ue="_cardPreview_1coa2_1",ce={cardPreview:ue},de="_videoWrap_1hlg7_1",pe="_controls_1hlg7_20",me="_time_1hlg7_28",fe="_line_1hlg7_38",ge="_slider_1hlg7_45",ye="_actions_1hlg7_56",_e="_actionWrap_1hlg7_63",ve="_actionBtn_1hlg7_66",he="_playIcon_1hlg7_81",be="_btnPlay_1hlg7_84",we="_btnPause_1hlg7_87",Te="_loopBtn_1hlg7_94",u={videoWrap:de,controls:pe,time:me,line:fe,slider:ge,actions:ye,actionWrap:_e,actionBtn:ve,playIcon:he,btnPlay:be,btnPause:we,loopBtn:Te},Be=w({name:"video-play",props:{src:{type:String,default:""},poster:{type:String,default:""},isEmtry:{type:Boolean,default:!1}},emits:["loadedmetadata","togglePlay","ended","reset"],setup(a,{emit:l,expose:p}){const{src:o,poster:t,isEmtry:m}=O(a),g=_(),s=_(),E="v"+Date.now()+Math.floor(Math.random()*100),h="play"+Date.now()+Math.floor(Math.random()*100),b="replay"+Date.now()+Math.floor(Math.random()*100),C=y=>{var d;(d=s.value)==null||d.toggleControls(y)},n=y=>{var d;y.stopPropagation(),(d=s.value)==null||d.togglePlay()},v=()=>{!document.getElementById(b)||!s.value||s.value.restart()},T=()=>{var y,d,W;(y=document.getElementById(E))==null||y.addEventListener("click",V=>{V.stopPropagation(),l("reset")}),(d=document.getElementById(h))==null||d.addEventListener("click",n),(W=document.getElementById(b))==null||W.addEventListener("click",v)},B=y=>{const d=document.getElementById(h);d&&(y=="play"?(d.classList.remove(u.btnPause),d.classList.add(u.btnPlay)):(d.classList.remove(u.btnPlay),d.classList.add(u.btnPause)))},j=`
    2. 

  2.             <div id="${E}" class="plyr__controls bottomFixed ${u.controls}">
    3. 

  3.                 <div class="${u.actions}">
    4. 

  4.                     <div class="${u.actionWrap}">
    5. 

  5.                         <button id="${h}" class="${u.actionBtn}">
    6. 

  6.                             <div class="van-loading van-loading--circular" aria-live="polite" aria-busy="true"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(255, 255, 255);"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
    7. 

  7.                             <img class="${u.playIcon}" src="${x}" />
    8. 

  8.                             <img class="${u.playIcon}" src="${U}" />
    9. 

  9.                         </button>
    10. 

  10.                     </div>
    11. 

  11.                     <div class="${u.time}">
    12. 

  12.                         <div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div><span class="${u.line}">/</span>
    13. 

  13.                         <div class="plyr__time plyr__time--duration" aria-label="Duration">00:00</div>
    14. 

  14.                     </div>
    15. 

  15.                 </div>
    16. 

  16.                 <div class="${u.slider}">
    17. 

  17.                     <div class="plyr__progress">
    18. 

  18.                         <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek">
    19. 

  19.                         <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress>
    20. 

  20.                         <span role="tooltip" class="plyr__tooltip">00:00</span>
    21. 

  21.                     </div>
    22. 

  22. 

  23.                 </div>
    24. 

  24.                 <div class="${u.actions}" style="padding-right: 0;">
    25. 

  25.                     <button id="${b}" class="${u.actionBtn} ${u.loopBtn}">
    26. 

  26.                         <img class="loop" src="${z}" />
    27. 

  27.                     </button>
    28. 

  28.                 </div>
    29. 

  29.             </div>`;return H(()=>{s.value=new Z(g.value,{autoplay:!1,controls:j,autopause:!0,ratio:"16:9",clickToPlay:!1,fullscreen:{enabled:!1,fallback:!1,iosNative:!1}}),s.value&&(s.value.on("play",()=>{s.value&&(s.value.muted=!1,s.value.volume=1),B("")}),s.value.on("pause",()=>{B("play")}),s.value.on("ended",()=>{l("ended"),B("play")}),s.value.once("loadedmetadata",()=>{B("play")}),R(()=>{T()}))}),p({changePlayBtn:B,toggleHideControl:C}),()=>e("div",{class:u.videoWrap},[e("video",{style:{width:"100%",height:"100%"},src:m.value?"":o.value,poster:t.value,ref:g,playsinline:"false"},null)])}}),Ee="_musicScore_cvsnj_1",L={musicScore:Ee},Ce=w({name:"song-modal",props:{item:{type:Object,default:()=>({})}},setup(a){const l=_(),p=_(!1),t=`${/(localhost|192)/.test(location.host)?"https://dev.kt.colexiu.com":location.origin}/instrument?id=${a.item.content}&modelType=practise`;return()=>e("div",{class:L.musicScore},[e("iframe",{ref:l,onLoad:()=>{p.value=!0},class:[L.container,"musicIframe"],frameborder:"0",src:t},null)])}}),$e="_audioWrap_1toth_1",Fe="_audioContainer_1toth_6",Pe="_audio_1toth_1",Se="_tempVudio_1toth_22",ke="_controls_1toth_34",Ie="_time_1toth_48",We="_line_1toth_58",De="_actions_1toth_65",Me="_actionWrap_1toth_73",Ne="_actionBtn_1toth_76",Ae="_iconReplay_1toth_87",Le="_slider_1toth_96",Re="_sectionAnimate_1toth_104",c={audioWrap:$e,audioContainer:Fe,audio:Pe,tempVudio:Se,controls:ke,time:Ie,line:We,actions:De,actionWrap:Me,actionBtn:Ne,iconReplay:Ae,slider:Le,sectionAnimate:Re},xe=w({name:"audio-play",props:{item:{type:Object,default:()=>({})},isEmtry:{type:Boolean,default:!1}},setup(a){const l=$({paused:!0,currentTimeNum:0,currentTime:"00:00",durationNum:0,duration:"00:00",showBar:!0,afterMa3:!0}),p=_(),o=_();let t=null;const m=n=>{n==null||n.stopPropagation(),o.value.paused?(g(o.value,p.value),o.value.play(),l.afterMa3=!1):o.value.pause(),l.paused=o.value.paused},g=(n,v)=>{t||(t=new A(n,v,{effect:"waveform",accuracy:256,width:1024,height:600,waveform:{maxHeight:200,color:[[0,"#44D1FF"],[.5,"#44D1FF"],[.5,"#198CFE"],[1,"#198CFE"]],prettify:!1}}),t.dance())},s=n=>{if(n>0){const v=Math.floor(n/60),T=n%60;return(v<10?"0"+v:v)+":"+(T<10?"0"+T:T)}else return"00:00"},E=()=>{o.value&&(o.value.currentTime=0)};let h=null;const b=_(),C=_();return R(()=>{h=new A(C.value,b.value,{effect:"waveform",accuracy:256,width:1024,height:600,waveform:{maxHeight:200,color:[[0,"#44D1FF"],[.5,"#44D1FF"],[.5,"#198CFE"],[1,"#198CFE"]],prettify:!1}}),h.dance()}),()=>e("div",{class:c.audioWrap},[e("div",{class:c.audioContainer},[e("audio",{ref:o,crossorigin:"anonymous",src:a.item.content+"?time=1",onEnded:()=>{l.paused=!0},onTimeupdate:()=>{var n;l.currentTime=s(Math.round(((n=o.value)==null?void 0:n.currentTime)||0)),l.currentTimeNum=o.value.currentTime},onLoadedmetadata:()=>{l.duration=s(Math.round(o.value.duration)),l.durationNum=o.value.duration}},null),e("canvas",{ref:p},null),l.afterMa3&&e("div",{class:c.tempVudio},[e("audio",{ref:C,src:ee},null),e("canvas",{ref:b},null)])]),e("div",{class:[c.controls,l.showBar?"":c.sectionAnimate],onClick:n=>{n.stopPropagation()}},[e("div",{class:c.actions},[e("div",{class:c.actionWrap},[e("button",{class:c.actionBtn,onClick:m},[l.paused?e("img",{class:c.playIcon,src:x},null):e("img",{class:c.playIcon,src:U},null)])]),e("div",{class:c.time},[e("div",{class:"plyr__time plyr__time--current","aria-label":"Current time"},[l.currentTime]),e("span",{class:c.line},[i("/")]),e("div",{class:"plyr__time plyr__time--duration","aria-label":"Duration"},[l.duration])])]),e("div",{class:c.slider},[e(X,{value:l.currentTimeNum,step:.01,max:l.durationNum,tooltip:!1,"onUpdate:value":n=>{o.value.currentTime=n,l.currentTimeNum=n,l.currentTime=s(Math.round(n||0))}},null)]),e("div",{class:c.actions},[e("div",{class:c.actionWrap},[e("button",{class:c.iconReplay,onClick:E},[e("img",{src:z},null)])])])])])}}),Ue=w({name:"card-preview",props:{show:{type:Boolean,default:!1},item:{type:Object,default:()=>({})}},emit:["update:show"],setup(a,{emit:l}){const p=M(a.show),o=M(a.item);return N(()=>a.show,()=>{p.value=a.show}),N(()=>a.item,()=>{o.value=a.item}),()=>e(J,null,[e(Q,{show:p.value,"onUpdate:show":[t=>p.value=t,()=>{l("update:show",p.value)}],preset:"card",showIcon:!1,class:["modalTitle background",ce.cardPreview],title:o.value.title,blockScroll:!1},{default:()=>[o.value.type==="VIDEO"&&e(Be,{poster:o.value.url,src:o.value.content},null),o.value.type==="SONG"&&e(Ce,{item:o.value},null),o.value.type==="AUDIO"&&e(xe,{item:o.value},null)]})])}}),Qe=w({name:"student-studentList",setup(){const a=$({searchWord:"",loading:!1,pagination:{page:1,rows:50,pageTotal:0},tableList:[],show:!1,item:{}}),l=$({list:[],height:"100%"}),p=()=>{const t=Y.rows||[],m=[];t.forEach((g,s)=>{m.push({id:g.id,type:"SONG",title:g.musicSheetName,content:g.id,url:g.fixedTone?g.fixedTone.split(",")[0]:"",isCollect:!(s%3),isSelected:!(s%4)}),(s===2||s===12)&&m.push({id:s+3,type:"VIDEO",title:"其多列",content:"https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844560120.mp4",url:"https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844640957.png",isCollect:!(s%3),isSelected:!(s%4)}),(s===0||s===6)&&m.push({id:s+3,type:"AUDIO",title:"歌曲表演 大鹿",content:"https://cloud-coach.ks3-cn-beijing.ksyuncs.com/1686819360752.mp3",url:"https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687916228530.png",isCollect:!(s%3),isSelected:!(s%4)}),(s===5||s===15)&&m.push({id:s+3,type:"IMG",title:"其多列",url:"https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1688007481564.jpg",isCollect:!(s%3),isSelected:!(s%4)})}),l.list=m||[],a.pagination.rows=m.length},o=()=>{console.log("getList")};return p(),()=>e("div",{class:f.listWrap},[e(K,{defaultValue:"shareResources",paneClass:f.paneTitle,justifyContent:"center",paneWrapperClass:f.paneWrapperContainer},{default:()=>[e(k,{name:"shareResources",tab:"共享资源"},{default:()=>[e(I,null,null),e("div",{class:f.list},[l.list.map(t=>e(P,{item:t,onClick:m=>{m.type!=="IMG"&&(a.show=!0,a.item=m)}},null))]),e(F,{page:a.pagination.page,"onUpdate:page":t=>a.pagination.page=t,pageSize:a.pagination.rows,"onUpdate:pageSize":t=>a.pagination.rows=t,pageTotal:a.pagination.pageTotal,"onUpdate:pageTotal":t=>a.pagination.pageTotal=t,onList:o},null)]}),e(k,{name:"myResources",tab:"我的资源"},{default:()=>[e(I,null,null),e("div",{class:f.list},[l.list.map(t=>e(P,{item:t},null))]),e(F,{page:a.pagination.page,"onUpdate:page":t=>a.pagination.page=t,pageSize:a.pagination.rows,"onUpdate:pageSize":t=>a.pagination.rows=t,pageTotal:a.pagination.pageTotal,"onUpdate:pageTotal":t=>a.pagination.pageTotal=t,onList:o},null)]}),e(k,{name:"myCollect",tab:"我的收藏"},{default:()=>[e(I,null,null),e("div",{class:f.list},[l.list.map(t=>e(P,{item:t},null))]),e(F,{page:a.pagination.page,"onUpdate:page":t=>a.pagination.page=t,pageSize:a.pagination.rows,"onUpdate:pageSize":t=>a.pagination.rows=t,pageTotal:a.pagination.pageTotal,"onUpdate:pageTotal":t=>a.pagination.pageTotal=t,onList:o},null)]})]}),e(Ue,{show:a.show,"onUpdate:show":t=>a.show=t,item:a.item},null)])}});export{Qe as default};
    30.