醉美水芙蓉 发表于 2023-11-4 22:36

我心永恒

<style>
#papa {
      margin: 0 0 0 calc(50% - 693px);
      width: 1274px;
      height: 796px;
      background: url('https://www.yiyuen.com/e/file/view/641691') no-repeat center/cover;
      box-shadow: 3px 3px 20px #000;
      overflow: hidden;
      z-index: 1;
      position: relative;
      display: grid;
      place-items: center;
}
</style>

<div id="papa"></div>
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=5242686.mp3" autoplay loop></audio>

<script>
(function() {
      let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
      };

      let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
                playerJs = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js';
      let lrcAr= [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      loadJs(rippleJs, () => rippleEffect(papa));
      
      loadJs(playerJs, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'top: 20px;right: 80px;',
                        fs_css: 'top: -1000px; background: transparent;',
                        player_css: `
                              width: 200px;
                              height: 200px;
                              right: 80px;
                              bottom: 20px;
                              background: url('https://638183.freep.cn/638183/t23/btn/12f.png') -5px 1px,
                        `,
                        path: 'm114.452 22.741 10.56 27.245a24.5 24.5 0 0 0 21.483 15.608l29.174 1.624c14.132.786 19.903 18.546 8.932 27.49l-22.648 18.461a24.501 24.501 0 0 0-8.206 25.255l7.471 28.248c3.62 13.684-11.488 24.66-23.384 16.99l-24.557-15.835a24.499 24.499 0 0 0-26.554 0l-24.557 15.835c-11.896 7.67-27.003-3.306-23.384-16.99l7.471-28.248a24.5 24.5 0 0 0-8.206-25.255L15.4 94.708c-10.971-8.944-5.2-26.704 8.932-27.49l29.174-1.624a24.5 24.5 0 0 0 21.483-15.608l10.56-27.245c5.115-13.198 23.789-13.198 28.904 0Z',
                        btn: {left: 34, top: 80},
                        track: {track: 'pink', prog: 'steelblue'},
                        img: {play: '', pause: ''}
                });
      });
})();
</script>

红影 发表于 2023-11-4 22:41

漂亮的播放器路径,漂亮的背景图图和动态素材。欣赏水芙蓉美女好帖{:4_199:}

醉美水芙蓉 发表于 2023-11-4 22:48

红影 发表于 2023-11-4 22:41
漂亮的播放器路径,漂亮的背景图图和动态素材。欣赏水芙蓉美女好帖

红影美女晚上好!谢谢鼓励!

樵歌 发表于 2023-11-5 07:37

好漂亮的动态场景儿,特别那心,那飘动的白色线带,把人带进神境永恒。。。

醉美水芙蓉 发表于 2023-11-5 08:20

樵歌 发表于 2023-11-5 07:37
好漂亮的动态场景儿,特别那心,那飘动的白色线带,把人带进神境永恒。。。

问好樵歌!好久不见,谢谢光临!

红影 发表于 2023-11-5 08:59

醉美水芙蓉 发表于 2023-11-4 22:48
红影美女晚上好!谢谢鼓励!

心形的动态也特别美{:4_187:}

愤怒的葡萄 发表于 2023-11-5 09:55

本帖最后由 愤怒的葡萄 于 2023-11-5 09:57 编辑

非常漂亮的主题帖,点赞!~~~

Jack和Rose的爱情故事。

醉美水芙蓉 发表于 2023-11-5 13:00

愤怒的葡萄 发表于 2023-11-5 09:55
非常漂亮的主题帖,点赞!~~~

Jack和Rose的爱情故事。

谢谢朋友支持!

愤怒的葡萄 发表于 2023-11-5 13:21

醉美水芙蓉 发表于 2023-11-5 13:00
谢谢朋友支持!

这部美国大电影我学生时期看过的,确实是佳作,很多女生看到结尾之后感动地流眼泪了。

千羽 发表于 2023-11-5 14:50

看点多多的特效美图,这首歌也特喜欢,芙蓉棒棒哒{:4_187:}

醉美水芙蓉 发表于 2023-11-5 16:54

千羽 发表于 2023-11-5 14:50
看点多多的特效美图,这首歌也特喜欢,芙蓉棒棒哒

千羽美女下午好!

樵歌 发表于 2023-11-6 20:47

醉美水芙蓉 发表于 2023-11-5 08:20
问好樵歌!好久不见,谢谢光临!

欣赏你的美贴是一种快乐享受呢{:4_187:}
页: [1]
查看完整版本: 我心永恒