administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-03 17:55:21 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Add message about MSE on iOS

Browse Source
This commit is contained in:
Nick Mowen 2022-12-17 14:42:24 -07:00
parent f90053b28c
commit 0029ee5c8a
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/routes/Camera.jsx
View File

@ -15,6 +15,7 @@ import { useApiHost } from '../api';
import useSWR from 'swr'; import useSWR from 'swr';
import WebRtcPlayer from '../components/WebRtcPlayer'; import WebRtcPlayer from '../components/WebRtcPlayer';
import MsePlayer from '../components/MsePlayer'; import MsePlayer from '../components/MsePlayer';
import videojs from 'video.js';
const emptyObject = Object.freeze({}); const emptyObject = Object.freeze({});
@ -98,13 +99,23 @@ export default function Camera({ camera }) {
let player; let player;
if (viewMode === 'live') { if (viewMode === 'live') {
if (viewSource == 'mse') { if (viewSource == 'mse') {
player = ( if (videojs.browser.IS_IOS) {
<Fragment> player = (
<div className="max-w-5xl"> <Fragment>
<MsePlayer camera={camera} /> <div className="w-5xl text-center text-sm">
</div> MSE is not supported on iOS devices. You'll need to use jsmpeg or webRTC. See the docs for more info.
</Fragment> </div>
); </Fragment>
);
} else {
player = (
<Fragment>
<div className="max-w-5xl">
<MsePlayer camera={camera} />
</div>
</Fragment>
);
}
} else if (viewSource == 'webrtc') { } else if (viewSource == 'webrtc') {
player = ( player = (
<Fragment> <Fragment>