c3-player

C3Player

Audio Streaming Player Component

About

This component is an Angular 2 (6.0+) WebRTC-based player component for audio streaming against Kurento Streaming Server. It uses WebRTC and WebSocket to play audio not keeping any data in memory.

Compatibility

Chrome (58+), Firefox (63+)

How to install?

npm i c3-player

How to use?

Import the module

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { C3playerModule } from 'c3-player';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    C3playerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Use it in view

<c3-player audio="xxxx" image="xxxx" wsUrl="xxxx" duration="xxxx"></c3-player>

Where:

Input Name	Required	Definition	Default Value	Example
audio	:white_check_mark:	URL of the audio	None	https://example.com/audio1.ogg
image	:white_check_mark:	URL of the wave image	None	https://example.com/wave1.png
wsUrl	:white_check_mark:	WS URL	None	https://kurento.example.com/ws
duration	:white_check_mark:	Duration in millis	None	60000 (1min)
width	:x:	Width of the player	100%	50%
margin	:x:	Margin of the player	auto	25%
img-dim	:x:	Relation width/height	5	3

Credits

Yasser Kantour