| 1 |
- import{d as e,U as a,Q as t,o as i,S as l,a as n,T as o,b0 as s,m as u,F as r,V as d,R as m,r as v,h as c,f as p,s as g,L as _,P as h,B as y,i as f,p as b,e as T}from"./index-99c674b5.js";import{T as w,S as j,V as x,p as C,i as S}from"./tcplayer.min-efad8789.js";import{S as k,a as B}from"./index-00cc9adc.js";import{u as D,a as L}from"./index-d37de5b8.js";const A={playContent:"_playContent_1ghmj_1",coursewarePlay:"_coursewarePlay_1ghmj_7",playModel:"_playModel_1ghmj_13",headerContainer:"_headerContainer_1ghmj_22",backBtn:"_backBtn_1ghmj_35",menu:"_menu_1ghmj_44",tabsContent:"_tabsContent_1ghmj_50",loadWrap:"_loadWrap_1ghmj_61",itemDiv:"_itemDiv_1ghmj_72",videoSection:"_videoSection_1ghmj_87",videoModel:"_videoModel_1ghmj_95",rightFixedBtns:"_rightFixedBtns_1ghmj_109",point:"_point_1ghmj_115",fullBtn:"_fullBtn_1ghmj_120",leftFixedBtns:"_leftFixedBtns_1ghmj_124",prePoint:"_prePoint_1ghmj_130",bottomFixedContainer:"_bottomFixedContainer_1ghmj_147",time:"_time_1ghmj_156",slider:"_slider_1ghmj_162",actions:"_actions_1ghmj_169",actionBtn:"_actionBtn_1ghmj_177",popup:"_popup_1ghmj_187",overlayClass:"_overlayClass_1ghmj_190",visiablePopup:"_visiablePopup_1ghmj_225",title:"_title_1ghmj_239",content:"_content_1ghmj_245",btnGroup:"_btnGroup_1ghmj_251"},I=""+new URL("icon-play-6bc42262.svg",import.meta.url).href,M=""+new URL("icon-pause-fe805220.svg",import.meta.url).href,P=""+new URL("icon-videobg-2414ec8d.png",import.meta.url).href,E=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:m}){const{item:v,modal:c}=a(e),p=t(),g="video"+Date.now()+Math.floor(100*Math.random()),_=()=>{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,l,n;const o=p.value;v.value.duration=o.duration(),v.value.videoEle=o,v.value.loaded=!0,m("loadedmetadata",p.value),v.value.autoplay&&p.value?(v.value.muted=!1,null==(e=p.value)||e.muted(!1),null==(a=p.value)||a.volume(1),null==(t=p.value)||t.play()):(v.value.muted=!1,null==(i=p.value)||i.muted(!1),null==(l=p.value)||l.volume(1),null==(n=p.value)||n.pause())})),p.value.on("timeupdate",(()=>{if(!v.value.loaded)return;const e=p.value;v.value.currentTime=e.currentTime(),m("timeupdate")})),p.value.on("ended",(()=>{m("ended",v.value)})),p.value.on("pause",(()=>{var e;v.value.paused=!0,null==(e=p.value)||e.pause(),setTimeout((()=>{var e;null==(e=p.value)||e.pause()}),100),m("pause")})),p.value.on("play",(()=>{var e,a,t;v.value.paused=!1,v.value.muted&&(v.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",(()=>{m("seeked")})),p.value.on("seeking",(()=>{m("seeking")})),p.value.on("waiting",(()=>{m("waiting")})),p.value.on("error",(()=>{m("error")})))};return i((()=>{p.value=w(g,{appID:"",controls:!1,loop:v.value.loop,muted:!1}),_()})),l((()=>e.item),(()=>{_()})),()=>n(r,null,[n("div",{"class":A.itemDiv,onClick:()=>{clearTimeout(v.value.timer),m("changeModal",!c.value)}},[n("video",{id:g,style:{height:"100%",width:"100%"},playsinline:"false",preload:"auto","class":"player",poster:P,"data-vid":v.value.id,src:v.value.content},[n("source",{src:v.value.content,type:"video/mp4"},null)]),n("div",{"class":A.videoSection},null)]),n(o,{name:"bottom"},{"default":()=>[c.value&&!v.value.muted&&n("div",{"class":A.bottomFixedContainer},[n("div",{"class":A.time},[n("span",null,[s(v.value.currentTime)]),u("/"),n("span",null,[s(v.value.duration)])]),n("div",{"class":A.slider},[v.value.duration&&n(j,{buttonSize:16,modelValue:v.value.currentTime,min:0,max:v.value.duration},null)]),n("div",{"class":A.actions},[n("div",{"class":A.actionBtn},[v.value.paused?n("img",{src:I,onClick:()=>{var e;clearTimeout(v.value.timer),null==(e=v.value.videoEle)||e.play(),v.value.paused=!1,v.value.timer=setTimeout((()=>{m("changeModal",!1)}),4e3)}},null):n("img",{src:M,onClick:()=>{var e;clearTimeout(v.value.timer),null==(e=v.value.videoEle)||e.pause(),v.value.paused=!0}},null)])])])]})])}}),F=e({name:"exercise-after-class",setup(){const e=m(),a=v({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,j=t(),I=v({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=v({nowTime:0,model:!0,timer:null,item:null}),P=async()=>{try{const e=await T.post(g.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&&(I.isPlayAll=!1),e.id+""==d.query.materialId&&(O.tabName=e.musicScoreName)})),a}}catch(e){}return[]},F=t(),N=D(1e3,{controls:!0});N.pause(),i((async()=>{(async e=>{Array.isArray(e)&&(I.trainings=e.map((e=>({...e,currentTime:0,duration:100,paused:!0,loop:!1,videoEle:null,timer:null,muted:!0,autoplay:!0}))),I.itemList=I.trainings.filter((e=>e.id==d.query.materialId)),I.videoData=I.itemList[0],U())})(await P()),"STUDENT"===g.platformType&&(F.value=L((async()=>{await(async()=>{try{if("STUDENT"===g.platformType){const e=N.counter.value;if(e<=0)return;N.counter.value=0,await T.post("".concat(g.platformApi,"/studentCoursewarePlayRecord/save"),{data:{playTime:e}})}}catch(e){}})()}),5e3))}));const R=t(),O=v({firstIndex:0,open:!1,activeIndex:-1,tabActive:"",tabName:"",itemActive:"",itemName:""}),U=()=>{var e,a,t;if(0!=(null==(e=null==I?void 0:I.videoData)?void 0:e.trainingTimes)&&(null==(a=null==I?void 0:I.videoData)?void 0:a.trainingTimes)>=(null==(t=I.videoData)?void 0:t.times)){let e=!1,a=0,t=-1,i=!0;I.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,I.visiableConfirmText=e?"完成":"下一题",I.visiableStatus=!0,I.itemIndex=a,I.isLastIndex=e}},q=()=>{if(I.isLastIndex)b({api:"goBack"});else{const e=I.trainings[I.itemIndex+1];e.musicScoreName&&(O.tabName=e.musicScoreName),I.itemList=[e],I.videoData=e,U()}I.visiableStatus=!1},H=()=>{try{I.trainings[I.itemIndex].currentTime=0}catch(e){}I.visiableStatus=!1};return l(e,(e=>{I.itemList.forEach((e=>{var a;null==(a=e.videoEle)||a.pause()})),"visible"==e&&b({api:"setRequestedOrientation",content:{orientation:0}},(()=>{}))})),()=>{let e;return n("div",{"class":A.playContent},[n("div",{"class":A.coursewarePlay,style:{width:a.width}},[n(k,{style:{height:"100%"},ref:R,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},(t=e=I.itemList.map((e=>n(B,null,{"default":()=>[n(r,null,[n(E,{item:e,isMember:I.isMember,modal:M.model,onSeeked:()=>{N.isActive.value&&N.pause()},onSeeking:()=>{N.isActive.value&&N.pause()},onWaiting:()=>{N.isActive.value&&N.pause()},onTimeupdate:()=>{const a=e.videoEle;!N.isActive.value&&(null==a?void 0:a.currentTime())>0&&!(null==a?void 0:a.paused())&&N.resume()},onPause:()=>{clearTimeout(M.timer),M.model=!0,N.pause()},onEnded:()=>(async()=>{var e;if(I.recordLoading||I.expireTimeFlag)return;I.recordLoading=!0;const a={id:(null==(e=I.videoData)?void 0:e.id)||""};try{await T.get(g.platformApi+"/studentCourseHomework/addStudentHomeworkRecord",{params:a,hideLoading:!0})}catch(t){}I.recordLoading=!1;try{const e=await P();if(Array.isArray(e)){const a=e.find((e=>{var a;return e.id==(null==(a=I.videoData)?void 0:a.id)}));a&&(I.videoData.trainingTimes=a.trainingTimes,U())}}catch(t){}})(),onChangeModal:e=>{M.model=e}},null),e.muted&&n("div",{"class":A.loadWrap},[n(x,{animationData:C},null)])])]}))),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!f(t)?e:{"default":()=>[e]})),n(o,{name:"top"},{"default":()=>{var e,a;return[M.model&&n("div",{"class":A.headerContainer,ref:j},[n("div",{"class":A.backBtn,onClick:()=>{b({api:"back"})}},[n(_,{name:S},null),u("返回")]),n("div",{"class":A.menu},[O.tabName]),n("div",{"class":A.nums},[u("练习次数："),(null==(e=I.videoData)?void 0:e.trainingTimes)||0,u("/"),(null==(a=I.videoData)?void 0:a.times)||0])])]}})]),n(h,{show:I.visiableStatus,"onUpdate:show":e=>I.visiableStatus=e,"class":A.visiablePopup,closeOnClickOverlay:!1},{"default":()=>[n("div",{"class":A.title},[u("温馨提示")]),n("p",{"class":A.content},[u("您已完成该练习～")]),n("div",{"class":A.btnGroup},[n(y,{round:!0,block:!0,onClick:H},{"default":()=>[u("继续")]}),n(y,{color:"#01C1B5",round:!0,block:!0,onClick:q},{"default":()=>[I.visiableConfirmText]})])]})]);var t}}});export{F as default};
|
