immich
immich copied to clipboard
immich-app
[BUG] iPhone 14 - 4K HDR videos do not load in Safari on MacOS
Describe the bug I synced the entire photo library on my iPhone to Immich (32,000+ photos and videos), everything went great for photos. However most larger videos do not load in the webUI within Safari on MacOS. I have verified that all adblockers and content blockers are disabled. This behavior does NOT exist when opening the site in Microsoft Edge on the same device, this only happens in Safari on a MacBook. You can look in webInspector in safari and see numerous "206 - Partial Content" errors when hovering over and clicking on larger video files. A preview image of these videos shows correctly, but the video will not play when hovered over or clicked on.
- Does NOT work on Safari in MacOS
- DOES work in Microsoft Edge (chromium) in MacOS
- DOES work in Safari on IOS
To Reproduce Steps to reproduce the behavior:
- Go to 'Photos'
- Click on 'Video Thumbnail'
- See that the video does not load
Expected behavior Video files should play within Safari
Screenshots The error below is returned for these videos when the video is hover Summary URL: http://192.168.1.12:2283/api/asset/file/c5a89655-74bc-447f-93b1-166661ee9172?isThumb=false&isWeb=true Status: 206 Partial Content Source: Network
Request Range: bytes=0-25244180 Accept: / Referer: http://192.168.1.12:2283/photos Accept-Encoding: identity Connection: Keep-Alive User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.2 Safari/605.1.15 X-Playback-Session-Id: 39019A1D-7368-4E59-84C6-CB83A01E377D
Response Content-Type: video/mp4 Content-Range: bytes 0-25244180/25244181 Date: Wed, 28 Dec 2022 10:46:50 GMT Content-Length: 25244181 Cache-Control: max-age=31536000 Connection: keep-alive Server: nginx/1.23.3 X-Powered-By: Express
Query String Parameters isThumb: false isWeb: true
System
- Phone OS [iOS, Android]:
<version> - Server Version:
1.40 - Mobile App Version:
1.40
I cannot reproduce the issue. Is there a specific video that you can share for testing?
Sure, what method do you prefer to share over. I tested this again in a inPrivate window to eliminate cache issues and you can see the numerous 206's
Here you go, this is actually downloaded from Immich, so the file is definitely there. I also tried playing it through the WebUI on another Mac in our house with the same result. The majority of my videos are like this. IMG_0676.mov.zip
Confirmed that I cannot play this video on Safari as well. Do you know of the device you used to capture this video? Might be some encoding that Safari doesn't like.
Safari is the new Internet Explorer 😛 . Nice capture of B17 BTW
it was captured on an iPhone 14, 4K - 30FPS, HDR. I can drag the file into safari and it plays it fine with QuickTime.
Thanks, I was on vacation and saw it. I was not sure what it was when I saw it flying along the beach until I went back and did some research, but I knew it had to be something special.
I can confirm the issue with safari. Whenever HDR is ON video won't play on Safari MacOSX. Tested with 4k and 1080p, 30fps, 60fps, HDR on/off. SW ver 1.50.1
I was about to file a new bug but this seems to be more or less the same thing. When hovering over 4K HDR files from my iPhone 14 Pro, Immich Web shows a red exclamation mark on the top right corner of the thumbnail and preview does not start (on macOS, Server version 1.59.1). However, Google Chrome shows the preview fine (in HDR on MBP 14"). I set up immich from scratch yesterday and had all assets be transcoded again - without success. Further examples, logs etc. can be provided upon request - happy to help :)
@maxbraun91 I believe this is an issue with Codec on Safari since it works on Chrome but not on Safari, correct?
@alextran1502 yes, might be due to the Codec. Other videos (e.g. Timelapse or TikTok-Downloads) work fine.
