index.ef10595e.js 11 KB

1
  1. import{d as V,u as H,bN as J,U as M,r as D,a1 as q,$ as W,c as t,bg as j,bi as N,t as k,F as $,a0 as U,b2 as z,b9 as K,aj as Q,ai as X,f as Y,e as I,V as Z,a7 as ee,g as x,P as te,an as ae,n as F,bj as ie,q as ne,bf as A}from"./ResizeObserver.es.fc3792d3.js";/* empty css */import{i as oe,a as se,p as le,b as re,C as ce}from"./index.a6f5452b.js";import{h as ue}from"./useFee.8a4d1235.js";import{T as de}from"./tcplayer.v4.9.1.min.0ad71ad4.js";import{S as me}from"./index.cbe1654d.js";import{S as pe,a as ve}from"./index.62d7bf22.js";const ge="_playContent_1cpm2_1",fe="_coursewarePlay_1cpm2_7",_e="_playModel_1cpm2_13",he="_headerContainer_1cpm2_22",ye="_backBtn_1cpm2_35",Te="_titleSection_1cpm2_48",Ce="_title_1cpm2_48",Ie="_titleContent_1cpm2_54",be="_nums_1cpm2_75",we="_timeLoad_1cpm2_87",Se="_goPractice_1cpm2_94",xe="_hide_1cpm2_105",Le="_menu_1cpm2_108",De="_tabsContent_1cpm2_114",Be="_loadWrap_1cpm2_125",Pe="_itemDiv_1cpm2_136",Ee="_videoSection_1cpm2_151",ke="_videoModel_1cpm2_159",Oe="_rightFixedBtns_1cpm2_173",Me="_point_1cpm2_179",Ne="_fullBtn_1cpm2_184",Fe="_leftFixedBtns_1cpm2_188",Ae="_prePoint_1cpm2_194",Re="_bottomFixedContainer_1cpm2_211",Ve="_time_1cpm2_87",qe="_slider_1cpm2_229",We="_actions_1cpm2_251",je="_actionBtn_1cpm2_258",$e="_popup_1cpm2_270",Ge="_overlayClass_1cpm2_273";var c={playContent:ge,coursewarePlay:fe,playModel:_e,headerContainer:he,backBtn:ye,titleSection:Te,title:Ce,titleContent:Ie,nums:be,timeLoad:we,goPractice:Se,hide:xe,menu:Le,tabsContent:De,loadWrap:Be,itemDiv:Pe,videoSection:Ee,videoModel:ke,rightFixedBtns:Oe,point:Me,fullBtn:Ne,leftFixedBtns:Fe,prePoint:Ae,bottomFixedContainer:Re,time:Ve,slider:qe,actions:We,actionBtn:je,popup:$e,overlayClass:Ge},He="./assets/icon-videobg.2414ec8d.png",Je=V({name:"video-class",props:{item:{type:Object,default:()=>({})},modal:{type:Boolean,default:!0}},emits:["loadedmetadata","togglePlay","ended","reset","error","close","changeModal"],setup(f,{emit:T}){const L=H(),{item:a,modal:b}=J(f),i=M(),B="video"+Date.now()+Math.floor(Math.random()*100),e=()=>{i.value&&(U(()=>{var r;(r=i.value)==null||r.pause()}),i.value.poster(f.item.coverImg),i.value.src(f.item.content),i.value.loop(f.item.loop),i.value.autoplay(f.item.autoplay),i.value.one("loadedmetadata",r=>{var h,P,g,E,w,S;const _=i.value;a.value.duration=_.duration(),a.value.videoEle=_,a.value.loaded=!0,T("loadedmetadata",i.value),a.value.autoplay&&i.value?(a.value.muted=!1,(h=i.value)==null||h.muted(!1),(P=i.value)==null||P.volume(1),(g=i.value)==null||g.play()):(a.value.muted=!1,(E=i.value)==null||E.muted(!1),(w=i.value)==null||w.volume(1),(S=i.value)==null||S.pause())}),i.value.on("timeupdate",()=>{if(!a.value.loaded)return;const r=i.value;a.value.currentTime=r.currentTime()}),i.value.on("ended",()=>{T("ended",a.value)}),i.value.on("pause",()=>{var r;console.log("\u6682\u505C"),a.value.paused=!0,(r=i.value)==null||r.pause(),setTimeout(()=>{var _;(_=i.value)==null||_.pause()},100)}),i.value.on("play",()=>{var r,_,h;a.value.paused=!1,a.value.muted&&(a.value.muted=!1,(r=i.value)==null||r.muted(!1),(_=i.value)==null||_.volume(1),(h=i.value)==null||h.pause())}),i.value.on("error",r=>{T("error"),L._uploadErrorLog(r)}))},y=D({width:"100vw"}),O=()=>{const r=Math.min(screen.width,screen.height),_=Math.max(screen.width,screen.height),h=r*(16/9);if(h>_){y.width="100vw";return}else y.width=h+"px"};return q(()=>{O(),i.value=de(B,{appID:"",controls:!1,loop:a.value.loop,muted:!1}),e()}),W(()=>f.item,()=>{e()}),()=>t($,null,[t("div",{class:c.itemDiv,onClick:()=>{clearTimeout(a.value.timer),T("changeModal",!b.value)}},[t("div",{style:{width:y.width,height:"100%",margin:"0 auto"}},[t("video",{id:B,style:{height:"100%",width:"100%"},playsinline:"false",preload:"auto",class:"player",poster:He,"data-vid":a.value.id,src:a.value.content},[t("source",{src:a.value.content,type:"video/mp4"},null)]),t("div",{class:c.videoSection},null)])]),t(j,{name:"bottom"},{default:()=>[b.value&&!a.value.muted&&t("div",{class:c.bottomFixedContainer},[t("div",{class:c.slider},[t("div",{class:c.time},[t("span",null,[N(a.value.currentTime)]),k("/"),t("span",null,[N(a.value.duration)])]),a.value.duration&&t(me,{buttonSize:16,modelValue:a.value.currentTime,min:0,max:a.value.duration},null)]),t("div",{class:c.actions},[t("div",{class:c.actionBtn},[a.value.paused?t("img",{src:oe,onClick:()=>{var r;clearTimeout(a.value.timer),(r=a.value.videoEle)==null||r.play(),a.value.paused=!1,a.value.timer=setTimeout(()=>{T("changeModal",!1)},4e3)}},null):t("img",{src:se,onClick:()=>{var r;clearTimeout(a.value.timer),(r=a.value.videoEle)==null||r.pause(),a.value.paused=!0}},null)])])])]})])}});function Ue(f){return typeof f=="function"||Object.prototype.toString.call(f)==="[object Object]"&&!ae(f)}const R={\u89C6\u9891:"VIDEO",\u56FE\u7247:"IMG",\u66F2\u76EE:"SONG"};var at=V({name:"exercise-after-class",setup(){const f=z(),T=D({width:"100vw"}),L=(o=0)=>{I({api:"setRequestedOrientation",content:{orientation:o}}),I({api:"setStatusBarVisibility",content:{isVisibility:o}})};L(),K(()=>{L(1)});const a=Q();X();const b=a.query,i=Y(),B=M(),e=D({videoData:null,trainings:[],expireTimeFlag:!1,trainingTimes:0,itemList:[],showHead:!0,loading:!0,recordLoading:!1,isPlayBaseStatus:!0,isPlayAll:!0}),y=D({nowTime:0,model:!0,timer:null,item:null}),O=(o,n)=>{w(),g.pointOpen=!0,g.pointContent=n,o==="checkItem"?g.pointTitle="\u68C0\u67E5\u4E8B\u9879":o==="phaseGoals"&&(g.pointTitle="\u9636\u6BB5\u76EE\u6807")},r=async()=>{var o,n,u,m,d;try{const l=await F.post(x.platformApi+`/studentLessonTraining/trainingRecord/${b.courseScheduleId}?userId=${(n=(o=x.user)==null?void 0:o.data)==null?void 0:n.id}`,{hideLoading:!0});if(e.expireTimeFlag=((u=l.data)==null?void 0:u.expireTimeFlag)||!1,Array.isArray((m=l==null?void 0:l.data)==null?void 0:m.trainings)){const p=((d=l==null?void 0:l.data)==null?void 0:d.trainings)||[],s=[];return p.forEach(v=>{s.push(...v.studentLessonTrainingDetails||[])}),s.forEach(v=>{let C={};try{C=JSON.parse(v.trainingContent)}catch{C=""}C.practiceTimes!==v.trainingTimes+""&&(e.isPlayAll=!1),v.materialId==a.query.materialId&&(g.tabName=v.knowledgePointName)}),s}}catch{}return[]},_=async o=>{Array.isArray(o)&&(e.trainings=o.map(n=>{var d;const u=n.materialRefs?n.materialRefs:[],m=u.length>0?u[0].resourceId:null;try{n.trainingContent=JSON.parse(n.trainingContent)}catch{n.trainingContent=""}return{...n,materialMusicId:m,currentTime:0,duration:100,paused:!0,loop:!1,videoEle:null,timer:null,muted:!0,autoplay:!!((d=x.user.data)!=null&&d.vipMember)}}),console.log(e.trainings,"trainings"),e.itemList=e.trainings.filter(n=>n.materialId==a.query.materialId),e.videoData=e.itemList[0],S())};q(async()=>{const o=await r();o.forEach(n=>{let u={};try{u=JSON.parse(n.trainingContent)}catch{u=""}u.practiceTimes!==n.trainingTimes+""&&(e.isPlayBaseStatus=!1)}),_(o),ue(),console.log(y.model,e.itemList,"itemList")});const h=()=>{I({api:"back"})},P=M(),g=D({pointOpen:!1,pointContent:"",pointTitle:"",firstIndex:0,open:!1,activeIndex:-1,tabActive:"",tabName:"",itemActive:"",itemName:""}),E=async o=>{var m;if(e.recordLoading||e.expireTimeFlag)return;console.log("\u8BB0\u5F55\u89C2\u770B\u6B21\u6570"),e.recordLoading=!0;const n=a.query,u={materialType:"VIDEO",record:{sourceTime:o.duration,clientType:x.platformType,feature:"LESSON_TRAINING",deviceType:i.android?"ANDROID":i.isApp?"IOS":"WEB"},courseScheduleId:n.courseScheduleId,lessonTrainingId:n.lessonTrainingId,materialId:((m=e.videoData)==null?void 0:m.materialId)||""};try{const d=await F.post(x.platformApi+"/studentLessonTraining/lessonTrainingRecord",{data:u,hideLoading:!0})}catch{}e.recordLoading=!1;try{const d=await r();if(Array.isArray(d)){const l=d.find(p=>{var s;return p.materialId==((s=e.videoData)==null?void 0:s.materialId)});l&&(e.videoData.trainingTimes=l.trainingTimes,S())}}catch{}},w=()=>{e.itemList.forEach(o=>{var n;(n=o.videoEle)==null||n.pause()})},S=()=>{var o,n,u,m;if(((o=e==null?void 0:e.videoData)==null?void 0:o.trainingTimes)!=0&&((n=e==null?void 0:e.videoData)==null?void 0:n.trainingTimes)+""===((m=(u=e.videoData)==null?void 0:u.trainingContent)==null?void 0:m.practiceTimes)){let d=!1,l=0;if(e.isPlayBaseStatus)l=e.trainings.findIndex(p=>{var s;return p.materialId==((s=e.videoData)==null?void 0:s.materialId)}),d=l===e.trainings.length-1;else{let p=-1,s=!0;e.trainings.forEach((v,C)=>{v.trainingContent.practiceTimes!==v.trainingTimes+""&&p===-1&&(p=C),v.trainingContent.practiceTimes!==v.trainingTimes+""&&(s=!1)}),l=p!=-1?p-1:-1,d=s}ie({title:"\u8BFE\u540E\u4F5C\u4E1A",message:"\u4F60\u5DF2\u5B8C\u6210\u8BE5\u7EC3\u4E60~",confirmButtonColor:"var(--van-primary)",confirmButtonText:d?"\u5B8C\u6210":"\u4E0B\u4E00\u9898",cancelButtonText:"\u7EE7\u7EED"}).then(()=>{var p;if(d)I({api:"goBack"});else{const s=e.trainings[l+1];if((p=e.videoData)==null||p.expired,s.expired){ne("\u8BE5\u8D44\u6E90\u5DF2\u8FC7\u671F");return}if(s.knowledgePointName&&(g.tabName=s.knowledgePointName),(s==null?void 0:s.type)===R.\u89C6\u9891&&(e.itemList=[s],e.videoData=s,S()),(s==null?void 0:s.type)===R.\u66F2\u76EE){L(1),h();const v=A.stringify({id:s.content,courseScheduleId:b.courseScheduleId,lessonTrainingId:b.lessonTrainingId,materialId:s.materialId}),C=`${location.origin}/orchestra-music-score/?`+v;I({api:"openAccompanyWebView",content:{url:C,orientation:0,c_orientation:0,isHideTitle:!0,statusBarTextColor:!1,isOpenLight:!0}})}}}).catch(()=>{e.trainings[l].currentTime=0})}};W(f,o=>{w(),o=="visible"&&I({api:"setRequestedOrientation",content:{orientation:0}},()=>{console.log(234)})});const G=o=>{w(),o.stopPropagation();const n=A.stringify({id:e.videoData.materialMusicId}),u=`${location.origin}/orchestra-music-score/?`+n;console.log(u,"src"),I({api:"openAccompanyWebView",content:{url:u,orientation:0,c_orientation:0,isHideTitle:!0,statusBarTextColor:!1,isOpenLight:!0}})};return()=>{var n,u;let o;return t("div",{class:c.playContent},[t("div",{class:c.coursewarePlay,style:{width:T.width}},[t(pe,{style:{height:"100%"},ref:P,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},Ue(o=e.itemList.map((m,d)=>t(ve,null,{default:()=>[t($,null,[t(Je,{item:m,modal:y.model,onEnded:l=>E(l),onChangeModal:l=>{y.model=l}},null),m.muted&&t("div",{class:c.loadWrap},[t(Z,{animationData:le},null)])])]})))?o:{default:()=>[o]}),t(j,{name:"top"},{default:()=>{var m,d,l,p,s;return[y.model&&t("div",{class:c.headerContainer,ref:B},[t("div",{class:c.backBtn},[t(ee,{name:re,onClick:()=>h()},null),t("div",{class:c.titleSection},[t("div",{class:c.title,onClick:()=>h()},[g.tabName]),t("div",{class:c.titleContent},[t("p",null,[(m=e.itemList[0])==null?void 0:m.materialName]),(d=e.itemList[0])!=null&&d.checkItem?t("span",{onClick:()=>{var v;return O("checkItem",(v=e.itemList[0])==null?void 0:v.checkItem)}},[k("\u68C0\u67E5\u4E8B\u9879")]):""])])]),!e.expireTimeFlag&&t("div",{class:c.nums},[t("div",{class:c.timeLoad},null),t("div",null,[k("\u89C2\u770B\u89C6\u9891\u6A21\u4EFF\u5E76\u7EC3\u4E60\uFF1A"),((l=e.videoData)==null?void 0:l.trainingTimes)||0,k("/"),((s=(p=e.videoData)==null?void 0:p.trainingContent)==null?void 0:s.practiceTimes)||0])])])]}}),((n=e.videoData)==null?void 0:n.materialMusicId)&&x.platformType!=="SCHOOL"&&!((u=e.videoData)!=null&&u.expired)&&t("div",{class:[c.goPractice,y.model?"":c.hide],onClick:G},null)]),t(te,{class:[c.popup,c.popupPoint],round:!0,style:{background:"transparent !important"},show:g.pointOpen,"onUpdate:show":m=>g.pointOpen=m},{default:()=>[t(ce,{onClose:()=>{g.pointOpen=!1},content:g.pointContent,titleName:g.pointTitle},null)]})])}}});export{at as default};