llz123 发表于 7 天前

了了子创作室部分音乐汇总（一千余首）

<style>

    #iframeContainer {
      width: 1400px;            
      margin: 120px 0;            
      transform: translateX(var(--offsetX, 0px));
      
      background: transparent;
      border: none;
    }
    iframe {
      width: 100%;
      height: 900px;
      border: none;
      display: block;            
    }
</style>


<div id="iframeContainer">
    <iframe src="https://www.llz123.net/llz123" 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 -=-15;

   
      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>


llz123 发表于 7 天前

页面的音乐目录是以前的网页，一些修复的链接可以点开，未修复的暂且不可用，音乐汇总主要是在本播放器内（底部有显示）。

本播放器汇总的音乐分为视频，歌曲，纯音乐三大块。视频常规播放，双击全屏欣赏，反向双击返回（按Esc亦可），歌曲均配置同步歌词，纯音乐配置频谱动画。

播放器设置控制菜单，可上传本地或网络音乐（含歌词），可对列表进行删除移动等编辑，如果不小心删错，可通过控制菜单召回原始列表。

设置内嵌和弹窗双l列表，曲目较少内嵌列表比较适合，一旦曲目过多，弹窗列表更适合操作，弹窗可以自由移动。

音乐经测试，99%以上有效，少数链接不畅或者直接失效链接，未做删除处理，一旦出现这些情况，播放器显示相应的提示，方便用户更好滴操作播放器。

醉美水芙蓉 发表于 7 天前

了了子老师播放器功能强大！

醉美水芙蓉 发表于 7 天前

感谢老师辛苦制作分享！

klxf 发表于 7 天前

视听盛宴，饕餮大餐，感谢llz123老师无私奉献

llz123 发表于 昨天 17:07

醉美水芙蓉 发表于 2026-10-20 19:40
感谢老师辛苦制作分享！

问好美芙蓉，谢谢欣赏！

llz123 发表于 昨天 17:07

klxf 发表于 2026-10-20 19:49
视听盛宴，饕餮大餐，感谢llz123老师无私奉献

问好klxf，谢谢欣赏！

llz123 发表于 昨天 17:11

这个播放器音乐有一部分是网易云的视频，原链接失效，自己搞了个解析平台（API）,专门为这个播放器服务，可以确保包括网易云视频在内的音乐长期有效。

klxf 发表于 昨天 17:19

llz123 发表于 2026-10-26 17:11
这个播放器音乐有一部分是网易云的视频，原链接失效，自己搞了个解析平台（API）,专门为这个播放器服务，可 ...

厉害！为 llz123老师的善举点赞，福己泽人，开心天天
页: [1]
查看完整版本: 了了子创作室部分音乐汇总（一千余首）