| 1 |
- import{t as ae,d as Q,R as N,aq as ne,y as O,U as ie,b4 as oe,a0 as re,c as i,w as q,z as H,aW as U,an as G,a4 as se,bK as le,bL as ce,bB as de,aU as ue,D as me,r as E,b3 as fe,ah as ge,ag as be,f as ve,$ as he,F as ye,b5 as X,b7 as Y,V as _e,a5 as pe,q as z,al as Te,e as V,m as K,g as k,b9 as Ce}from"./index.a94d6c60.js";/* empty css */import{i as we,a as Ie,p as Be,b as xe}from"./icon-pause.5ea7c748.js";import{q as Se}from"./index.339fc024.js";import{h as De}from"./useFee.183c1606.js";import{S as Ve,a as je}from"./index.242bede0.js";const[Ne,j]=ae("slider"),Le={min:q(0),max:q(100),step:q(1),range:Boolean,reverse:Boolean,disabled:Boolean,readonly:Boolean,vertical:Boolean,barHeight:H,buttonSize:H,activeColor:String,inactiveColor:String,modelValue:{type:[Number,Array],default:0}};var Ae=Q({name:Ne,props:Le,emits:["change","dragEnd","dragStart","update:modelValue"],setup(e,{emit:x,slots:T}){let C,g,h;const S=N(),n=N(),b=N(),w=ne(),I=O(()=>Number(e.max)-Number(e.min)),L=O(()=>{const t=e.vertical?"width":"height";return{background:e.inactiveColor,[t]:ie(e.barHeight)}}),p=t=>e.range&&Array.isArray(t),R=()=>{const{modelValue:t,min:r}=e;return p(t)?`${(t[1]-t[0])*100/I.value}%`:`${(t-Number(r))*100/I.value}%`},P=()=>{const{modelValue:t,min:r}=e;return p(t)?`${(t[0]-Number(r))*100/I.value}%`:"0%"},D=O(()=>{const r={[e.vertical?"height":"width"]:R(),background:e.activeColor};b.value&&(r.transition="none");const u=()=>e.vertical?e.reverse?"bottom":"top":e.reverse?"right":"left";return r[u()]=P(),r}),s=t=>{const r=+e.min,u=+e.max,v=+e.step;t=ue(t,r,u);const m=Math.round((t-r)/v)*v;return ce(r,m)},a=t=>{var r,u;const v=(r=t[0])!=null?r:Number(e.min),m=(u=t[1])!=null?u:Number(e.max);return v>m?[m,v]:[v,m]},o=(t,r)=>{p(t)?t=a(t).map(s):t=s(t),U(t,e.modelValue)||x("update:modelValue",t),r&&!U(t,h)&&x("change",t)},l=t=>{if(t.stopPropagation(),e.disabled||e.readonly)return;const{min:r,reverse:u,vertical:v,modelValue:m}=e,_=G(S),Z=()=>v?u?_.bottom-t.clientY:t.clientY-_.top:u?_.right-t.clientX:t.clientX-_.left,ee=v?_.height:_.width,A=Number(r)+Z()/ee*I.value;if(p(m)){const[W,$]=m,te=(W+$)/2;A<=te?o([A,$],!0):o([W,A],!0)}else o(A,!0)},c=t=>{e.disabled||e.readonly||(w.start(t),g=e.modelValue,p(g)?h=g.map(s):h=s(g),b.value="start")},B=t=>{if(e.disabled||e.readonly)return;b.value==="start"&&x("dragStart",t),se(t,!0),w.move(t),b.value="dragging";const r=G(S),u=e.vertical?w.deltaY.value:w.deltaX.value,v=e.vertical?r.height:r.width;let m=u/v*I.value;if(e.reverse&&(m=-m),p(h)){const _=e.reverse?1-C:C;g[_]=h[_]+m}else g=h+m;o(g)},d=t=>{e.disabled||e.readonly||(b.value==="dragging"&&(o(g,!0),x("dragEnd",t)),b.value="")},y=t=>typeof t=="number"?j("button-wrapper",["left","right"][t]):j("button-wrapper",e.reverse?"left":"right"),F=(t,r)=>{if(typeof r=="number"){const u=T[r===0?"left-button":"right-button"];if(u)return u({value:t})}return T.button?T.button({value:t}):i("div",{class:j("button"),style:de(e.buttonSize)},null)},M=t=>{const r=typeof t=="number"?e.modelValue[t]:e.modelValue;return i("div",{ref:n,role:"slider",class:y(t),tabindex:e.disabled?void 0:0,"aria-valuemin":e.min,"aria-valuenow":r,"aria-valuemax":e.max,"aria-disabled":e.disabled||void 0,"aria-readonly":e.readonly||void 0,"aria-orientation":e.vertical?"vertical":"horizontal",onTouchstartPassive:u=>{typeof t=="number"&&(C=t),c(u)},onTouchend:d,onTouchcancel:d,onClick:le},[F(r,t)])};return o(e.modelValue),oe(()=>e.modelValue),re("touchmove",B,{target:n}),()=>i("div",{ref:S,style:L.value,class:j({vertical:e.vertical,disabled:e.disabled}),onClick:l},[i("div",{class:j("bar"),style:D.value},[e.range?[M(0),M(1)]:M()])])}});const Ee=me(Ae),ke="_playContent_jst3b_1",Re="_coursewarePlay_jst3b_7",Pe="_playModel_jst3b_12",Fe="_headerContainer_jst3b_21",Me="_backBtn_jst3b_34",Oe="_menu_jst3b_43",qe="_tabsContent_jst3b_49",ze="_loadWrap_jst3b_60",We="_itemDiv_jst3b_71",$e="_videoModel_jst3b_86",He="_rightFixedBtns_jst3b_100",Ue="_point_jst3b_106",Ge="_fullBtn_jst3b_111",Xe="_leftFixedBtns_jst3b_115",Ye="_prePoint_jst3b_121",Ke="_bottomFixedContainer_jst3b_138",Je="_time_jst3b_147",Qe="_slider_jst3b_154",Ze="_actions_jst3b_157",et="_actionBtn_jst3b_164",tt="_popup_jst3b_173",at="_overlayClass_jst3b_176";var f={playContent:ke,coursewarePlay:Re,playModel:Pe,headerContainer:Fe,backBtn:Me,menu:Oe,tabsContent:qe,loadWrap:ze,itemDiv:We,videoModel:$e,rightFixedBtns:He,point:Ue,fullBtn:Ge,leftFixedBtns:Xe,prePoint:Ye,bottomFixedContainer:Ke,time:Je,slider:Qe,actions:Ze,actionBtn:et,popup:tt,overlayClass:at},nt="./assets/icon-videobg.2414ec8d.png";function it(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!Te(e)}const J={\u89C6\u9891:"VIDEO",\u56FE\u7247:"IMG",\u66F2\u76EE:"SONG"};var ut=Q({name:"exercise-after-class",setup(){const e=E({width:"100vw"}),x=()=>{let s=Math.min(screen.width,screen.height),a=Math.max(screen.width,screen.height),o=s*(16/9);if(o>a){e.width="100vw";return}else e.width=o+"px"},T=(s=0)=>{x(),V({api:"setRequestedOrientation",content:{orientation:s}}),V({api:"setStatusBarVisibility",content:{isVisibility:s}})};T(),fe(()=>{T(1)});const C=ge();be();const g=C.query,h=ve(),S=N(),n=E({videoData:null,trainings:[],trainingTimes:0,itemList:[],showHead:!0,loading:!0,recordLoading:!1}),b=E({nowTime:0,model:!0,timer:null,item:null}),w=async()=>{var s,a,o;try{const l=await K.post(k.platformApi+`/studentLessonTraining/trainingRecord/${g.courseScheduleId}?userId=${(a=(s=k.user)==null?void 0:s.data)==null?void 0:a.id}`,{hideLoading:!0});if(Array.isArray((o=l==null?void 0:l.data)==null?void 0:o.trainings))return l.data.trainings}catch{}return[]},I=async s=>{if(Array.isArray(s)){const a=[];s.forEach(o=>{a.push(...o.studentLessonTrainingDetails||[])}),n.trainings=a.map(o=>{try{o.trainingContent=JSON.parse(o.trainingContent)}catch{o.trainingContent=""}return{...o,currentTime:0,duration:100,paused:!0,loop:!1,videoEle:null,timer:null,muted:!0,autoplay:!0}}),n.itemList=n.trainings.filter(o=>o.materialId==C.query.materialId),n.videoData=n.itemList[0],D()}};he(async()=>{const s=await w();I(s),De()});const L=()=>{V({api:"back"})},p=N(),R=E({firstIndex:0,open:!1,activeIndex:-1,tabActive:"",tabName:"",itemActive:"",itemName:""}),P=async s=>{var l;if(n.recordLoading)return;console.log("\u8BB0\u5F55\u89C2\u770B\u6B21\u6570"),n.recordLoading=!0;const a=C.query,o={materialType:"VIDEO",record:{sourceTime:s.duration,clientType:k.platformType,feature:"LESSON_TRAINING",deviceType:h.android?"ANDROID":h.isApp?"IOS":"WEB"},courseScheduleId:a.courseScheduleId,lessonTrainingId:a.lessonTrainingId,materialId:((l=n.videoData)==null?void 0:l.materialId)||""};try{const c=await K.post(k.platformApi+"/studentLessonTraining/lessonTrainingRecord",{data:o,hideLoading:!0})}catch{}n.recordLoading=!1;try{const c=await w();if(Array.isArray(c)){const B=c.find(d=>{var y;return d.materialId==((y=n.videoData)==null?void 0:y.materialId)});B&&(n.videoData.trainingTimes=B.trainingTimes,D())}}catch{}},D=()=>{var s,a,o,l;if(((s=n==null?void 0:n.videoData)==null?void 0:s.trainingTimes)!=0&&((a=n==null?void 0:n.videoData)==null?void 0:a.trainingTimes)+""===((l=(o=n.videoData)==null?void 0:o.trainingContent)==null?void 0:l.practiceTimes)){const c=n.trainings.findIndex(d=>{var y;return d.materialId==((y=n.videoData)==null?void 0:y.materialId)}),B=c===n.trainings.length-1;Ce({title:"\u8BFE\u540E\u4F5C\u4E1A",message:"\u4F60\u5DF2\u5B8C\u6210\u8BE5\u7EC3\u4E60~",confirmButtonColor:"var(--van-primary)",confirmButtonText:B?"\u5B8C\u6210":"\u4E0B\u4E00\u9898",cancelButtonText:"\u7EE7\u7EED"}).then(()=>{if(B)V({api:"goBack"});else{const d=n.trainings[c+1];if((d==null?void 0:d.type)===J.\u89C6\u9891&&(n.itemList=[d],n.videoData=d,D()),(d==null?void 0:d.type)===J.\u66F2\u76EE){T(1),L();const y=Se.stringify({id:d.content,courseScheduleId:g.courseScheduleId,lessonTrainingId:g.lessonTrainingId,materialId:d.materialId});let F=`${location.origin}/orchestra-music-score/?`+y;V({api:"openAccompanyWebView",content:{url:F,orientation:0,isHideTitle:!0,statusBarTextColor:!1,isOpenLight:!0}})}}}).catch(()=>{n.trainings[c].currentTime=0})}};return()=>{let s;return i("div",{class:f.playContent},[i("div",{class:f.coursewarePlay,style:{width:e.width}},[i(Ve,{style:{height:"100%"},ref:p,showIndicators:!1,loop:!1,vertical:!0,lazyRender:!0,touchable:!1,duration:0},it(s=n.itemList.map((a,o)=>i(je,null,{default:()=>[i(ye,null,[i("div",{class:f.itemDiv,onClick:()=>{clearTimeout(a.timer),b.model=!b.model}},[i("video",{playsinline:"false",preload:"auto",class:"player",poster:nt,"data-vid":a.id,src:a.content,loop:a.loop,autoplay:a.autoplay,muted:a.muted,onLoadedmetadata:async l=>{const c=l.target;a.duration=c.duration,a.videoEle=c,a.loaded=!0},onTimeupdate:l=>{if(!a.loaded)return;const c=l.target;a.currentTime=c.currentTime},onPlay:()=>{console.log("\u64AD\u653E"),a.paused=!1,a.muted&&(a.muted=!1,a.videoEle.pause())},onPause:()=>{console.log("\u6682\u505C"),a.paused=!0},onEnded:()=>P(a)},[i("source",{src:a.content,type:"video/mp4"},null)])]),i(X,{name:"bottom"},{default:()=>[b.model&&!a.muted&&i("div",{class:f.bottomFixedContainer},[i("div",{class:f.time},[i("span",null,[Y(a.currentTime)]),i("span",null,[Y(a.duration)])]),i("div",{class:f.slider},[a.duration&&i(Ee,{buttonSize:16,modelValue:a.currentTime,min:0,max:a.duration},null)]),i("div",{class:f.actions},[i("div",{class:f.actionBtn},[a.paused?i("img",{src:we,onClick:l=>{var c;clearTimeout(a.timer),(c=a.videoEle)==null||c.play(),a.paused=!1,a.timer=setTimeout(()=>{b.model=!1},4e3)}},null):i("img",{src:Ie,onClick:l=>{var c;clearTimeout(a.timer),(c=a.videoEle)==null||c.pause(),a.paused=!0}},null)])])])]}),a.muted&&i("div",{class:f.loadWrap},[i(_e,{animationData:Be},null)])])]})))?s:{default:()=>[s]}),i(X,{name:"top"},{default:()=>{var a,o,l;return[b.model&&i("div",{class:f.headerContainer,ref:S},[i("div",{class:f.backBtn,onClick:()=>L()},[i(pe,{name:xe},null),z("\u8FD4\u56DE")]),i("div",{class:f.menu},[R.tabName]),i("div",{class:f.nums},[z("\u7EC3\u4E60\u6B21\u6570\uFF1A"),((a=n.videoData)==null?void 0:a.trainingTimes)||0,z("/"),((l=(o=n.videoData)==null?void 0:o.trainingContent)==null?void 0:l.practiceTimes)||0])])]}})])])}}});export{ut as default};
|
