Build with
MusicSeva API

const res = await fetch("https://musicseva.com/api/v1/songs?limit=20", {
  headers: {
    "x-api-key": "YOUR_API_KEY"
  }
});

const { data } = await res.json();

// Play first track
const audio = new Audio(data[0].url);
audio.play();

curl -X GET \
  "https://musicseva.com/api/v1/songs?limit=20" \
  -H "x-api-key: YOUR_API_KEY"

import { useState, useEffect } from "react";

export default function MusicPlayer() {
  const [songs, setSongs] = useState([]);

  useEffect(() => {
    fetch("/api/v1/songs", {
      headers: { "x-api-key": process.env.MUSICSEVA_KEY }
    })
      .then(r => r.json())
      .then(d => setSongs(d.data));
  }, []);

  return songs.map(song => (
    <audio key={song.id} controls src={song.url} />
  ));
}

val client = OkHttpClient()
val request = Request.Builder()
  .url("https://musicseva.com/api/v1/songs")
  .addHeader("x-api-key", "YOUR_API_KEY")
  .build()

client.newCall(request).enqueue(object : Callback {
  override fun onResponse(call: Call, response: Response) {
    val json = JSONObject(response.body?.string() ?: "")
    val songs = json.getJSONArray("data")
    // songs[0].getString("url") -> stream URL
  }
  override fun onFailure(call: Call, e: IOException) {}
})