| 1 |
- import{d as V,bL as $,R as S,$ as F,Z as R,c as t,be as E,bg as k,F as O,_ as J,b0 as z,r as C,b7 as H,ah as U,ag as Z,f as K,e as y,V as Q,a5 as X,q as I,al as Y,m as A,g as w,bh as ee,bd as ae}from"./index.f2940478.js";/* empty css */import{i as te,a as ne,p as ie,b as oe}from"./tcplayer.min.8b403a2b.js";import{h as se}from"./useFee.32555f08.js";import{T as re}from"./tcplayer.v4.8.0.min.d79f74d0.js";import{S as le}from"./index.38367db7.js";import{S as ce,a as de}from"./index.6d175053.js";const ue="_playContent_1a0ep_1",me="_coursewarePlay_1a0ep_7",pe="_playModel_1a0ep_13",ve="_headerContainer_1a0ep_22",ge="_backBtn_1a0ep_35",fe="_btnGroup_1a0ep_44",_e="_btnItem_1a0ep_51",ye="_btnImg_1a0ep_65",he="_menu_1a0ep_70",be="_tabsContent_1a0ep_76",Te="_loadWrap_1a0ep_87",Ce="_itemDiv_1a0ep_98",Ie="_videoSection_1a0ep_113",we="_videoModel_1a0ep_121",Be="_rightFixedBtns_1a0ep_135",De="_point_1a0ep_141",Se="_fullBtn_1a0ep_146",Ee="_leftFixedBtns_1a0ep_150",xe="_prePoint_1a0ep_156",Le="_bottomFixedContainer_1a0ep_173",Pe="_time_1a0ep_182",Ne="_slider_1a0ep_189",ke="_actions_1a0ep_192",Ae="_actionBtn_1a0ep_199",Me="_popup_1a0ep_208",Ve="_overlayClass_1a0ep_211";var u={playContent:ue,coursewarePlay:me,playModel:pe,headerContainer:ve,backBtn:ge,btnGroup:fe,btnItem:_e,btnImg:ye,menu:he,tabsContent:be,loadWrap:Te,itemDiv:Ce,videoSection:Ie,videoModel:we,rightFixedBtns:Be,point:De,fullBtn:Se,leftFixedBtns:Ee,prePoint:xe,bottomFixedContainer:Le,time:Pe,slider:Ne,actions:ke,actionBtn:Ae,popup:Me,overlayClass:Ve},Fe="./assets/icon-go-practice.044c0cd2.svg",Re="./assets/icon-videobg.2414ec8d.png",Oe=V({name:"video-class",props:{item:{type:Object,default:()=>({})},modal:{type:Boolean,default:!0}},emits:["loadedmetadata","togglePlay","ended","reset","error","close","changeModal"],setup(p,{emit:_}){const{item:e,modal:h}=$(p),s=S(),b="video"+Date.now()+Math.floor(Math.random()*100),T=()=>{s.value&&(J(()=>{var r;(r=s.value)==null||r.pause()}),console.log(p.item,e.value),s.value.poster(p.item.coverImg),s.value.src(p.item.content),s.value.loop(p.item.loop),s.value.autoplay(p.item.autoplay),s.value.one("loadedmetadata",r=>{var v;e.value.autoplay&&s.value&&((v=s.value)==null||v.play());const a=s.value;e.value.duration=a.duration(),e.value.videoEle=a,e.value.loaded=!0,_("loadedmetadata",s.value)}),s.value.on("timeupdate",()=>{if(!e.value.loaded)return;const r=s.value;e.value.currentTime=r.currentTime()}),s.value.on("ended",()=>{_("ended",e.value)}),s.value.on("pause",()=>{var r;console.log("\u6682\u505C"),e.value.paused=!0,(r=e.value.videoEle)==null||r.pause()}),s.value.on("play",()=>{var r,a,v;e.value.paused=!1,e.value.muted&&(e.value.muted=!1,(r=e.value.videoEle)==null||r.muted(!1),(a=e.value.videoEle)==null||a.volume(1),(v=e.value.videoEle)==null||v.pause())}),s.value.on("error",()=>{_("error")}))};return F(()=>{s.value=re(b,{appID:"",controls:!1,loop:e.value.loop,muted:!1}),T()}),R(()=>p.item,()=>{T()}),()=>t(O,null,[t("div",{class:u.itemDiv,onClick:()=>{clearTimeout(e.value.timer),_("changeModal",!h.value)}},[t("video",{id:b,style:{height:"100%",width:"100%"},playsinline:"false",preload:"auto",class:"player",poster:Re,"data-vid":e.value.id,src:e.value.content,loop:e.value.loop,autoplay:e.value.autoplay,muted:e.value.muted},[t("source",{src:e.value.content,type:"video/mp4"},null)]),t("div",{class:u.videoSection},null)]),t(E,{name:"bottom"},{default:()=>[h.value&&!e.value.muted&&t("div",{class:u.bottomFixedContainer},[t("div",{class:u.time},[t("span",null,[k(e.value.currentTime)]),t("span",null,[k(e.value.duration)])]),t("div",{class:u.slider},[e.value.duration&&t(le,{buttonSize:16,modelValue:e.value.currentTime,min:0,max:e.value.duration},null)]),t("div",{class:u.actions},[t("div",{class:u.actionBtn},[e.value.paused?t("img",{src:te,onClick:()=>{var r;clearTimeout(e.value.timer),(r=e.value.videoEle)==null||r.play(),e.value.paused=!1,e.value.timer=setTimeout(()=>{_("changeModal",!1)},4e3)}},null):t("img",{src:ne,onClick:()=>{var r;clearTimeout(e.value.timer),(r=e.value.videoEle)==null||r.pause(),e.value.paused=!0}},null)])])])]})])}});function qe(p){return typeof p=="function"||Object.prototype.toString.call(p)==="[object Object]"&&!Y(p)}const M={\u89C6\u9891:"VIDEO",\u56FE\u7247:"IMG",\u66F2\u76EE:"SONG"};var Ue=V({name:"exercise-after-class",setup(){const p=z(),_=C({width:"100vw"}),e=()=>{const i=Math.min(screen.width,screen.height),n=Math.max(screen.width,screen.height),l=i*(16/9);if(l>n){_.width="100vw";return}else _.width=l+"px"},h=(i=0)=>{e(),y({api:"setRequestedOrientation",content:{orientation:i}}),y({api:"setStatusBarVisibility",content:{isVisibility:i}})};h(),H(()=>{h(1)});const s=U();Z();const b=s.query,T=K(),r=S(),a=C({videoData:null,trainings:[],trainingTimes:0,itemList:[],showHead:!0,loading:!0,recordLoading:!1,isPlayBaseStatus:!0,isPlayAll:!0}),v=C({nowTime:0,model:!0,timer:null,item:null}),x=async()=>{var i,n,l,m;try{const c=await A.post(w.platformApi+`/studentLessonTraining/trainingRecord/${b.courseScheduleId}?userId=${(n=(i=w.user)==null?void 0:i.data)==null?void 0:n.id}`,{hideLoading:!0});if(Array.isArray((l=c==null?void 0:c.data)==null?void 0:l.trainings)){const g=((m=c==null?void 0:c.data)==null?void 0:m.trainings)||[],o=[];return g.forEach(d=>{o.push(...d.studentLessonTrainingDetails||[])}),o.forEach(d=>{let f={};try{f=JSON.parse(d.trainingContent)}catch{f=""}f.practiceTimes!==d.trainingTimes+""&&(a.isPlayAll=!1),d.materialId==s.query.materialId&&(B.tabName=d.knowledgePointName)}),o}}catch{}return[]},q=async i=>{Array.isArray(i)&&(a.trainings=i.map(n=>{try{n.trainingContent=JSON.parse(n.trainingContent)}catch{n.trainingContent=""}return{...n,currentTime:0,duration:100,paused:!0,loop:!1,videoEle:null,timer:null,muted:!0,autoplay:!0}}),a.itemList=a.trainings.filter(n=>n.materialId==s.query.materialId),a.videoData=a.itemList[0],D())};F(async()=>{const i=await x();i.forEach(n=>{let l={};try{l=JSON.parse(n.trainingContent)}catch{l=""}l.practiceTimes!==n.trainingTimes+""&&(a.isPlayBaseStatus=!1)}),q(i),se()});const L=()=>{y({api:"back"})},G=S(),B=C({firstIndex:0,open:!1,activeIndex:-1,tabActive:"",tabName:"",itemActive:"",itemName:""}),W=async i=>{var m;if(a.recordLoading)return;console.log("\u8BB0\u5F55\u89C2\u770B\u6B21\u6570"),a.recordLoading=!0;const n=s.query,l={materialType:"VIDEO",record:{sourceTime:i.duration,clientType:w.platformType,feature:"LESSON_TRAINING",deviceType:T.android?"ANDROID":T.isApp?"IOS":"WEB"},courseScheduleId:n.courseScheduleId,lessonTrainingId:n.lessonTrainingId,materialId:((m=a.videoData)==null?void 0:m.materialId)||""};try{const c=await A.post(w.platformApi+"/studentLessonTraining/lessonTrainingRecord",{data:l,hideLoading:!0})}catch{}a.recordLoading=!1;try{const c=await x();if(Array.isArray(c)){const g=c.find(o=>{var d;return o.materialId==((d=a.videoData)==null?void 0:d.materialId)});g&&(a.videoData.trainingTimes=g.trainingTimes,D())}}catch{}},P=()=>{a.itemList.forEach(i=>{var n;(n=i.videoEle)==null||n.pause()})},D=()=>{var i,n,l,m;if(((i=a==null?void 0:a.videoData)==null?void 0:i.trainingTimes)!=0&&((n=a==null?void 0:a.videoData)==null?void 0:n.trainingTimes)+""===((m=(l=a.videoData)==null?void 0:l.trainingContent)==null?void 0:m.practiceTimes)){let c=!1,g=0;if(a.isPlayBaseStatus)g=a.trainings.findIndex(o=>{var d;return o.materialId==((d=a.videoData)==null?void 0:d.materialId)}),c=g===a.trainings.length-1;else{let o=-1,d=!0;a.trainings.forEach((f,N)=>{f.trainingContent.practiceTimes!==f.trainingTimes+""&&o===-1&&(o=N),f.trainingContent.practiceTimes!==f.trainingTimes+""&&(d=!1)}),g=o!=-1?o-1:-1,c=d}ee({title:"\u8BFE\u540E\u4F5C\u4E1A",message:"\u4F60\u5DF2\u5B8C\u6210\u8BE5\u7EC3\u4E60~",confirmButtonColor:"var(--van-primary)",confirmButtonText:c?"\u5B8C\u6210":"\u4E0B\u4E00\u9898",cancelButtonText:"\u7EE7\u7EED"}).then(()=>{if(c)y({api:"goBack"});else{const o=a.trainings[g+1];if(o.knowledgePointName&&(B.tabName=o.knowledgePointName),(o==null?void 0:o.type)===M.\u89C6\u9891&&(a.itemList=[o],a.videoData=o,D()),(o==null?void 0:o.type)===M.\u66F2\u76EE){h(1),L();const d=ae.stringify({id:o.content,courseScheduleId:b.courseScheduleId,lessonTrainingId:b.lessonTrainingId,materialId:o.materialId}),f=`${location.origin}/orchestra-music-score/?`+d;y({api:"openAccompanyWebView",content:{url:f,orientation:0,isHideTitle:!0,statusBarTextColor:!1,isOpenLight:!0}})}}}).catch(()=>{a.trainings[g].currentTime=0})}};R(p,i=>{P(),i=="visible"&&y({api:"setRequestedOrientation",content:{orientation:0}},()=>{console.log(234)})});const j=()=>{P();const i=window.location.origin+location.pathname+"#/accompany";y({api:"openWebView",content:{url:i,orientation:1}})};return()=>{let i;return t("div",{class:u.playContent},[t("div",{class:u.coursewarePlay,style:{width:_.width}},[t(ce,{style:{height:"100%"},ref:G,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},qe(i=a.itemList.map((n,l)=>t(de,null,{default:()=>[t(O,null,[t(Oe,{item:n,modal:v.model,onEnded:m=>W(m),onChangeModal:m=>{v.model=m}},null),n.muted&&t("div",{class:u.loadWrap},[t(Q,{animationData:ie},null)])])]})))?i:{default:()=>[i]}),t(E,{name:"top"},{default:()=>{var n,l,m;return[v.model&&t("div",{class:u.headerContainer,ref:r},[t("div",{class:u.backBtn,onClick:()=>L()},[t(X,{name:oe},null),I("\u8FD4\u56DE")]),t("div",{class:u.menu},[B.tabName]),t("div",{class:u.nums},[I("\u89C2\u770B\u89C6\u9891\u6A21\u4EFF\u5E76\u7EC3\u4E60\uFF1A"),((n=a.videoData)==null?void 0:n.trainingTimes)||0,I("/"),((m=(l=a.videoData)==null?void 0:l.trainingContent)==null?void 0:m.practiceTimes)||0])])]}}),t(E,{name:"right"},{default:()=>[v.model&&t("div",{class:u.btnGroup},[t("div",{class:u.btnItem,onClick:j},[t("img",{src:Fe,class:u.btnImg},null),t("span",null,[I("\u53BB\u7EC3\u4E60")])])])]})])])}}});export{Ue as default};
|
