Verwandte Themen

83N07
20.01.2023, 22:56
Mit Links
Spotify API Get Methode Blocked?

Moin, hab mal ne Frage, da ich es einfach nicht hin bekomme. Ich habe vor sowas wie eine Musikwunsch Seite für ein Schul Projekt zu coden. Dafür will ich die Spotify API nutzen, damit man über diese Songs suchen kann. Es kommt aber immer in der Netzwerkanalyse der Fehler NS_BINDING_ABORTED, obwohl mein Access Token korrekt ist. Hier ist meine script.js 

const API_ENDPOINT = "https://api.spotify.com/v1/search";
const ACCESS_TOKEN = "your_access_token";

function searchSong() {
    let songName = document.getElementById("song-name").value;

    fetch(`${API_ENDPOINT}?q=${songName}&type=track`, {
        headers: {
            "Authorization": `Bearer ${ACCESS_TOKEN}`
        }
    })
    .then(response => response.json())
    .then(data => {
        let songResults = data.tracks.items;

        if (songResults.length > 0) {
            let songList = document.createElement("ul");

            for (let i = 0; i < songResults.length; i++) {
                let song = songResults[i];

                let songItem = document.createElement("li");
                songItem.innerHTML = `<a href="javascript:void(0)" onclick="selectSong('${song.id}')">${song.name} by ${song.artists[0].name}</a>`;

                songList.appendChild(songItem);
            }

            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "";
            songResultsDiv.appendChild(songList);
        } else {
            let songResultsDiv = document.getElementById("song-results");
            songResultsDiv.innerHTML = "Sorry, no songs found.";
        }
    })
    .catch(error => {
        const errorMessage = document.getElementById("error-message");
        errorMessage.innerText = error;
    });
}

function selectSong(songId) {
    fetch("db.php", {
        method: "POST",
        body: JSON.stringify({songId: songId}),
        headers: {
            "Content-Type": "application/json"
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert("Song added to the list!");
        } else {
            alert("Error adding song to the list.");
        }
    })
    .catch(error => {
        console.log(error);
    });
}

Hier ist dann noch die Index.html:

 <!DOCTYPE html>
<html>
<head>
    <title>DJ Song Request</title>
    <script src="script.js"></script>
</head>
<body>
    <h1>DJ Song Request</h1>
    <form>
        <label for="song-name">Enter song name:</label>
        <input type="text" id="song-name" name="song-name">
        <button type="submit" onclick="searchSong()">Search</button>
    </form>
    <div id="song-results"></div>
</body>
</html>

Vielleicht kann mir ja jemand helfen, da ich echt nicht mehr weiter weiß, im vorraus schon mal Vielen Dank ;D

HTML, Webseite, JavaScript, PHP, Spotify
2 Antworten
KDin187
30.12.2022, 09:37
Beitrag wurde 1 Mal erneut eingestellt
Mit Umfrage
Wie erstellt ihr Wiedergabelisten?

Also Wiedergabelisten mit Musik. Habt ihr ein bestimmtes Schema, dem ihr dabei folgt?

Ich habe Wiedergabelisten für jedes Jahr ab 2010, eine für 2000-2009 und jeweils eine für 90er, 80er und 70er. Dann natürlich noch eine mit Lieblingsliedern und den aktuellsten.

Aber wenn ich eine bestimmte Wiedergabeliste für eine Party, fürs Autofahren oder ein Best of (z.B. Sommer 2022) erstelle, dann folge ich immer einem bestimmten Schema. Ich wähle alle Lieder aus, die in der Playlist sein sollen, und sortiere sie danach alle einzeln. Ich achte darauf, dass sich Männer- und Frauenstimmen abwechseln, dass nicht derselbe Interpret dreimal hintereinander gespielt wird oder dass die Übergänge nicht so hart sind. Wenn das vorherige Lied mit einem Knall geendet ist, fängt das nächste ruhig an usw.

Ich weiß, die wenigsten machen so eine Wissenschaft daraus wie ich, aber ich liebe es, am Ende des Jahres meine Musik zu sortieren und einen Rückblick auf das Jahr zu haben :)

Ich würde mich freuen wenn ihr an der Abstimmung teilnehmt und vielleicht noch etwas dazu schreibt. Und einen guten Rutsch schon mal!

Ich sortiere nach Titei/Jahr/Interpret/Genre... 43%
Ich klatsche alles in eine Liste und drücke auf Zufallswiedergabe 33%
Ich lasse die Lieder in der Reihenfolge wie ich sie hinzugefügt h 10%
Ich entscheide die Reihenfolge mehr oder weniger willkürlich 5%
Ich mache es so ähnlich wie du 5%
Ich höre keine Musik 5%
Musik, Ordnung, Musikvideo, Hobby, shuffle, Filmmusik, Android, Genre, Künstler, Musiker, Playlist, Rückblick, Wiedergabeliste, Musikrichtung, Spotify, Abstimmung, Umfrage
6 Antworten

Meistgelesene Beiträge zum Thema Spotify
Mehr meistgelesene Fragen zu Spotify