index.22b2c6a2.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.976406a2.js";/* empty css */import{p as oe,i as se,C as le}from"./index.4ba3958b.js";import{h as re}from"./useFee.e0fcebcf.js";import{T as ce}from"./tcplayer.v4.9.1.min.375d16cd.js";import{S as de}from"./index.6e88af59.js";import{S as ue,a as me}from"./index.d07ab81c.js";const pe="_playContent_1cpm2_1",ve="_coursewarePlay_1cpm2_7",ge="_playModel_1cpm2_13",fe="_headerContainer_1cpm2_22",_e="_backBtn_1cpm2_35",he="_titleSection_1cpm2_48",ye="_title_1cpm2_48",Te="_titleContent_1cpm2_54",Ce="_nums_1cpm2_75",Ie="_timeLoad_1cpm2_87",be="_goPractice_1cpm2_94",we="_hide_1cpm2_105",Se="_menu_1cpm2_108",xe="_tabsContent_1cpm2_114",Le="_loadWrap_1cpm2_125",De="_itemDiv_1cpm2_136",Be="_videoSection_1cpm2_151",Pe="_videoModel_1cpm2_159",Ee="_rightFixedBtns_1cpm2_173",ke="_point_1cpm2_179",Oe="_fullBtn_1cpm2_184",Me="_leftFixedBtns_1cpm2_188",Ne="_prePoint_1cpm2_194",Fe="_bottomFixedContainer_1cpm2_211",Ae="_time_1cpm2_87",Re="_slider_1cpm2_229",Ve="_actions_1cpm2_251",qe="_actionBtn_1cpm2_258",We="_popup_1cpm2_270",je="_overlayClass_1cpm2_273";var c={playContent:pe,coursewarePlay:ve,playModel:ge,headerContainer:fe,backBtn:_e,titleSection:he,title:ye,titleContent:Te,nums:Ce,timeLoad:Ie,goPractice:be,hide:we,menu:Se,tabsContent:xe,loadWrap:Le,itemDiv:De,videoSection:Be,videoModel:Pe,rightFixedBtns:Ee,point:ke,fullBtn:Oe,leftFixedBtns:Me,prePoint:Ne,bottomFixedContainer:Fe,time:Ae,slider:Re,actions:Ve,actionBtn:qe,popup:We,overlayClass:je},$e="./assets/icon-play.e9875d7d.svg",Ge="./assets/icon-pause.7c9eee52.svg",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=ce(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(de,{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:$e,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:Ge,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,d,m,u;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=((d=l.data)==null?void 0:d.expireTimeFlag)||!1,Array.isArray((m=l==null?void 0:l.data)==null?void 0:m.trainings)){const p=((u=l==null?void 0:l.data)==null?void 0:u.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 u;const d=n.materialRefs?n.materialRefs:[],m=d.length>0?d[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:!!((u=x.user.data)!=null&&u.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 d={};try{d=JSON.parse(n.trainingContent)}catch{d=""}d.practiceTimes!==n.trainingTimes+""&&(e.isPlayBaseStatus=!1)}),_(o),re(),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,d={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 u=await F.post(x.platformApi+"/studentLessonTraining/lessonTrainingRecord",{data:d,hideLoading:!0})}catch{}e.recordLoading=!1;try{const u=await r();if(Array.isArray(u)){const l=u.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,d,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=(d=e.videoData)==null?void 0:d.trainingContent)==null?void 0:m.practiceTimes)){let u=!1,l=0;if(e.isPlayBaseStatus)l=e.trainings.findIndex(p=>{var s;return p.materialId==((s=e.videoData)==null?void 0:s.materialId)}),u=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,u=s}ie({title:"\u8BFE\u540E\u4F5C\u4E1A",message:"\u4F60\u5DF2\u5B8C\u6210\u8BE5\u7EC3\u4E60~",confirmButtonColor:"var(--van-primary)",confirmButtonText:u?"\u5B8C\u6210":"\u4E0B\u4E00\u9898",cancelButtonText:"\u7EE7\u7EED"}).then(()=>{var p;if(u)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}),d=`${location.origin}/orchestra-music-score/?`+n;console.log(d,"src"),I({api:"openAccompanyWebView",content:{url:d,orientation:0,c_orientation:0,isHideTitle:!0,statusBarTextColor:!1,isOpenLight:!0}})};return()=>{var n,d;let o;return t("div",{class:c.playContent},[t("div",{class:c.coursewarePlay,style:{width:T.width}},[t(ue,{style:{height:"100%"},ref:P,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},Ue(o=e.itemList.map((m,u)=>t(me,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:oe},null)])])]})))?o:{default:()=>[o]}),t(j,{name:"top"},{default:()=>{var m,u,l,p,s;return[y.model&&t("div",{class:c.headerContainer,ref:B},[t("div",{class:c.backBtn},[t(ee,{name:se,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]),(u=e.itemList[0])!=null&&u.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"&&!((d=e.videoData)!=null&&d.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(le,{onClose:()=>{g.pointOpen=!1},content:g.pointContent,titleName:g.pointTitle},null)]})])}}});export{at as default};