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

Use pagehide event on iOS

Browse source
This commit is contained in:
Robert Long 2021-08-04 17:40:25 -07:00
parent fc86ffbf80
commit f47b653932
1 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/ConferenceCallManagerHooks.js
View file

@ -17,6 +17,22 @@ limitations under the License.
import { useCallback, useEffect, useState } from "react";
import { ConferenceCallManager } from "./ConferenceCallManager";
// https://stackoverflow.com/a/9039885
function isIOS() {
return (
[
"iPad Simulator",
"iPhone Simulator",
"iPod Simulator",
"iPad",
"iPhone",
"iPod",
].includes(navigator.platform) ||
// iPad on iOS 13 detection
(navigator.userAgent.includes("Mac") && "ontouchend" in document)
);
}
export function useConferenceCallManager(homeserverUrl) {
const [{ loading, authenticated, manager, error }, setState] = useState({
loading: true,
@ -128,10 +144,13 @@ export function useVideoRoom(manager, roomId, timeout = 5000) {
manager.leaveCall();
}
window.addEventListener("beforeunload", onBeforeUnload);
// iOS doesn't fire beforeunload event, so leave the call when you hide the page.
const unloadEvent = isIOS() ? "pagehide" : "beforeunload";
window.addEventListener(unloadEvent, onBeforeUnload);
return () => {
window.removeEventListener("beforeunload", onBeforeUnload);
window.removeEventListener(unloadEvent, onBeforeUnload);
manager.leaveCall();
};
}, [manager]);