xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Handle screen-sharing feed ending

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-08-19 17:16:57 +02:00
commit af7daee3e7
No known key found for this signature in database
GPG key ID: D1D45825D60C24D2
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/video-grid/useFullscreen.tsx
View file

@ -15,10 +15,11 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
import { useCallback, useState } from "react";
import { useCallback, useEffect, useState } from "react";
import { Participant } from "../room/InCallView";
import { useEventTarget } from "../useEvents";
import { useCallFeed } from "./useCallFeed";
export function useFullscreen(ref: React.RefObject<HTMLElement>): {
toggleFullscreen: (participant: Participant) => void;
@ -26,6 +27,7 @@ export function useFullscreen(ref: React.RefObject<HTMLElement>): {
} {
const [fullscreenParticipant, setFullscreenParticipant] =
useState<Participant | null>(null);
const { disposed } = useCallFeed(fullscreenParticipant?.callFeed);
const toggleFullscreen = useCallback(
(participant: Participant) => {
@ -52,5 +54,12 @@ export function useFullscreen(ref: React.RefObject<HTMLElement>): {
useEventTarget(ref.current, "fullscreenchange", onFullscreenChanged);
useEffect(() => {
if (disposed) {
document.exitFullscreen();
setFullscreenParticipant(null);
}
}, [disposed]);
return { toggleFullscreen, fullscreenParticipant };
}