0.5.4 • Published 1 month ago
@gridal/f-gridalymeeting v0.5.4
GridalyMeeting
Usage
import { useContext, useEffect } from 'react';
import { GridalyMeeting, GridalyMeetingContextProvider, GridalyMeetingContextData } from '@gridal/gridalyMeeting';
const Example = () => {
const { ref, peers, roles, localPeer, isConnected, updatePeersList, updateIsConnected, updateLocalPeer, updateRolesList } =
useContext(GridalyMeetingContextData);
return (
<div style={{ height: '100vh' }}>
<GridalyMeeting
innerRef={ref} // ref that contains all methods for handling the room
attendee={{
name: 'Attendee name that will join the room',
avatar: 'Attendee avatar that will join the room',
hidden: false, // optional, when true will hide the attendee from showing
initialSettings: {
// optional initial settings
isAudioMuted: true,
isVideoMuted: false,
},
}}
roomCode="YOUR_ROOM_CODE" // necessary for joining the room/preview
authToken="YOUR_AUTH_TOKEN" // neccasary for joining the room/preview
withPreview // by default true, when false will skip preview and auto join to the room
withControls // by default true, when false will not show controls at the bottom
isHLS // optional, this is to decide whether given room is with streaming features
logsLevel // optional, by default hides all logs (needs to be set to 0 when joined by bot)
onPeersListUpdate={updatePeersList} // will return list of peers and refresh whenever someone joins or leave
onRolesListUpdate={updateRolesList} // will return list of roles
onLocalPeerRoomConnection={({ isConnected, localPeer }) => {
updateIsConnected(isConnected);
updateLocalPeer(localPeer);
}} // return whether attendee is connected and attendee data
/>
</div>
);
};
export const App = () => (
<GridalyMeetingContextProvider lang="en">
<Example />
</GridalyMeetingContextProvider>
);
Development
npm install
npm start # or yarn start
cd example
npm install
npm start # or yarn s tart
0.5.4
1 month ago
0.5.3
2 months ago
0.5.2
2 months ago
0.5.1
2 months ago
0.5.0
2 months ago
0.4.8
2 months ago
0.4.7
2 months ago
0.4.6-beta.0
2 months ago
0.4.5
2 months ago
0.4.6
2 months ago
0.4.4
2 months ago
0.4.3
2 months ago
0.4.2
2 months ago
0.3.5
2 months ago
0.4.1
2 months ago
0.4.0
2 months ago
0.3.4
2 months ago
0.3.3
2 months ago
0.3.2
3 months ago
0.3.0
3 months ago
0.3.1
3 months ago
0.2.7
5 months ago
0.2.9
5 months ago
0.2.8
5 months ago
0.2.6
5 months ago
0.2.1
5 months ago
0.2.3
5 months ago
0.2.2
5 months ago
0.2.5
5 months ago
0.2.4
5 months ago
0.2.0
5 months ago
0.1.97
5 months ago
0.1.98
5 months ago
0.1.99
5 months ago
0.1.96
8 months ago
0.1.95
8 months ago
0.1.94
8 months ago
0.1.93
8 months ago
0.1.92
8 months ago
0.1.91
8 months ago
0.1.9
8 months ago
0.1.8
8 months ago
0.1.7
8 months ago
0.1.6
8 months ago
0.1.5
8 months ago
0.1.4
8 months ago
0.1.3
8 months ago
0.1.2
8 months ago
0.1.1
8 months ago
0.1.0
8 months ago
0.0.9
8 months ago
0.0.8
8 months ago
0.0.7
9 months ago
0.0.6
9 months ago
0.0.5
9 months ago
0.0.4
9 months ago
0.0.3
9 months ago
0.0.2
9 months ago
0.0.1
9 months ago