@deutsche-audio/crbn-player v0.0.13

CRBN Core Player

A JavaScript built player which can currently be used for:

• playing and stopping audio,
• pausing audio,
• changing of the track that is currently playing,
• changing track's volume,
• going forward and backward

CRBN Player, if provided with an element prop within the options param, can be used with the default UI (to be implemented in the future). If the element prop is not specified, only the functionalities of the Player will be available for use (currently available in the Player package).

Props can be passed to the Player in order to trigger events such as playing and stopping the audio file, changing the stream that is currently being played, changing the track's volume, etc.

Also, CRBN Core Player supports Google Chromecast which can be implemented by adding chromecast prop to the instance of the Player and setting its value to true.

Usage

npm install @deutsche-audio/crbn-player

import Player from "@deutsche-audio/crbn-player";

const player = new Player(options);

Example of Player usage

    const player = new Player({
        html5: true,
        chromecast: true, 
        format: ['webm', 'wav'],
        onplay: () => {
            console.log('Playing');
        },
        onpause: () => {
            console.log('Paused');
        },
        onmetadata: metadata => {
            console.log(metadata, "metadata");
        },
    });

    // ...

    return (

        // ...

        // In order to open Google's extension and select the desired device, Google's button needs to be added
        <google-cast-launcher id="castbutton"></google-cast-launcher>
    
        // ...

        <Button playButton onClick={() => player.play()}>Play</Button>
        <Button onClick={() => player.stop()}>Stop</Button>
        <Button            
            onClick={() => player.changeSrc({
                src: 'https://...',
                title: 'ROCK',
                images: [{url: 'https://...'}]
            })}
        >Rock
        </Button>       
       
        // ...
    
);

Props

Methods