0.5.27 • Published 11 months ago

@gridal/f-gridalymeeting v0.5.27

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

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.10

12 months ago

0.5.11

12 months ago

0.5.18

12 months ago

0.5.19

11 months ago

0.5.16

12 months ago

0.5.17

12 months ago

0.5.14

12 months ago

0.5.15

12 months ago

0.5.12

12 months ago

0.5.13

12 months ago

0.5.6

12 months ago

0.5.5

1 year ago

0.5.8

12 months ago

0.5.7

12 months ago

0.5.9

12 months ago

0.5.21

11 months ago

0.5.22

11 months ago

0.5.20

11 months ago

0.5.27

11 months ago

0.5.25

11 months ago

0.5.26

11 months ago

0.5.23

11 months ago

0.5.24

11 months ago

0.5.4

1 year ago

0.5.3

1 year ago

0.5.2

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.8

1 year ago

0.4.7

1 year ago

0.4.6-beta.0

1 year ago

0.4.5

1 year ago

0.4.6

1 year ago

0.4.4

1 year ago

0.4.3

1 year ago

0.4.2

1 year ago

0.3.5

1 year ago

0.4.1

1 year ago

0.4.0

1 year ago

0.3.4

1 year ago

0.3.3

1 year ago

0.3.2

1 year ago

0.3.0

1 year ago

0.3.1

1 year ago

0.2.7

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.6

2 years ago

0.2.1

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.5

2 years ago

0.2.4

2 years ago

0.2.0

2 years ago

0.1.97

2 years ago

0.1.98

2 years ago

0.1.99

2 years ago

0.1.96

2 years ago

0.1.95

2 years ago

0.1.94

2 years ago

0.1.93

2 years ago

0.1.92

2 years ago

0.1.91

2 years ago

0.1.9

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago