如何获取歌曲 Spotify Web API 的总流数

问题描述 投票:0回答:1

我正在尝试从播放列表前 50 名中获取曲目的总流。我尝试获取该曲目的 ID 并发送另一个请求,但它仅返回我帐户的总流。 如何获取总流量?还可能吗?

useEffect(() => {
        if (!accessToken) return alert("Failed OAUTH");
        axios.get('https://api.spotify.com/v1/playlists/37i9dQZEVXbMDoHDwVN2tF/tracks?fields=items(track(name%2C%20id)%2C%20track(album(images)%2C%20artists))', {
            headers: {
                'Authorization': `Bearer ${accessToken}`
            }
        }).then(response => {
            const firstTrackId = response.data.items[0].track.id;
            setnameTopArtist(response.data.items[0].track.artists[0].name)
            axios.get(`https://api.spotify.com/v1/tracks/${firstTrackId}`, {
                headers: {
                    'Authorization': `Bearer ${accessToken}`
                }
            }).then(res => {
                const firstTrackStreams = res.data.popularity;
                console.log("ress:" + res);
                console.log(`Počet poslechů první skladby: ${firstTrackStreams}`);
                setmonthlyListeners(firstTrackStreams);
            }).catch(error => {
                console.error(error);
            });
        }).catch(error => {
            console.error(error);
        });
    }, [accessToken]);


    return (
        <div className="  max-w-5xl bg-primary ml-4 mr-4 mb-4 mt-4 rounded-lg md:ml-8 md:mr-8 md:mb-8 md:mt-8">
            {/*Left side*/}
            <div className= "mt-4 md:mt-8 gap-2 flex flex-col justify-left items-left" >

                {/* Verification icon*/}
                <div className=" ml-4  gap-1 flex flex-row justify-left items-center ">
                    <MdVerified className="w-6 h-6 md:w-12 h-12" />
                    <h2 className = "text-sm md:text-base ">Verified artist</h2>
                </div>

                {/*Artist name*/}

                <h2 className= "ml-4 md:ml-6 text-lg md:text-3xl font-bold">{nameTopArtist}</h2>

                {/*Monthly listeners*/}
                <h3 className= "text-sm md:text-base text-gray-300 ml-4 md:ml-6 ">{monthlyListeners} monthly listeners</h3>

            </div>


            {/*Right side with image*/ }
        </div>
    );
}
reactjs api spotify
1个回答
0
投票

Spotify 确实 有一个 API,用于计算艺术家热门曲目的流媒体数量,但不是公共曲目。您可以在浏览器开发工具的网络选项卡中轻松找到对 graphQl 查询的 JSON 响应。 “借用”确实不是全部:https://apify.com/augeas/spotify-monthly-listeners

© www.soinside.com 2019 - 2024. All rights reserved.