@playnode/react-music-components

Playnode React Music Components

Browser JS to render a music website from JSON data description.

See example upstream project using this component library that you can fork, and customise for your own website.

See this example as a demo provided & customised by project developer.

Usage summary

Install the package:

npm install @playnode/react-music-components

Add the App component to a React project. See full example in upstream project linked above.

import React from "react";
import ReactDOM from "react-dom";
import { App } from "@playnode/react-music-components";

const config = {
    "displayName": "Playnode Music Website",
    "firstName": "",
    "lastName": "",
    "city": "",
    "country": "",
    "avatar": "images/profile-avatar-200x200.png",
    "banner": "images/profile-banner-1240x260.jpg",
    "description": "Hello, World!",
    "infoHtml": "",
    "links": [
        {
            "title": "Playnode.org",
            "href": "http://playnode.org/"
        }
    ],
    "tracks": [
        {
            "artist": "Steven Robertson",
            "title": "Test",
            "pubDate": "Sat, 24 Jun 2017 13:21:15 GMT",
            "slug": "test",
            "stream": "test.mp3",
            "duration": 0,
            "waveform": ""
        }
    ]
};

ReactDOM.render(<App data={config}/>, document.getElementById('root'));

License

MIT License