| 1 |
- import{d as S,ah as k,ag as R,aY as q,r as L,R as M,Z as w,$ as x,m as C,b3 as I,c as s,L as H,q as l,B as j,f as J}from"./index.e14866d9.js";import{s as i}from"./video.module.c48c72d5.js";import{P as O}from"./plyr.min.22fd58dd.js";/* empty css */import{q as z}from"./index.339fc024.js";import{u as y,b as U}from"./index.bca6969e.js";var Q=S({name:"pre-register",setup(){const f=k(),T=R(),A=q(),D=sessionStorage.getItem("active-open-id"),c=y(1e3,{controls:!0});c.pause();const e=L({coverImg:"",introductionVideo:"",introductionVideoTime:0,videoBrowsePoint:0,saveId:f.query.saveId,orchestraId:f.query.id,openId:f.query.openId||D,loading:!1,player:null,playerSpeed:1,intervalFnRef:null,videoDetails:[],pointVideo:{},pointVideoTime:0,videoSelectId:null,isPageHide:!1}),n=y(1e3,{controls:!0});n.pause();const g=o=>{const a=[];o.sort((u,r)=>u[0]-r[0]);let t=o[0];for(let u=1;u<o.length;u++){const r=o[u];t[1]>=r[0]?t[1]=Math.max(r[1],t[1]):(a.push(t),t=r)}return a.push(t),N(a)},N=o=>{const a=[],t=e.pointVideo.startNode,u=e.pointVideo.endNode;return o.forEach(r=>{r[0]>=t&&r[1]<=u&&a.push(r),r[0]>=t&&r[1]<=u&&r[1]>=u&&a.push([r[0],u]),r[0]<t&&r[1]>t&&r[1]<u&&a.push(t,r[1])}),a},V=o=>{const a=g(o);console.log(a,"afterIntervals");let t=0;return a.forEach(u=>{t+=u[1]-u[0]}),t},v=o=>{e.videoDetails.forEach(a=>{a.startNode<=o&&o<=a.endNode&&(e.videoSelectId=a.id)})},P=()=>{const a={controls:["play-large","play","progress","captions","current-time","duration","settings","fullscreen"],settings:["speed"],speed:{selected:1,options:[.5,1,1.5,2]},i18n:{speed:"\u901F\u5EA6",normal:"\u9ED8\u8BA4"},autoplay:!1,invertTime:!1};J().iPhone&&(a.fullscreen={enabled:!0,fallback:"force",iosNative:!0});const t=[];e.videoDetails.forEach(u=>{t.push({time:u.startNode,label:u.desc})}),a.markers={enabled:!0,points:t},e.player=new O("#register-video",a),e.player.on("ready",u=>{console.log("ready",u)}),e.player.on("loadedmetadata",()=>{console.log("loadedmetadata"),e.loading=!1,e.player.currentTime=e.videoBrowsePoint,v(e.player.currentTime)}),e.player.on("ratechange",()=>{e.playerSpeed=e.playerSpeed<e.player.speed?e.player.speed:e.playerSpeed}),e.player.on("seeking",()=>{console.log("seeking"),n.isActive.value&&n.pause()}),e.player.on("seeked",()=>{console.log("seeked"),n.isActive.value&&n.pause()}),e.player.on("waiting",()=>{n.isActive.value&&n.pause()}),e.player.on("timeupdate",()=>{console.log("timeupdate",e.player.currentTime),v(e.player.currentTime),!n.isActive.value&&e.player.currentTime>0&&e.player.playing&&n.resume()}),e.player.on("ended",()=>{e.player.pause()}),e.player.on("play",()=>{console.log("play"),n.resume()}),e.player.on("pause",()=>{console.log("pause",n.isActive.value),n.pause()}),e.player.on("enterfullscreen",()=>{console.log("fullscreen");const u=document.createElement("i");u.id="fullscreen-back",u.className="van-icon van-icon-arrow-left video-back",u.addEventListener("click",()=>{e.player.fullscreen.exit()}),console.log(document.getElementsByClassName("plyr")),document.getElementsByClassName("plyr")[0].appendChild(u)}),e.player.on("exitfullscreen",()=>{console.log("exitfullscreen");const u=document.getElementById("fullscreen-back");u&&u.remove()}),v(0)},m=M([]);let d=[];const p=y(1e3,{controls:!0});w(()=>n.isActive.value,o=>{F(o)});const F=o=>{if(o?d[0]=Math.floor(e.player.currentTime):d[1]=Math.floor(e.player.currentTime),d.length>=2){const a=d[1]-d[0]-p.counter.value*e.playerSpeed>2;d[1]>=d[0]&&!a&&m.value.push(d),d=[],p.counter.value=0}};w(A,o=>{console.log("watch",o),o=="hidden"&&e.player.pause()});const B=async(o=10)=>{try{const a=m.value.length>0?g(m.value):[],t=a.length>0?V(a):0,u=Math.floor(t/Math.floor(e.pointVideoTime)*100);await C.post("/api-student/open/studentBrowseRecord/updateStat",{data:{id:e.saveId,pageBrowseTime:o,videoBrowseData:JSON.stringify(a),videoBrowseDataTime:t||0,videoBrowsePercentage:u||0,videoBrowseTime:n==null?void 0:n.counter.value,videoBrowsePoint:Math.floor(e.player.currentTime||0)}})}catch{}},b=async()=>{var o,a;try{e.player.pause(),(o=e.intervalFnRef)==null||o.pause(),p.pause(),n.pause(),c.pause(),F(n.isActive.value),await B(),window.location.href=window.location.origin+window.location.pathname+"/project/preRegister.html?"+z.stringify({orchestraId:e.orchestraId,openId:e.openId})}catch(t){console.log(t,"e"),(a=e.intervalFnRef)==null||a.resume(),c.resume(),p.resume()}};x(async()=>{try{const{data:o}=await C.get("/api-student/open/studentBrowseRecord/query",{params:{openId:e.openId,orchestraId:e.orchestraId}});e.videoBrowsePoint=o.videoBrowsePoint||0,e.player&&(e.player.currentTime=o.videoBrowsePoint||0),e.introductionVideo=o.introductionVideo,e.introductionVideoTime=o.introductionVideoTime,e.coverImg=o.coverImg,m.value=o.videoBrowseData?JSON.parse(o.videoBrowseData):[],(o.videoDetails||[]).forEach(t=>{e.videoDetails.push({startNode:t.startNode,endNode:t.endNode,desc:t.desc,id:t.id}),t.pointFlag&&(e.pointVideo=t,e.pointVideoTime=t.endNode-t.startNode)}),P(),e.intervalFnRef=U(async()=>{c.counter.value=0,c.resume(),await B(),n.counter.value=0},1e4)}catch{}}),I(()=>{var o;(o=e.intervalFnRef)==null||o.pause(),p.pause(),c.pause()}),e.openId||T.replace({path:"/pre-register-video",query:{id:e.orchestraId}});const E=()=>{console.log(e.isPageHide,"showInfo"),e.isPageHide&&window.location.reload()};window.addEventListener("pageshow",E);const h=()=>{console.log(e.isPageHide,"showInfo"),e.isPageHide=!0};return window.addEventListener("pagehide",h),I(()=>{window.removeEventListener("pageshow",E),window.removeEventListener("pagehide",h)}),()=>s("div",{class:i["pre-register-video"]},[s("div",{class:i.videoContainer},[s("div",{class:i["video-content"]},[s("video",{id:"register-video",class:i.video,src:e.introductionVideo,playsinline:!0,poster:e.coverImg,preload:"auto"},null),e.loading&&s("div",{class:i.loadingVideo},[s(H,{size:36,color:"#FF8057",vertical:!0,style:{height:"100%",justifyContent:"center"}},{default:()=>[l("\u52A0\u8F7D\u4E2D...")]})])])]),s("div",{class:i.videoCount},[s("div",{class:i.videoCountContent},[e.videoDetails.map(o=>s("span",{class:[o.id===e.videoSelectId?i.active:""],onClick:()=>{e.player.currentTime=o.startNode,e.player.play(),e.videoBrowsePoint=o.startNode,v(e.player.currentTime)}},[o.desc]))])]),s("div",{class:i.messageContainer},[s("div",{class:i.messageContent},[s("p",null,[l("\u5BB6\u957F\u60A8\u597D\uFF01")]),s("p",{class:i.c1},[l("\u8BF7\u5BB6\u957F\u4EEC\u5408\u7406\u5B89\u6392\u65F6\u95F4\uFF0C"),s("span",null,[l("\u8BA4\u771F\u89C2\u770B")]),l("\u5BB6\u957F\u4F1A\u5185\u5BB9\u3002\u5728"),s("span",null,[l("\u8BE6\u7EC6\u4E86\u89E3")]),l("\u6240\u6709\u8981\u6C42\u540E\uFF0C\u6709\u610F\u5411\u8BA9\u5B69\u5B50\u52A0\u5165\u4E50\u56E2\u7684\u5BB6\u957F\uFF0C\u8BF7\u5728"),s("span",null,[l("\u660E\u665A20:00\u524D")]),l("\uFF0C\u4E3A\u5B69\u5B50\u5B8C\u6210"),s("span",null,[l("\u4E50\u56E2\u62A5\u540D")]),l("\u3002")]),s("p",{class:i.c1},[l("\u4E0B\u5468\uFF0C\u4E13\u4E1A\u8001\u5E08\u5C06\u9488\u5BF9\u610F\u5411\u5165\u56E2\u5B66\u5458\u8FDB\u884C\u8EAB\u4F53\u6761\u4EF6\u786E\u8BA4\u3002\u8C22\u8C22\u5404\u4F4D\u7684\u652F\u6301\uFF01")]),s("p",{class:i.bottom},[l("\u6CE8\uFF1A\u4E50\u56E2\u4E8E\u4E0B\u5B66\u671F\u6B63\u5F0F\u5F00\u59CB\u8BAD\u7EC3\uFF0C\u8BAD\u7EC3\u65F6\u95F4\u4E0B\u5B66\u671F\u5F00\u5B66\u524D\u53E6\u884C\u901A\u77E5\uFF0C\u8BAD\u7EC3\u65F6\u95F4\u4F1A\u4E0E\u5B66\u6821\u5176\u4ED6\u793E\u56E2\u9519\u5F00\uFF0C\u5BB6\u957F\u65E0\u9700\u62C5\u5FC3\u65F6\u95F4\u51B2\u7A81\u95EE\u9898\u3002")])]),s(j,{class:i.submitBtn,onClick:b},null)])])}});export{Q as default};
|
