jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: fix stream playback on safari

Browse source
This commit is contained in:
nick-delirium 2024-09-11 12:23:30 +02:00
parent e71606b990
commit 1bc840cb89
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/app/components/Spots/SpotPlayer/components/SpotVideoContainer.tsx
View file

@ -70,9 +70,14 @@ function SpotVideoContainer({
}
import('hls.js').then(({ default: Hls }) => {
if (Hls.isSupported() && videoRef.current) {
videoRef.current.addEventListener('loadeddata', () => {
const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
if (isSafari) {
setLoaded(true);
});
} else {
videoRef.current.addEventListener('loadeddata', () => {
setLoaded(true);
});
}
if (streamFile) {
const hls = new Hls({
// not needed for small videos (we have 3 min limit and 720 quality with half kbps)
@ -115,6 +120,10 @@ function SpotVideoContainer({
videoRef.current.src = videoURL;
startPlaying();
}
} else if (streamFile && videoRef.current && videoRef.current.canPlayType('application/vnd.apple.mpegurl')) {
setLoaded(true);
videoRef.current.src = URL.createObjectURL(base64toblob(streamFile));
startPlaying();
} else {
if (videoRef.current) {
videoRef.current.addEventListener('loadeddata', () => {
@ -222,6 +231,7 @@ function SpotVideoContainer({
ref={videoRef}
poster={thumbnail}
autoPlay
playsInline
className={
'object-contain absolute top-0 left-0 w-full h-full bg-gray-lightest cursor-pointer'
}