Spotify Oembed 显示预览服务器端但不显示客户端的问题

Issue with Spotify Oembed displaying preview server-side but not client-side

提问人:Jahziella 提问时间:1/20/2023 最后编辑:Jahziella 更新时间:1/20/2023 访问量:335

问:

我的网站上有一个 Spotify Oembed,但即使在我登录后,oembed 仍处于预览模式,无法播放完整曲目。它适用于 Codepen 和通过 Flask 在我的本地主机上。

这是我的代码:

    <section id="spotify-player">
    <!-- spotify playlist player -->
        <div id="music"></div>
        <script>
        const music = document.getElementById("music");
        // tells you what today's date is
        const d = new Date(); 
        // gives the day of the week as a number (0-6) i.e. sunday = 0
        let day = d.getDay();

        function changeSong(url) {
            fetch(`https://open.spotify.com/oembed?url=${url}`)
                .then((response) => response.json())
                .then((data) => {
                music.innerHTML = data.html;
                });
            };

        if (day == 0 || day == 2) {
            changeSong('https://open.spotify.com/playlist/37i9dQZF1DX9uKNf5jGX6m');
        } else if (day == 1 || day == 3 || day == 5) {
            changeSong('https://open.spotify.com/playlist/37i9dQZF1DWURfu7Lk3xJ1');
        } else {
            changeSong('https://open.spotify.com/playlist/37i9dQZF1DWTiAxGU5Bgem');
        };
        </script>     
    </section>

这是Codepen。我的网站是通过 Lightsail 部署的。为什么 oembed 在我的网站上卡在预览模式,但在 Codepen 和 localhost 上工作得很好?

这里有两篇类似的帖子,如果有帮助,可以提供背景信息:

非常感谢任何帮助,谢谢!

服务器端渲染 Spotify 客户端 OEMBED Spotify-App

评论


答: 暂无答案