sinzmise-cetastories-en 2.0.0-1731066589674 → 2.0.0-1731114112886

package/js/plugins/aplayer.js

@@ -1,2 +1,186 @@
-const RightMenuAplayer=(()=>{let e;const a={},l={checkAPlayer:()=>{void 0===e||void 0===a.player?l.setAPlayerObject():void 0===a.observer&&l.setAPlayerObserver()},setAPlayerObject:()=>{let e=document.querySelectorAll(".footer meting-js");0==e.length&&(e=document.querySelectorAll("meting-js")),a.player=void 0,e.forEach(((e,t)=>{e.meta.id==volantis.GLOBAL_CONFIG.plugins.aplayer.id&&e.aplayer&&void 0===a.player&&(a.player=e.aplayer,l.setAPlayerObserver(),l.updateTitle())}))},setAPlayerObserver:()=>{try{a.player.on("play",(function(e){l.updateAPlayerControllerStatus(e),a.status="play"})),a.player.on("pause",(function(e){l.updateAPlayerControllerStatus(e),a.status="pause"})),a.player.on("volumechange",(function(e){l.onUpdateAPlayerVolume(e)})),a.player.on("loadstart",(function(e){l.updateTitle(e)})),a.volumeBarWrap=document.getElementsByClassName("nav volume")[0].children[0],a.volumeBar=a.volumeBarWrap.children[0];const e=e=>{l.updateAPlayerVolume(e)},t=r=>{a.volumeBarWrap.classList.remove("aplayer-volume-bar-wrap-active"),document.removeEventListener("mouseup",t),document.removeEventListener("mousemove",e),l.updateAPlayerVolume(r)};a.volumeBarWrap.addEventListener("mousedown",(l=>{l.stopPropagation(),a.volumeBarWrap.classList.add("aplayer-volume-bar-wrap-active"),document.addEventListener("mousemove",e),document.addEventListener("mouseup",t)})),a.volumeBarWrap.addEventListener("click",(e=>{e.stopPropagation()})),l.updateAPlayerControllerStatus(),l.onUpdateAPlayerVolume(),a.observer=!0}catch(e){console.log(e),a.observer=void 0}},updateAPlayerVolume:e=>{let l=((e.clientX||e.changedTouches[0].clientX)-a.volumeBar.getBoundingClientRect().left)/a.volumeBar.clientWidth;l=Math.max(l,0),l=Math.min(l,1),a.player.volume(l)},onUpdateAPlayerVolume:()=>{try{a.volumeBar.children[0].style.width=100*a.player.audio.volume+"%"}catch(e){console.log(e)}},updateAPlayerControllerStatus:()=>{try{a.player.audio.paused?(e="pause",document.getElementsByClassName("nav toggle")[0].children[0].classList.add("fa-play"),document.getElementsByClassName("nav toggle")[0].children[0].classList.remove("fa-pause")):(e="play",document.getElementsByClassName("nav toggle")[0].children[0].classList.remove("fa-play"),document.getElementsByClassName("nav toggle")[0].children[0].classList.add("fa-pause"))}catch(e){console.log(e)}},aplayerToggle:()=>{l.checkAPlayer();try{a.player.toggle()}catch(e){console.log(e)}},aplayerBackward:()=>{l.checkAPlayer();try{a.player.skipBack(),a.player.play()}catch(e){console.log(e)}},aplayerForward:()=>{l.checkAPlayer();try{a.player.skipForward(),a.player.play()}catch(e){console.log(e)}},aplayerVolume:e=>{l.checkAPlayer();try{a.player.volume(e)}catch(e){console.log(e)}},updateTitle:()=>{l.checkAPlayer();try{const e=a.player.list.index,l=a.player.list.audios[e];document.getElementsByClassName("nav music-title")[0].innerHTML=l.title}catch(e){}}};return{checkAPlayer:l.checkAPlayer,aplayerBackward:l.aplayerBackward,aplayerToggle:l.aplayerToggle,aplayerForward:l.aplayerForward,APlayer:a}})();Object.freeze(RightMenuAplayer),volantis.requestAnimationFrame((()=>{RightMenuAplayer.checkAPlayer()}));
-//# sourceMappingURL=../../maps/js/plugins/aplayer.js.map
+/**
+ * 右键音乐
+ * */
+const RightMenuAplayer = (() => {
+  let playStatus; // 播放器状态
+  const APlayer = {}; // 右键音乐所控制的播放器
+  const fn = {};
+
+  fn.checkAPlayer = () => {
+    if (playStatus === undefined || APlayer.player === undefined) {
+      fn.setAPlayerObject();
+    } else if (APlayer.observer === undefined) {
+      fn.setAPlayerObserver();
+    }
+  }
+
+  // 设置全局播放器所对应的 aplyer 对象
+  fn.setAPlayerObject = () => {
+    let meting = document.querySelectorAll('.footer meting-js');
+    if (meting.length == 0) {
+      meting = document.querySelectorAll('meting-js');
+    }
+    APlayer.player = undefined;
+    meting.forEach((item, index) => {
+      if (item.meta.id == volantis.GLOBAL_CONFIG.plugins.aplayer.id && item.aplayer && APlayer.player === undefined) {
+        APlayer.player = item.aplayer;
+        fn.setAPlayerObserver();
+        fn.updateTitle();
+      }
+    });
+  }
+
+  // 事件监听
+  fn.setAPlayerObserver = () => {
+    try {
+      APlayer.player.on('play', function (e) {
+        fn.updateAPlayerControllerStatus(e);
+        APlayer.status = 'play';
+      });
+      APlayer.player.on('pause', function (e) {
+        fn.updateAPlayerControllerStatus(e);
+        APlayer.status = 'pause';
+      });
+      APlayer.player.on('volumechange', function (e) {
+        fn.onUpdateAPlayerVolume(e);
+      });
+      APlayer.player.on('loadstart', function (e) {
+        fn.updateTitle(e);
+      });
+
+      // 监听音量手势
+      APlayer.volumeBarWrap = document.getElementsByClassName('nav volume')[0].children[0];
+      APlayer.volumeBar = APlayer.volumeBarWrap.children[0];
+
+      const thumbMove = (e) => {
+        fn.updateAPlayerVolume(e);
+      };
+
+      const thumbUp = (e) => {
+        APlayer.volumeBarWrap.classList.remove('aplayer-volume-bar-wrap-active');
+        document.removeEventListener('mouseup', thumbUp);
+        document.removeEventListener('mousemove', thumbMove);
+        fn.updateAPlayerVolume(e);
+      };
+
+      APlayer.volumeBarWrap.addEventListener('mousedown', (event) => {
+        event.stopPropagation();
+        APlayer.volumeBarWrap.classList.add('aplayer-volume-bar-wrap-active');
+        document.addEventListener('mousemove', thumbMove);
+        document.addEventListener('mouseup', thumbUp);
+      });
+
+      APlayer.volumeBarWrap.addEventListener('click', (event) => {
+        event.stopPropagation();
+      });
+
+      fn.updateAPlayerControllerStatus();
+      fn.onUpdateAPlayerVolume();
+      APlayer.observer = true;
+    } catch (error) {
+      console.log(error);
+      APlayer.observer = undefined;
+    }
+  }
+
+  fn.updateAPlayerVolume = (e) => {
+    let percentage = ((e.clientX || e.changedTouches[0].clientX) -
+      APlayer.volumeBar.getBoundingClientRect().left) / APlayer.volumeBar.clientWidth;
+    percentage = Math.max(percentage, 0);
+    percentage = Math.min(percentage, 1);
+    APlayer.player.volume(percentage);
+  }
+
+  fn.onUpdateAPlayerVolume = () => {
+    try {
+      APlayer.volumeBar.children[0].style.width = APlayer.player.audio.volume * 100 + '%';
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 更新控制器状态
+  fn.updateAPlayerControllerStatus = () => {
+    try {
+      if (APlayer.player.audio.paused) {
+        playStatus = 'pause';
+        document.getElementsByClassName('nav toggle')[0].children[0].classList.add('fa-play');
+        document.getElementsByClassName('nav toggle')[0].children[0].classList.remove('fa-pause');
+      } else {
+        playStatus = 'play';
+        document.getElementsByClassName('nav toggle')[0].children[0].classList.remove('fa-play');
+        document.getElementsByClassName('nav toggle')[0].children[0].classList.add('fa-pause');
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 播放/暂停
+  fn.aplayerToggle = () => {
+    fn.checkAPlayer();
+    try {
+      APlayer.player.toggle();
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 上一曲
+  fn.aplayerBackward = () => {
+    fn.checkAPlayer();
+    try {
+      APlayer.player.skipBack();
+      APlayer.player.play();
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 下一曲
+  fn.aplayerForward = () => {
+    fn.checkAPlayer();
+    try {
+      APlayer.player.skipForward();
+      APlayer.player.play();
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 调节音量
+  fn.aplayerVolume = (percent) => {
+    fn.checkAPlayer();
+    try {
+      APlayer.player.volume(percent);
+    } catch (error) {
+      console.log(error);
+    }
+  }
+
+  // 更新音乐标题
+  fn.updateTitle = () => {
+    fn.checkAPlayer();
+    try {
+      const index = APlayer.player.list.index;
+      const obj = APlayer.player.list.audios[index];
+      document.getElementsByClassName('nav music-title')[0].innerHTML = obj.title;
+    } catch (error) {
+      //console.log(error);
+    }
+  }
+
+  return {
+    checkAPlayer: fn.checkAPlayer,
+    aplayerBackward: fn.aplayerBackward,
+    aplayerToggle: fn.aplayerToggle,
+    aplayerForward: fn.aplayerForward,
+    APlayer: APlayer
+  }
+})()
+
+Object.freeze(RightMenuAplayer);
+
+volantis.requestAnimationFrame(() => {
+  RightMenuAplayer.checkAPlayer();
+});

package/js/plugins/parallax.js

@@ -1,2 +1,191 @@
-let Parallax={options:{}};Parallax.options.speed=.25,Parallax.options.zIndex=-100,Parallax.options.fade=1500,Parallax.slidein=()=>{let a=Parallax.mirrors[0].slider;Parallax.mirrors.length>=2&&(a=Parallax.mirrors[1].slider);var l=parseFloat(a.style.opacity);1!==l?Parallax.mirrors.length>=2?(l+=.1,a.style.opacity=l,setTimeout(Parallax.slidein,Parallax.options.fade/10)):a.style.opacity=1:Parallax.mirrors.length>=2&&(Parallax.mirrors[0].mirror.remove(),Parallax.mirrors.shift())},Parallax.start=()=>{let a=document.createElement("div");a.classList.add("parallax-mirror"),a.style.visibility="hidden",a.style.zIndex=Parallax.options.zIndex,a.style.position="fixed",a.style.top=0,a.style.left=0,a.style.overflow="hidden",Parallax.window.appendChild(a);let l=document.createElement("img");l.src=Parallax.options.src,l.alt="parallax",l.classList.add("parallax-slider"),l.style.opacity=0,a.appendChild(l),Parallax.mirrors||(Parallax.mirrors=[]);let o={};o.mirror=a,o.slider=l,Parallax.mirrors.push(o),Parallax.slidein(),l.addEventListener("load",(function(){Parallax.update()}),!1)},Parallax.init=()=>{function a(){Parallax.wH=document.documentElement.clientHeight,Parallax.wW=document.documentElement.clientWidth}function l(){var a;return window.pageYOffset?a=window.pageYOffset:document.compatMode&&"BackCompat"!=document.compatMode?a=document.documentElement.scrollTop:document.body&&(a=document.body.scrollTop),a}window.addEventListener("resize",(function(){a(),Parallax.update()}),!1),a();let o=-1;!function a(){const t=l();o!==t&&(o=t,function(){const a=l();Parallax.sT=Math.max(0,a),Parallax.sL=Math.max(0,document.body.scrollLeft),Parallax.overScroll=Math.min(a,0)}(),Parallax.update()),window.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame,window.requestAnimationFrame(a)}()},Parallax.refreshItem=a=>{Parallax.options.aspectRatio=a.naturalWidth/(a.naturalHeight||1);const l=Parallax.options.aspectRatio||1;Parallax.options.boxWidth=Parallax.window.clientWidth,Parallax.options.boxHeight=Parallax.window.clientHeight,Parallax.options.boxOffsetTop=Parallax.window.scrollTop,Parallax.options.boxOffsetLeft=Parallax.window.scrollLeft,Parallax.options.boxOffsetBottom=Parallax.options.boxOffsetTop+Parallax.options.boxHeight;const o=Parallax.wH,t=Parallax.options.boxOffsetTop,r=Math.max(Parallax.options.boxOffsetTop+Parallax.options.boxHeight-o,0),i=Parallax.options.boxHeight+(t-r)*(1-Parallax.options.speed)|0,e=(Parallax.options.boxOffsetTop-t)*(1-Parallax.options.speed)|0;let s;Parallax.options.boxWidth<i*l?(Parallax.options.imageWidth=i*l|0,Parallax.options.imageHeight=i,Parallax.options.offsetBaseTop=e,s=Parallax.options.imageWidth-Parallax.options.boxWidth,Parallax.options.offsetLeft=-s/2|0):(Parallax.options.imageWidth=Parallax.options.boxWidth,Parallax.options.imageHeight=Parallax.options.boxWidth/l|0,Parallax.options.offsetLeft=0,s=Parallax.options.imageHeight-i,Parallax.options.offsetBaseTop=e-s/2|0)},Parallax.renderItem=(a,l)=>{const o=Parallax.sT,t=Parallax.sL,r=o+Parallax.wH;Parallax.options.boxOffsetBottom>o&&Parallax.options.boxOffsetTop<=r?(Parallax.options.visibility="visible",Parallax.options.mirrorTop=Parallax.options.boxOffsetTop-o,Parallax.options.mirrorLeft=Parallax.options.boxOffsetLeft-t,Parallax.options.offsetTop=Parallax.options.offsetBaseTop-Parallax.options.mirrorTop*(1-Parallax.options.speed)):Parallax.options.visibility="hidden",a.style.transform="translate3d("+Parallax.options.mirrorLeft+"px, "+Parallax.options.mirrorTop+"px, 0px)",a.style.visibility=Parallax.options.visibility,a.style.height=Parallax.options.boxHeight+"px",a.style.width=Parallax.options.boxWidth+"px",l.style.transform="translate3d("+Parallax.options.offsetLeft+"px, "+Parallax.options.offsetTop+"px, 0px)",l.style.position="absolute",l.style.height=Parallax.options.imageHeight+"px",l.style.width=Parallax.options.imageWidth+"px",l.style.maxWidth="none"},Parallax.update=()=>{Parallax.mirrors&&Parallax.mirrors.forEach((a=>{Parallax.refreshItem(a.slider),Parallax.renderItem(a.mirror,a.slider)}))};
-//# sourceMappingURL=../../maps/js/plugins/parallax.js.map
+let Parallax = {};
+Parallax.options = {};
+Parallax.options.speed = 0.25;
+Parallax.options.zIndex = -100;
+Parallax.options.fade = 1500;
+Parallax.slidein = () => {
+  let slider = Parallax.mirrors[0].slider;
+  if (Parallax.mirrors.length >= 2) {
+    slider = Parallax.mirrors[1].slider;
+  }
+  var opac = parseFloat(slider.style.opacity);
+  if (opac !== 1) {
+    if (Parallax.mirrors.length >= 2) {
+      opac = opac + 0.1;
+      slider.style.opacity = opac;
+      setTimeout(Parallax.slidein, Parallax.options.fade / 10);
+    }else{
+      slider.style.opacity = 1;
+    }
+  } else {
+    if (Parallax.mirrors.length >= 2) {
+      Parallax.mirrors[0].mirror.remove();
+      Parallax.mirrors.shift();
+    }
+  }
+};
+Parallax.start = () => {
+  let mirror = document.createElement("div");
+  mirror.classList.add("parallax-mirror");
+  mirror.style.visibility = "hidden";
+  mirror.style.zIndex = Parallax.options.zIndex;
+  mirror.style.position = "fixed";
+  mirror.style.top = 0;
+  mirror.style.left = 0;
+  mirror.style.overflow = "hidden";
+  Parallax.window.appendChild(mirror);
+  let slider = document.createElement("img");
+  slider.src = Parallax.options.src;
+  slider.alt = "parallax";
+  slider.classList.add("parallax-slider");
+  slider.style.opacity = 0;
+  mirror.appendChild(slider);
+  if (!Parallax.mirrors) {
+    Parallax.mirrors = [];
+  }
+  let mirrorItem = {};
+  mirrorItem.mirror = mirror;
+  mirrorItem.slider = slider;
+  Parallax.mirrors.push(mirrorItem);
+  Parallax.slidein();
+  slider.addEventListener(
+    "load",
+    function () {
+      Parallax.update();
+    },
+    false
+  );
+};
+Parallax.init = () => {
+  function loadDimensions() {
+    Parallax.wH = document.documentElement.clientHeight;
+    Parallax.wW = document.documentElement.clientWidth;
+  }
+  function getScrollTop() {
+    var scrollPos;
+    if (window.pageYOffset) {
+      scrollPos = window.pageYOffset;
+    } else if (document.compatMode && document.compatMode != "BackCompat") {
+      scrollPos = document.documentElement.scrollTop;
+    } else if (document.body) {
+      scrollPos = document.body.scrollTop;
+    }
+    return scrollPos;
+  }
+  function loadScrollPosition() {
+    const winScrollTop = getScrollTop();
+    Parallax.sT = Math.max(0, winScrollTop);
+    Parallax.sL = Math.max(0, document.body.scrollLeft);
+    Parallax.overScroll = Math.min(winScrollTop, 0);
+  }
+  window.addEventListener(
+    "resize",
+    function () {
+      loadDimensions();
+      Parallax.update();
+    },
+    false
+  );
+  loadDimensions();
+  let lastPosition = -1;
+  (function loop() {
+    const yoffset = getScrollTop();
+    if (lastPosition !== yoffset) {
+      lastPosition = yoffset;
+      loadScrollPosition();
+      Parallax.update();
+    }
+    window.requestAnimationFrame =
+      window.requestAnimationFrame ||
+      window.mozRequestAnimationFrame ||
+      window.webkitRequestAnimationFrame;
+    window.requestAnimationFrame(loop);
+  })();
+};
+
+Parallax.refreshItem = (slider) => {
+  Parallax.options.aspectRatio =
+    slider.naturalWidth / (slider.naturalHeight || 1);
+  const aspect = Parallax.options.aspectRatio || 1;
+  Parallax.options.boxWidth = Parallax.window.clientWidth;
+  Parallax.options.boxHeight = Parallax.window.clientHeight;
+  Parallax.options.boxOffsetTop = Parallax.window.scrollTop;
+  Parallax.options.boxOffsetLeft = Parallax.window.scrollLeft;
+  Parallax.options.boxOffsetBottom =
+    Parallax.options.boxOffsetTop + Parallax.options.boxHeight;
+  const winHeight = Parallax.wH;
+  const maxOffset = Parallax.options.boxOffsetTop;
+  const minOffset = Math.max(
+    Parallax.options.boxOffsetTop + Parallax.options.boxHeight - winHeight,
+    0
+  );
+  const imageHeightMin =
+    (Parallax.options.boxHeight +
+      (maxOffset - minOffset) * (1 - Parallax.options.speed)) |
+    0;
+  const imageOffsetMin =
+    ((Parallax.options.boxOffsetTop - maxOffset) *
+      (1 - Parallax.options.speed)) |
+    0;
+  let margin;
+  if (Parallax.options.boxWidth < imageHeightMin * aspect) {
+    Parallax.options.imageWidth = (imageHeightMin * aspect) | 0;
+    Parallax.options.imageHeight = imageHeightMin;
+    Parallax.options.offsetBaseTop = imageOffsetMin;
+    margin = Parallax.options.imageWidth - Parallax.options.boxWidth;
+    Parallax.options.offsetLeft = (-margin / 2) | 0;
+  } else {
+    Parallax.options.imageWidth = Parallax.options.boxWidth;
+    Parallax.options.imageHeight = (Parallax.options.boxWidth / aspect) | 0;
+    Parallax.options.offsetLeft = 0;
+    margin = Parallax.options.imageHeight - imageHeightMin;
+    Parallax.options.offsetBaseTop = (imageOffsetMin - margin / 2) | 0;
+  }
+};
+Parallax.renderItem = (mirror, slider) => {
+  const scrollTop = Parallax.sT;
+  const scrollLeft = Parallax.sL;
+  const scrollBottom = scrollTop + Parallax.wH;
+  if (
+    Parallax.options.boxOffsetBottom > scrollTop &&
+    Parallax.options.boxOffsetTop <= scrollBottom
+  ) {
+    Parallax.options.visibility = "visible";
+    Parallax.options.mirrorTop = Parallax.options.boxOffsetTop - scrollTop;
+    Parallax.options.mirrorLeft = Parallax.options.boxOffsetLeft - scrollLeft;
+    Parallax.options.offsetTop =
+      Parallax.options.offsetBaseTop -
+      Parallax.options.mirrorTop * (1 - Parallax.options.speed);
+  } else {
+    Parallax.options.visibility = "hidden";
+  }
+  mirror.style.transform =
+    "translate3d(" +
+    Parallax.options.mirrorLeft +
+    "px, " +
+    Parallax.options.mirrorTop +
+    "px, 0px)";
+  mirror.style.visibility = Parallax.options.visibility;
+  mirror.style.height = Parallax.options.boxHeight + "px";
+  mirror.style.width = Parallax.options.boxWidth + "px";
+
+  slider.style.transform =
+    "translate3d(" +
+    Parallax.options.offsetLeft +
+    "px, " +
+    Parallax.options.offsetTop +
+    "px, 0px)";
+  slider.style.position = "absolute";
+  slider.style.height = Parallax.options.imageHeight + "px";
+  slider.style.width = Parallax.options.imageWidth + "px";
+  slider.style.maxWidth = "none";
+};
+Parallax.update = () => {
+  if (!Parallax.mirrors) {
+    return
+  }
+  Parallax.mirrors.forEach((e) => {
+    Parallax.refreshItem(e.slider);
+    Parallax.renderItem(e.mirror, e.slider);
+  });
+};