@videosdk.live/react-sdk 0.4.8 → 0.4.9

package/dist/index.modern.js

@@ -456,7 +456,7 @@ var MeetingConsumer = function MeetingConsumer(_ref2) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
 };
 
-var version = "0.4.8";
+var version = "0.4.9";
 
 var MeetingProvider = function MeetingProvider(_ref) {
   var children = _ref.children,
@@ -2559,30 +2559,33 @@ var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
     _ref5$classNameVideo = _ref5.classNameVideo,
     classNameVideo = _ref5$classNameVideo === void 0 ? '' : _ref5$classNameVideo,
     _ref5$videoStyle = _ref5.videoStyle,
-    videoStyle = _ref5$videoStyle === void 0 ? {} : _ref5$videoStyle;
+    videoStyle = _ref5$videoStyle === void 0 ? {} : _ref5$videoStyle,
+    videoRef = _ref5.videoRef;
   var _useParticipant2 = useParticipant(participantId),
     webcamOn = _useParticipant2.webcamOn,
     webcamStream = _useParticipant2.webcamStream,
     isLocal = _useParticipant2.isLocal,
     screenShareStream = _useParticipant2.screenShareStream,
     screenShareOn = _useParticipant2.screenShareOn;
-  var videoRef = useRef(null);
+  var internalRef = useRef(null);
+  var finalVideoRef = videoRef || internalRef;
   useEffect(function () {
     var stream = type === 'share' ? screenShareStream : webcamStream;
     var isOn = type === 'share' ? screenShareOn : webcamOn;
-    if (videoRef.current) {
+    if (finalVideoRef.current) {
       if (isOn && stream) {
         var mediaStream = new MediaStream();
         mediaStream.addTrack(stream.track);
-        videoRef.current.srcObject = mediaStream;
-        videoRef.current.setAttribute('playsinline', '');
-        videoRef.current.setAttribute('x5-playsinline', '');
-        videoRef.current.setAttribute('webkit-playsinline', '');
-        videoRef.current.play()["catch"](function (error) {
-          return console.error('videoRef.current.play() failed', error);
+        finalVideoRef.current.setAttribute('muted', '');
+        finalVideoRef.current.srcObject = mediaStream;
+        finalVideoRef.current.setAttribute('playsinline', '');
+        finalVideoRef.current.setAttribute('x5-playsinline', '');
+        finalVideoRef.current.setAttribute('webkit-playsinline', '');
+        finalVideoRef.current.play()["catch"](function (error) {
+          return console.error('finalVideoRef.current.play() failed', error);
         });
       } else {
-        videoRef.current.srcObject = null;
+        finalVideoRef.current.srcObject = null;
       }
     }
   }, [type].concat(type === 'share' ? [screenShareOn, screenShareStream] : type === 'video' ? [webcamOn, webcamStream] : []));
@@ -2596,9 +2599,10 @@ var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
   }, /*#__PURE__*/React.createElement("video", {
     width: "100%",
     height: "100%",
-    ref: videoRef,
+    ref: finalVideoRef,
     autoPlay: true,
     className: classNameVideo,
+    muted: true,
     style: isLocal && type !== 'share' ? _extends({
       transform: 'scaleX(-1)',
       WebkitTransform: 'scaleX(-1)'