了了子 发表于 2026-3-7 16:13

周深《星鱼》单曲欣赏（8d环绕声）

本帖最后由 了了子 于 2026-3-7 16:15 编辑 <br /><br /><style>
   
    #iframeContainer {
      width: 1590px;            
      margin: 120px 0;            
      transform: translateX(var(--offsetX, 0px));
   
      background: transparent;
      border: none;
    }
    iframe {
      width: 100%;
      height: 900px;
      border: none;
      display: block;         
    }
</style>

<!-- 外层容器：包裹 iframe，用于居中 -->
<div id="iframeContainer">
    <iframe src="https://www.llz123.net/llz/llz/mulu/xingyu.html" frameborder="0" scrolling="no"    allowfullscreen></iframe>
</div>

<script>
(function() {

    function centerContainer() {
      var el = document.getElementById('iframeContainer');
      if (!el) return;

      
      if (el.offsetWidth === 0) {
            setTimeout(centerContainer, 50);
            return;
      }

      
      var curOffset = parseFloat(getComputedStyle(el).getPropertyValue('--offsetX')) || 0;

   
      var rect = el.getBoundingClientRect();

   
      var originalLeft = rect.left - curOffset;

   
      var targetCenter = window.innerWidth / 2;

   
      var width = el.offsetWidth;

      
      var newOffset = targetCenter - (originalLeft + width / 2);

      
      newOffset -= 5;

      
      if (Math.abs(newOffset - curOffset) > 1) {
            el.style.setProperty('--offsetX', newOffset + 'px');
      }

      if (!window.__resizeObserver) {
            window.__resizeObserver = new ResizeObserver(function() {
                centerContainer();
            });
      }
      
      if (window.__resizeObserver.__target !== el) {
            if (window.__resizeObserver.__target) {
                window.__resizeObserver.unobserve(window.__resizeObserver.__target);
            }
            window.__resizeObserver.observe(el);
            window.__resizeObserver.__target = el;
      }
    }


    if (!window.__iframeEventsBound) {
      window.__iframeEventsBound = true;

      window.addEventListener('resize', centerContainer);

      if (document.readyState === 'complete') {
            centerContainer();
      } else {
            window.addEventListener('load', centerContainer);
      }
    }

   
    centerContainer();
})();
</script>

了了子 发表于 2026-3-7 16:19

本帖最后由 了了子 于 2026-3-7 16:20 编辑

周深《星鱼》单曲，8D环绕纯人声演绎（类似于清唱），音质上佳，空灵天籁之音。
点击页面任何位置停止（播放）音乐。全屏欣赏效果更佳（按钮在右下角，鼠标悬停显示）。

liumang 发表于 2026-3-7 21:32

8D环绕纯人声，用耳机效果会更加好

liumang 发表于 2026-3-7 21:37

欣赏老师居中代码发帖，没有看见过这种发帖，学习了{:5_150:}{:5_150:}

小辣椒 发表于 2026-3-8 22:43

liumang 发表于 2026-3-7 21:37
欣赏老师居中代码发帖，没有看见过这种发帖，学习了

溜溜抽空做一个{:5_146:}

小辣椒 发表于 2026-3-8 22:45

环绕音乐特别棒，左耳转右耳，左右转换，特别好听，欣赏老师精彩的制作

{:5_150:}{:5_150:}

小辣椒 发表于 2026-3-8 22:48

画面也是特别立体感，星星围绕，歌词出来别具一格，特棒!
{:5_128:}{:5_128:}

小辣椒 发表于 2026-3-8 22:48

小辣椒欣赏加谢谢

{:5_117:}{:5_117:}

liumang 发表于 2026-3-9 13:26

小辣椒 发表于 2026-3-8 22:43
溜溜抽空做一个

估计只能套用你的代码，ps软件一直没有安装
页: [1]
查看完整版本: 周深《星鱼》单曲欣赏（8d环绕声）