GithubHelp home page GithubHelp logo

dolbyio / comms-uikit-react Goto Github PK

View Code? Open in Web Editor NEW
31.0 31.0 4.0 2.44 MB

UIKit for React app developers to build web video calling applications using Dolby.io communication API's

Home Page: https://www.npmjs.com/package/@dolbyio/comms-uikit-react

License: MIT License

TypeScript 95.47% JavaScript 0.38% SCSS 4.13% CSS 0.02%
components react uikit videocall

comms-uikit-react's People

Contributors

adamlorek-mq avatar dolbyio-gh-bot avatar dubeyshivank avatar msobo1 avatar noviny avatar ppolus-miquido avatar vincentsong avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

comms-uikit-react's Issues

JoinConferenceButton

Hi there,

I just have a clarifying question about the the JoinConferenceButton.

The onSuccess callback prop of this component indicates that this action is creating a conference which I can confirm by the resulting API request made by clicking the button.

Is there a solution in the UIkit to handle joining an already existing conference since the docs suggest creating via a backend API call?

The [Create](https://docs.dolby.io/communications-apis/reference/create-conference) REST API allows creating a conference from your backend. We recommend using this method as it allows you to control conferences from a single location. This way, you can update only your backend, instead of updating all applications using different platforms and SDKs. The Create REST API returns information about the created conference, such as the conference ID.

Thanks!

NotificationCenter Additional Documentation / Clarification

Hi team,

Looking for some additional context on the NotificationCenter component.

I would like to receive a callback when a conference has been created for the current user (externalId) that I have initialized a session with using the <Session /> wrapper. I would use this to display a join now button in the UI.

I have tired wrapping the NotificationCenter as such:

  <CommsProvider refreshToken={refetch} token={accessToken}>
    <Session
      participantInfo={{
        externalId: '1234',
        name: 'someName',
      }}
    >
      <NotificationCenter position="top-left" />
    </Session>
 </CommsProvider>

with the assumption that if a conference is created ( server side) with a participentList that includes externalId: '1234 that a notification would be received but I am unsuccessful so far.

Is there a solution for this in the UIKit, or perhaps I have implemented this incorrectly ?

Thanks!

VideoLocalView does not resume after re-enabling video

I'm trying to show the local user's status (camera preview, mute status, etc.) using , but I'm running into the following issues:

  1. If I disable video (using LocalToggleVideoButton) and then re-enable it, I get a blank display. I don't see my video anymore and I don't see my initials either.
  2. I never see any audio activity. I see a mute indicator, but clicking this does nothing.

How to Use with NextJS

Trying to use this with NextJS, keeps getting document is undefied error

Please share how to use this with NextJS

Avatar not showing in meeting while cam is off in meeting

We have used comms-uikit-react for the live streaming solution.

I have set the following participantInfo with the valid avatarUrl but it not showing in meeting vidio tiles. it showing first 2 char of the name

Is there any configuration that i have missed

const participantInfo = {
avatarUrl: ${profileImage},
name:
loggedInUser && (loggedInUser.firstName || loggedInUser.lastName)
? ${loggedInUser.firstName} ${loggedInUser.lastName}
: Guest,
externalId: loggedInUser?.userId,
};

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.