index-e4ff559d.js 9.2 KB

1
  1. import{d as e,U as a,Q as t,o as i,S as o,a as l,T as n,b0 as s,m as u,F as r,V as d,R as v,r as m,h as c,f as p,s as _,L as y,P as g,B as f,i as h,p as b,e as T}from"./index-0cba3e54.js";import{T as w,S as x,V as C,p as S,i as k}from"./tcplayer.min-578f178a.js";import{S as B,a as D}from"./index-65ab9eee.js";import{u as L,a as I}from"./index-cdef2a74.js";const A={playContent:"_playContent_1oo82_1",coursewarePlay:"_coursewarePlay_1oo82_7",playModel:"_playModel_1oo82_13",headerContainer:"_headerContainer_1oo82_22",backBtn:"_backBtn_1oo82_35",menu:"_menu_1oo82_44",tabsContent:"_tabsContent_1oo82_50",loadWrap:"_loadWrap_1oo82_61",itemDiv:"_itemDiv_1oo82_72",videoSection:"_videoSection_1oo82_87",videoModel:"_videoModel_1oo82_95",rightFixedBtns:"_rightFixedBtns_1oo82_109",point:"_point_1oo82_115",fullBtn:"_fullBtn_1oo82_120",leftFixedBtns:"_leftFixedBtns_1oo82_124",prePoint:"_prePoint_1oo82_130",bottomFixedContainer:"_bottomFixedContainer_1oo82_147",time:"_time_1oo82_156",slider:"_slider_1oo82_162",actions:"_actions_1oo82_169",actionBtn:"_actionBtn_1oo82_177",popup:"_popup_1oo82_187",overlayClass:"_overlayClass_1oo82_190",visiablePopup:"_visiablePopup_1oo82_225",title:"_title_1oo82_239",content:"_content_1oo82_245",btnGroup:"_btnGroup_1oo82_251"},P=""+new URL("icon-play-6bc42262.svg",import.meta.url).href,M=""+new URL("icon-pause-fe805220.svg",import.meta.url).href,E=""+new URL("icon-videobg-2414ec8d.png",import.meta.url).href,F=e({name:"video-class",props:{item:{type:Object,"default":()=>({})},isMember:{type:Boolean,"default":!0},modal:{type:Boolean,"default":!0}},emits:["loadedmetadata","togglePlay","ended","reset","error","close","changeModal","pause","seeked","seeking","waiting","timeupdate"],setup(e,{emit:v}){const{item:m,modal:c}=a(e),p=t(),_="video"+Date.now()+Math.floor(100*Math.random()),y=()=>{p.value&&(d((()=>{var e;null==(e=p.value)||e.pause()})),p.value.poster(e.item.coverImg),p.value.src(e.item.content),p.value.loop(e.item.loop),p.value.autoplay(e.item.autoplay),p.value.one("loadedmetadata",(()=>{var e,a,t,i,o,l;const n=p.value;m.value.duration=n.duration(),m.value.videoEle=n,m.value.loaded=!0,v("loadedmetadata",p.value),m.value.autoplay&&p.value?(m.value.muted=!1,null==(e=p.value)||e.muted(!1),null==(a=p.value)||a.volume(1),null==(t=p.value)||t.play()):(m.value.muted=!1,null==(i=p.value)||i.muted(!1),null==(o=p.value)||o.volume(1),null==(l=p.value)||l.pause())})),p.value.on("timeupdate",(()=>{if(!m.value.loaded)return;const e=p.value;m.value.currentTime=e.currentTime(),v("timeupdate")})),p.value.on("ended",(()=>{v("ended",m.value)})),p.value.on("pause",(()=>{var e;m.value.paused=!0,null==(e=p.value)||e.pause(),setTimeout((()=>{var e;null==(e=p.value)||e.pause()}),100),v("pause")})),p.value.on("play",(()=>{var e,a,t;m.value.paused=!1,m.value.muted&&(m.value.muted=!1,null==(e=p.value)||e.muted(!1),null==(a=p.value)||a.volume(1),null==(t=p.value)||t.pause())})),p.value.on("seeked",(()=>{v("seeked")})),p.value.on("seeking",(()=>{v("seeking")})),p.value.on("waiting",(()=>{v("waiting")})),p.value.on("error",(()=>{v("error")})))};return i((()=>{p.value=w(_,{appID:"",controls:!1,loop:m.value.loop,muted:!1}),y()})),o((()=>e.item),(()=>{y()})),()=>l(r,null,[l("div",{"class":A.itemDiv,onClick:()=>{clearTimeout(m.value.timer),v("changeModal",!c.value)}},[l("video",{id:_,style:{height:"100%",width:"100%"},playsinline:"false",preload:"auto","class":"player",poster:E,"data-vid":m.value.id,src:m.value.content},[l("source",{src:m.value.content,type:"video/mp4"},null)]),l("div",{"class":A.videoSection},null)]),l(n,{name:"bottom"},{"default":()=>[c.value&&!m.value.muted&&l("div",{"class":A.bottomFixedContainer},[l("div",{"class":A.time},[l("span",null,[s(m.value.currentTime)]),u("/"),l("span",null,[s(m.value.duration)])]),l("div",{"class":A.slider},[m.value.duration&&l(x,{buttonSize:16,modelValue:m.value.currentTime,min:0,max:m.value.duration},null)]),l("div",{"class":A.actions},[l("div",{"class":A.actionBtn},[m.value.paused?l("img",{src:P,onClick:()=>{var e;clearTimeout(m.value.timer),null==(e=m.value.videoEle)||e.play(),m.value.paused=!1,m.value.timer=setTimeout((()=>{v("changeModal",!1)}),4e3)}},null):l("img",{src:M,onClick:()=>{var e;clearTimeout(m.value.timer),null==(e=m.value.videoEle)||e.pause(),m.value.paused=!0}},null)])])])]})])}}),N=e({name:"exercise-after-class",setup(){const e=v(),a=m({width:"100vw"}),s=(e=0)=>{(()=>{const e=Math.min(screen.width,screen.height)*(16/9);e>Math.max(screen.width,screen.height)?a.width="100vw":a.width=e+"px"})(),b({api:"setRequestedOrientation",content:{orientation:e}}),b({api:"setStatusBarVisibility",content:{isVisibility:e}})};s(),c((()=>{s(1)}));const d=p(),w=d.query,x=t(),P=m({visiableStatus:!1,visiableConfirmText:"下一题",isLastIndex:!1,itemIndex:0,isMember:!1,videoData:null,trainings:[],expireTimeFlag:!1,trainingTimes:0,itemList:[],showHead:!0,loading:!0,recordLoading:!1,isPlayBaseStatus:!0,isPlayAll:!0}),M=m({nowTime:0,model:!0,timer:null,item:null}),E=async()=>{try{const e=await T.post(_.platformApi+"/studentCourseHomework/findStudentHomeworkCourseware",{hideLoading:!0,data:{courseScheduleId:w.courseScheduleId,type:w.type}});if(Array.isArray(null==e?void 0:e.data)){const a=(null==e?void 0:e.data)||[];return a.forEach((e=>{e.times>e.trainingTimes&&(P.isPlayAll=!1),e.id+""==d.query.materialId&&(O.tabName=e.musicScoreName)})),a}}catch(e){}return[]},N=t(),R=L(1e3,{controls:!0});R.pause(),i((async()=>{const e=await E();e.forEach((e=>{e.times!==e.trainingTimes&&(P.isPlayBaseStatus=!1)})),(async e=>{Array.isArray(e)&&(P.trainings=e.map((e=>({...e,currentTime:0,duration:100,paused:!0,loop:!1,videoEle:null,timer:null,muted:!0,autoplay:!0}))),P.itemList=P.trainings.filter((e=>e.id==d.query.materialId)),P.videoData=P.itemList[0],U())})(e),"STUDENT"===_.platformType&&(N.value=I((async()=>{await(async()=>{try{if("STUDENT"===_.platformType){const e=R.counter.value;if(e<=0)return;R.counter.value=0,await T.post("".concat(_.platformApi,"/studentCoursewarePlayRecord/save"),{data:{playTime:e}})}}catch(e){}})()}),5e3))}));const j=t(),O=m({firstIndex:0,open:!1,activeIndex:-1,tabActive:"",tabName:"",itemActive:"",itemName:""}),U=()=>{var e,a,t;if(0!=(null==(e=null==P?void 0:P.videoData)?void 0:e.trainingTimes)&&(null==(a=null==P?void 0:P.videoData)?void 0:a.trainingTimes)>=(null==(t=P.videoData)?void 0:t.times)){let e=!1,a=0;if(P.isPlayBaseStatus)a=P.trainings.findIndex((e=>{var a;return e.id==(null==(a=P.videoData)?void 0:a.id)})),e=a===P.trainings.length-1;else{let t=-1,i=!0;P.trainings.forEach(((e,a)=>{e.times>e.trainingTimes&&-1===t&&(t=a),e.times>e.trainingTimes&&(i=!1)})),a=-1!=t?t-1:-1,e=i}P.visiableConfirmText=e?"完成":"下一题",P.visiableStatus=!0,P.itemIndex=a,P.isLastIndex=e}},q=()=>{if(P.isLastIndex)b({api:"goBack"});else{const e=P.trainings[P.itemIndex+1];e.musicScoreName&&(O.tabName=e.musicScoreName),P.itemList=[e],P.videoData=e,U()}P.visiableStatus=!1},H=()=>{P.trainings[P.itemIndex].currentTime=0,P.trainings[P.itemIndex].videoEle.currentTime(0),P.visiableStatus=!1};return o(e,(e=>{P.itemList.forEach((e=>{var a;null==(a=e.videoEle)||a.pause()})),"visible"==e&&b({api:"setRequestedOrientation",content:{orientation:0}},(()=>{}))})),()=>{let e;return l("div",{"class":A.playContent},[l("div",{"class":A.coursewarePlay,style:{width:a.width}},[l(B,{style:{height:"100%"},ref:j,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},(t=e=P.itemList.map((e=>l(D,null,{"default":()=>[l(r,null,[l(F,{item:e,isMember:P.isMember,modal:M.model,onSeeked:()=>{R.isActive.value&&R.pause()},onSeeking:()=>{R.isActive.value&&R.pause()},onWaiting:()=>{R.isActive.value&&R.pause()},onTimeupdate:()=>{const a=e.videoEle;!R.isActive.value&&(null==a?void 0:a.currentTime())>0&&!(null==a?void 0:a.paused())&&R.resume()},onPause:()=>{clearTimeout(M.timer),M.model=!0,R.pause()},onEnded:()=>(async()=>{var e;if(P.recordLoading||P.expireTimeFlag)return;P.recordLoading=!0;const a={id:(null==(e=P.videoData)?void 0:e.id)||""};try{await T.get(_.platformApi+"/studentCourseHomework/addStudentHomeworkRecord",{params:a,hideLoading:!0})}catch(t){}P.recordLoading=!1;try{const e=await E();if(Array.isArray(e)){const a=e.find((e=>{var a;return e.id==(null==(a=P.videoData)?void 0:a.id)}));a&&(P.videoData.trainingTimes=a.trainingTimes,U())}}catch(t){}})(),onChangeModal:e=>{M.model=e}},null),e.muted&&l("div",{"class":A.loadWrap},[l(C,{animationData:S},null)])])]}))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!h(t)?e:{"default":()=>[e]})),l(n,{name:"top"},{"default":()=>{var e,a;return[M.model&&l("div",{"class":A.headerContainer,ref:x},[l("div",{"class":A.backBtn,onClick:()=>{b({api:"back"})}},[l(y,{name:k},null),u("返回")]),l("div",{"class":A.menu},[O.tabName]),l("div",{"class":A.nums},[u("练习次数:"),(null==(e=P.videoData)?void 0:e.trainingTimes)||0,u("/"),(null==(a=P.videoData)?void 0:a.times)||0])])]}})]),l(g,{show:P.visiableStatus,"onUpdate:show":e=>P.visiableStatus=e,"class":A.visiablePopup,closeOnClickOverlay:!1},{"default":()=>[l("div",{"class":A.title},[u("温馨提示")]),l("p",{"class":A.content},[u("您已完成该练习~")]),l("div",{"class":A.btnGroup},[l(f,{round:!0,block:!0,onClick:H},{"default":()=>[u("继续")]}),l(f,{color:"#01C1B5",round:!0,block:!0,onClick:q},{"default":()=>[P.visiableConfirmText]})])]})]);var t}}});export{N as default};