东篱闲人 发表于 2023-8-25 13:21

试一个。。

本帖最后由 东篱闲人 于 2023-8-25 13:39 编辑 <br /><br /><style>
      #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://pic.imgdb.cn/item/64e83d34661c6c8e54e8eb88.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
      @keyframes move { to { top: 90%; } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://yinpin.s3-us-east-1.ossfiles.com/reborn.mp3" autoplay loop crossorigin="anonymous"></audio>

<script>
      
(function() {
      let script = document.createElement('script');
      script.src = 'https://638183.freep.cn/638183/web/api/xyppz_lrc.js';
      script.charset = 'utf-8';
      document.head.appendChild(script);
      let geci = [ ];
      script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: `
                              left: 30px;
                              top: 20px;
                              animation: move 10s infinite alternate linear var(--state);
                              --bg: linear-gradient(rgba(250,10,10,.2),rgba(255,0,0,.75));
                        `,
                        player_css: `
                              bottom: 100px;
                              right: 100px;
                              --len: 4px;
                              --color: #eee;
                        `,
                        fs_css: 'background: red; color: white;',
                        pinpu_num: 60,
                        pinpu_color: 'red',
                });
      };
})();

</script>

小辣椒 发表于 2023-8-25 13:27

老头我也是就这个音乐可以出来{:4_173:}

小辣椒 发表于 2023-8-25 13:27

我测试了几个自己的音乐都不行

东篱闲人 发表于 2023-8-25 13:28

小辣椒 发表于 2023-8-25 13:27
老头我也是就这个音乐可以出来

这个音乐可能和上面有什么关联,咱不懂。

小辣椒 发表于 2023-8-25 13:41

东篱闲人 发表于 2023-8-25 13:28
这个音乐可能和上面有什么关联,咱不懂。

这个音乐可以跨越的

小辣椒 发表于 2023-8-25 13:41

老头我先下了

东篱闲人 发表于 2023-8-25 13:43

小辣椒 发表于 2023-8-25 13:41
老头我先下了

嗯嗯。。

马黑黑 发表于 2023-8-25 14:00

小辣椒 发表于 2023-8-25 13:27
老头我也是就这个音乐可以出来

音乐来源的网站,不能禁止跨域,这种发帖方式还要求是绝对跨域的,本地都可以试出来的。

马黑黑 发表于 2023-8-25 14:02

小辣椒 发表于 2023-8-25 13:27
我测试了几个自己的音乐都不行

你的空间不是绝对跨域,只能帖子和音乐同在一个空间里,然后用 iframe 整到论坛里来。iframe要使用全屏,请按我已经给你的答复操作。

马黑黑 发表于 2023-8-25 14:06

本帖最后由 马黑黑 于 2023-8-25 14:09 编辑

东篱闲人 发表于 2023-8-25 13:28
这个音乐可能和上面有什么关联,咱不懂。
就是要求音乐绝对开放。好比吧:

你宫里举办宫廷误会,如果你这样授权来宾——

    随便选那位宫女跳舞,但不能做别的。

这叫不能跨域,除了跳跳舞说说话,其他什么都不能做;

如果你这样授权你的客人——

    选好的宫女爱咋玩咋玩。

这叫可以跨域,这样的话,除了跳舞,还可以做点别的,比如获取音乐的声波资源从而让播放器能跟随音乐的律动而动态变化。

东篱闲人 发表于 2023-8-25 14:56

马黑黑 发表于 2023-8-25 14:06
就是要求音乐绝对开放。好比吧:

你宫里举办宫廷误会,如果你这样授权来宾——


你挺会比方。。。{:4_172:}

红影 发表于 2023-8-25 16:18

这个凤凰涅槃到红色幕布上了啊,呵呵,好看{:4_187:}

醉美水芙蓉 发表于 2023-8-25 17:43

马黑黑 发表于 2023-8-25 18:24

东篱闲人 发表于 2023-8-25 14:56
你挺会比方。。。

这样好理解了吧

东篱闲人 发表于 2023-8-25 20:38

红影 发表于 2023-8-25 16:18
这个凤凰涅槃到红色幕布上了啊,呵呵,好看

就换了个图片。。

东篱闲人 发表于 2023-8-25 20:38

醉美水芙蓉 发表于 2023-8-25 17:43
挺漂亮的!

{:4_204:}

东篱闲人 发表于 2023-8-25 20:39

马黑黑 发表于 2023-8-25 18:24
这样好理解了吧

忒通俗了。。。{:5_106:}

马黑黑 发表于 2023-8-25 20:44

东篱闲人 发表于 2023-8-25 20:39
忒通俗了。。。

要不就考虑同源:音乐和帖子在同一个网站,然后用iframe的方式发到论坛。这个@影子 、 @小辣椒 在行,同时小文的微风盘也不错

小辣椒 发表于 2023-8-25 21:06

马黑黑 发表于 2023-8-25 14:00
音乐来源的网站,不能禁止跨域,这种发帖方式还要求是绝对跨域的,本地都可以试出来的。

现在我自己电脑可以预览了{:4_173:}

小辣椒 发表于 2023-8-25 21:06

马黑黑 发表于 2023-8-25 14:02
你的空间不是绝对跨域,只能帖子和音乐同在一个空间里,然后用 iframe 整到论坛里来。iframe要使用全屏, ...

明白了{:4_187:}
页: [1] 2
查看完整版本: 试一个。。