@videosdk.live/react-sdk 0.1.67 → 0.1.69

package/README.md

@@ -37,7 +37,7 @@
 Visit our official guide for [Browser Support](https://docs.videosdk.live/docs/realtime-communication/see-also/device-browser-support)
 
 ## Demo App
-Check out demo [here](https://videosdk.live/prebuilt/)
+Check out demo [here](https://demo.videosdk.live/conference-meeting/)
 
 ## Prerequisites
 
@@ -80,7 +80,7 @@ import {
 
 ## Documentation
 
-Check the components and their usage in our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/getting-started).
+Check the components and their usage in our [documentation](https://docs.videosdk.live/react/guide/video-and-audio-calling-api-sdk/concept-and-architecture).
 
 ## Quick Start
 

package/dist/index.js

@@ -33,6 +33,7 @@ var events = {
   'hls-started': eventPrifix + "-hls-started",
   'hls-stopped': eventPrifix + "-hls-stopped",
   'hls-state-changed': eventPrifix + "-hls-state-changed",
+  'hls-playable-state-changed': eventPrifix + "-hls-playable-state-changed",
   'recording-state-changed': eventPrifix + "-recording-state-changed",
   'livestream-state-changed': eventPrifix + "-livestream-state-changed",
   'meeting-state-changed': eventPrifix + "-meeting-state-changed",
@@ -299,7 +300,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.1.66";
+var version = "0.1.69";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -356,15 +357,22 @@ var MeetingProvider = function MeetingProvider(_ref) {
   var _useState16 = React.useState(false),
     isHls = _useState16[0],
     setIsHls = _useState16[1];
-  var _useState17 = React.useState(null),
+  var _useState17 = React.useState('RECORDING_STOPPED'),
     recordingState = _useState17[0],
     setRecordingState = _useState17[1];
-  var _useState18 = React.useState(null),
+  var _useState18 = React.useState('LIVESTREAM_STOPPED'),
     livestreamState = _useState18[0],
     setLivestreamState = _useState18[1];
-  var _useState19 = React.useState(null),
+  var _useState19 = React.useState('HLS_STOPPED'),
     hlsState = _useState19[0],
     setHlsState = _useState19[1];
+  var _useState20 = React.useState({
+      downstreamUrl: null,
+      playbackHlsUrl: null,
+      livestreamUrl: null
+    }),
+    hlsUrls = _useState20[0],
+    setHlsUrls = _useState20[1];
   var meetingRef = React.useRef();
   var localMicOnRef = React.useRef();
   var localWebcamOnRef = React.useRef();
@@ -418,9 +426,14 @@ var MeetingProvider = function MeetingProvider(_ref) {
     setConnections(new Map());
     setIsMeetingJoined(false);
     setIsHls(false);
-    setRecordingState(null);
-    setLivestreamState(null);
-    setHlsState(null);
+    setRecordingState('RECORDING_STOPPED');
+    setLivestreamState('LIVESTREAM_STOPPED');
+    setHlsState('HLS_STOPPED');
+    setHlsUrls({
+      downstreamUrl: null,
+      playbackHlsUrl: null,
+      livestreamUrl: null
+    });
   };
   var _handle_participant_joined = function _handle_participant_joined(participant) {
     setParticipants(function (participants) {
@@ -621,6 +634,19 @@ var MeetingProvider = function MeetingProvider(_ref) {
   };
   var _handle_hls_state_changed = function _handle_hls_state_changed(data) {
     setHlsState(data === null || data === void 0 ? void 0 : data.status);
+    if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_PLAYABLE') {
+      setHlsUrls({
+        downstreamUrl: data === null || data === void 0 ? void 0 : data.downstreamUrl,
+        playbackHlsUrl: data === null || data === void 0 ? void 0 : data.playbackHlsUrl,
+        livestreamUrl: data === null || data === void 0 ? void 0 : data.livestreamUrl
+      });
+    } else if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_STOPPED') {
+      setHlsUrls({
+        downstreamUrl: null,
+        playbackHlsUrl: null,
+        livestreamUrl: null
+      });
+    }
     eventEmitter.emit(events['hls-state-changed'], data);
   };
   var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
@@ -837,6 +863,12 @@ var MeetingProvider = function MeetingProvider(_ref) {
       meeting.changeWebcam(obj);
     }
   };
+  var replaceWebcamStream = function replaceWebcamStream(stream) {
+    var meeting = meetingRef.current;
+    if (meeting) {
+      meeting.replaceWebcamStream(stream);
+    }
+  };
   var changeMic = function changeMic(obj) {
     var meeting = meetingRef.current;
     if (meeting) {
@@ -970,6 +1002,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       recordingState: recordingState,
       livestreamState: livestreamState,
       hlsState: hlsState,
+      hlsUrls: hlsUrls,
       isMeetingJoined: isMeetingJoined,
       join: join,
       leave: leave,
@@ -990,6 +1023,7 @@ var MeetingProvider = function MeetingProvider(_ref) {
       getMics: getMics,
       getWebcams: getWebcams,
       changeWebcam: changeWebcam,
+      replaceWebcamStream: replaceWebcamStream,
       changeMic: changeMic,
       changeMode: changeMode,
       startVideo: startVideo,
@@ -1172,6 +1206,9 @@ var useParticipant = function useParticipant(participantId, _temp) {
   var unpin = function unpin(data) {
     participant === null || participant === void 0 ? void 0 : participant.unpin(data);
   };
+  var remove = function remove() {
+    participant === null || participant === void 0 ? void 0 : participant.remove();
+  };
   var getAudioStats = function getAudioStats() {
     return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getAudioStats());
   };
@@ -1249,6 +1286,7 @@ var useParticipant = function useParticipant(participantId, _temp) {
     disableWebcam: disableWebcam,
     pin: pin,
     unpin: unpin,
+    remove: remove,
     switchTo: switchTo,
     getAudioStats: getAudioStats,
     getVideoStats: getVideoStats,