setPresentationMode method

@override void setPresentationMode(PresentationMode presentationMode, AutomaticFullscreenExitListener? automaticFullscreenExitListener)

Implementation

@override
void setPresentationMode(PresentationMode presentationMode, AutomaticFullscreenExitListener? automaticFullscreenExitListener) {
  // _playerWrapperDiv only contains the video view, but we need the whole document to go into fullscreen
  // so we first present the fullscreen widget (with or without UI) then we trigger fullscreen.
  var elementToFullscreen = document.documentElement as HTMLElement;

  var previousPresentationMode = currentPresentationMode;
  currentPresentationMode = presentationMode;

  switch (presentationMode) {
    case PresentationMode.FULLSCREEN:
      elementToFullscreen?.requestFullscreen();

      jsFullscreenChangeListener = ((JSAny event) {
        if (document.fullscreenElement != null) {
          if (kDebugMode) {
            print(
              'Element: ${document.fullscreenElement} entered fullscreen mode.',
            );
          }
        } else {
          if (kDebugMode) {
            print('Leaving fullscreen mode.');
          }
          if (jsFullscreenChangeListener != null) {
            elementToFullscreen.removeEventListener(
              WebEventTypes.FULLSCREEN_CHANGE,
              jsFullscreenChangeListener,
            );
          }
          automaticFullscreenExitListener?.call();
        }
      }).toJS;

      elementToFullscreen.addEventListener(
        WebEventTypes.FULLSCREEN_CHANGE,
        jsFullscreenChangeListener,
      );
    case PresentationMode.INLINE:
      if (previousPresentationMode == PresentationMode.FULLSCREEN) {
        if (jsFullscreenChangeListener != null) {
          elementToFullscreen.removeEventListener(
            WebEventTypes.FULLSCREEN_CHANGE,
            jsFullscreenChangeListener,
          );
        }
        //TOOD: check previous presentation mode
        if (document.fullscreenElement != null) {
          document.exitFullscreen();
        }
      } else if (previousPresentationMode == PresentationMode.PIP) {
        if (document.pictureInPictureElement != null) {
          if (kDebugMode) {
            print('Exit pip');
          }

          try {
            document.exitPictureInPicture();
          } catch (e) {
            print('Error when exitPictureInPicture(), $e');
          }
        } else {
          if (kDebugMode) {
            print('We were in PiP, but no pictureInPictureElement !?!?');
          }
        }
      }
    case PresentationMode.PIP: {

      HTMLVideoElement? videoElement = _getPlayingVideoElement();

      jsPiPEnterListener = ((JSAny event) {
        if (document.pictureInPictureElement != null) {
          if (kDebugMode) {
            print(
              'Element: ${document.pictureInPictureElement} entered PiP mode.',
            );
          }
        } else {
          if (kDebugMode) {
            print('ERROR entering PiP mode.');
          }
        }
      }).toJS;

      jsPiPLeaveListener =((JSAny event) {

          if (kDebugMode) {
            print('Leaving PiP mode.');
          }
          if (jsPiPEnterListener != null) {
            elementToFullscreen.removeEventListener(
              WebEventTypes.PICTUREINPICTURE_ENTER,
              jsPiPEnterListener,
            );
          }

          if (jsPiPLeaveListener != null) {
            elementToFullscreen.removeEventListener(
              WebEventTypes.PICTUREINPICTURE_EXIT,
              jsPiPLeaveListener,
            );
          }

          automaticFullscreenExitListener?.call();

      }).toJS;

      videoElement?.addEventListener(
        WebEventTypes.PICTUREINPICTURE_ENTER,
        jsPiPEnterListener,
      );

      videoElement?.addEventListener(
        WebEventTypes.PICTUREINPICTURE_EXIT,
        jsPiPLeaveListener,
      );

      //NOTE: videoElement.requestPictureInPicture() doesn't work
      try {
        videoElement?.callMethod("requestPictureInPicture".toJS);
      } catch (e) {
        print('Error when requestPictureInPicture() , $e');
      }

    }
    default:
      print("Unsupported presentationMode $presentationMode");
  }
}