npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@dolbyio/webrtc-stats

v0.4.0

Published

Dolby.io WebRTC Statistics

Downloads

1,258

Readme

Build Package Publish Package npm License

Dolby.io WebRTC Statistics

This project is a library to use to parse WebRTC statistics.

Install this project

Run the npm command to install the package @dolbyio/webrtc-stats into your project:

npm install @dolbyio/webrtc-stats --save

Use the library

Collection

A WebRTCStats object needs to be created to start a WebRTC statistics collection. It requires some settings to configure how you want the collection to work.

interface WebRTCStatsOptions {
    /**
     * Function that will be called to retrieve the WebRTC statistics.
     * @returns a {@link RTCStatsReport} object through a {@link Promise}.
     */
    getStats: () => Promise<RTCStatsReport>;

    /**
     * Interval, in milliseconds, at which to collect the WebRTC statistics.
     * Default is 1,000 ms (1 second).
     */
    getStatsInterval?: number;

    /**
     * Include the raw statistics in the `stats` event.
     * Default is `false`.
     */
    includeRawStats?: boolean;
}

Create the collection object.

const collection = new WebRTCStats({
    getStats: () => {
        // Get the raw WebRTC statistics from the web browser
    },
    getStatsInterval: 1000,
    includeRawStats: true,
});

Start the collection with the start() function.

collection.start();

Stop the collection with the stop() function.

collection.stop();

Events

After starting the collection, the stats event is triggered when the WebRTC statistics have been collected and parsed. The event object is of type OnStats.

collection.on('stats', (event) => {
    console.log(event);
});

The error event is triggered when an error happens during the collection or the parsing of the WebRTC statistics.

collection.on('error', (error) => {
    console.error(error);
});

Examples

Dolby.io Real-time Streaming APIs

Example on how to start a statistics collection from the Dolby.io Real-time Streaming APIs.

import WebRTCStats from '@dolbyio/webrtc-stats';
import { Director, Publish } from '@millicast/sdk';

const PUBLISHER_TOKEN = '';
const STREAM_NAME = '';

const tokenGenerator = () =>
    Director.getPublisher({
        token: PUBLISHER_TOKEN,
        streamName: STREAM_NAME,
    });

const publisher = new Publish(STREAM_NAME, tokenGenerator);

// Publish the stream

const collection = new WebRTCStats({
    getStatsInterval: 1000,
    getStats: () => {
        return publisher.webRTCPeer.getRTCPeer().getStats();
    },
});

// The stats event is triggered after each interval has elapsed
collection.on('stats', (event) => {
    // Triggered when the statistics have been parsed
    console.log(event);
});

// Start the statistics collection
collection.start();

Dolby.io Communications APIs

Example on how to start a statistics collection from the Dolby.io Communications APIs.

import WebRTCStats from '@dolbyio/webrtc-stats';
import VoxeetSdk from '@voxeet/voxeet-web-sdk';

const collection = new WebRTCStats({
    getStatsInterval: 1000,
    getStats: async () => {
        // See: https://docs.dolby.io/communications-apis/docs/js-client-sdk-conferenceservice#localstats
        const webRTCStats = await VoxeetSDK.conference.localStats();

        // Convert the WebRTCStats object to RTCStatsReport
        const values = Array.from(webRTCStats.values())[0];
        const map = new Map();
        for (let i = 0; i < values.length; i++) {
            const element = values[i];
            map.set(element.id, element);
        }
        return map;
    },
});

// The stats event is triggered after each interval has elapsed
collection.on('stats', (event) => {
    // Triggered when the statistics have been parsed
    console.log(event);
});

// Start the statistics collection
collection.start();

How to

Run tests:

npm run test

Create distribution package:

npm run build