[Support]: Safari/iOS API Clip error #15384

jjavin · 2024-12-06T20:03:58Z

jjavin
Dec 6, 2024

Describe the problem you are having

When accessing the link https://xxxx/api/frigate/notifications/173xx95959.778578-xxxx/Portero/clip.mp4 it still does not load the video both on iOS and Safari, however the same link on Egde is visible correctly. In 0.14 works correctly, so maybe it was some change in 0.15.

Error in inspector: Failed to load resource:
<video controls="" autoplay="" src="https://xxxx/api/frigate/notifications/173xx95959.778578-xxxx/Portero/clip.mp4" type="video/mp4" class="media-document mac invalid video"></video>

Best regards and thanks for your work.

Version

0.15.0-c0ba98e

What browser(s) are you using?

Safari 18.1.1 (20619.2.8.11.12)

Frigate config file

qtt:
  host: 192.168.0.12
  port: 1883
  topic_prefix: frigate
  client_id: frigate
  user: ***
  password: ****
  stats_interval: 60
ffmpeg:
  hwaccel_args: preset-intel-qsv-h264
  output_args:
    record: preset-record-generic-audio-aac

##############################
go2rtc:
  streams:
    Pozo_H:
      - rtsp://*******:*******@192.168.2.126:554/h264Preview_01_main
      - ffmpeg:Pozo_H#audio=aac

    Pozo_L:
      - rtsp://*******:*******@192.168.2.126:554/h264Preview_01_sub
      - ffmpeg:Pozo_L#audio=aac
    Jacuzzi_H:
      - rtsp://*******:*******@192.168.2.119:554/h264Preview_01_main
      - ffmpeg:Jacuzzi_H#audio=aac#video=h264#hardware

    Jacuzzi_L:
      - rtsp://*******:*******@192.168.2.119:554/Preview_01_sub
      - ffmpeg:Jacuzzi_L#audio=aac
    Puerta_H:
      - rtsp://*******:*******@192.168.2.131:554/Preview_01_main
      - ffmpeg:Puerta_H#audio=aac#video=h264#hardware

    Puerta_L:
      - rtsp://*******:*******@192.168.2.131:554/h264Preview_01_sub
      - ffmpeg:Puerta_L#audio=aac
    Rocalla_H:
      - rtsp://*******:*******@192.168.2.77:554/Preview_01_main
      - ffmpeg:Rocalla_H#audio=aac

    Rocalla_L:
      - rtsp://*******:*******@192.168.2.77:554/h264Preview_01_sub
      - ffmpeg:Rocalla_L#audio=aac
    Portero_H:
      - rtsp://*******:*******@192.168.2.137:554/h264Preview_01_main
      - ffmpeg:Portero_H#audio=aac#audio=copy#audio=opus

    Portero_L:
      - rtsp://*******:*******@192.168.2.137:554/h264Preview_01_sub
      - ffmpeg:Portero_L#audio=aac
    Garaje_H:
      - rtsp://*******:*******@192.168.2.100:554/h264Preview_01_main
      - ffmpeg:Garaje_H#audio=aac

    Garaje_L:
      - rtsp://*******:*******@192.168.2.100:554/h264Preview_01_sub
      - ffmpeg:Garaje_L#audio=aac
    Interior_H:
      - rtsp://*******:*******@192.168.2.97:554/h264Preview_01_main
      - ffmpeg:Interior_H#audio=aac

    Interior_L:
      - rtsp://*******:*******@192.168.2.97:554/h264Preview_01_sub
      - ffmpeg:Interior_L#audio=aac
  webrtc:
    candidates:
      - 192.168.0.6:8555
      - stun:8555


detectors:
  coral:
    type: edgetpu
    device: usb

model:
  path: plus://*****

birdseye:
  enabled: true
  mode: continuous
  restream: true


cameras:

  Pozo:
    birdseye:
      order: 1
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Pozo_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Pozo_L?video=copy
          roles:
            - detect
    live:
      stream_name: Pozo_L
    detect:
      fps: 5
      enabled: true # <---- disable detection until you have a working camera feed
      width: 1536 # <---- update for your camera's resolution
      height: 576
    motion:
      threshold: 30
      contour_area: 10
      frame_height: 150
      mask:
        - 1536,290,1038,197,881,143,758,127,665,99,486,133,483,255,0,321,0,0,1536,0
    record:
      enabled: true
      retain:
        days: 10
        mode: all
      alerts:
        retain:
          days: 10
          mode: motion
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
          min_area: 500
        car:
          min_score: 0.70
#         threshold: 0.8
          threshold: .85
          min_area: 4000
          max_area: 100000
          mask:
            - 0,576,0,270,497,164,675,127,878,177,1387,576
  Jacuzzi:
    birdseye:
      order: 4
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Jacuzzi_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Jacuzzi_L?video=copy
          roles:
            - detect
    live:
      stream_name: Jacuzzi_L
    detect:
      fps: 5
      enabled: true # <---- disable detection until you have a working camera feed
      width: 1536 # <---- update for your camera's resolution
      height: 576
    motion:
      threshold: 30
      contour_area: 10
      frame_height: 150
      mask:
        - 0,0,0,304,280,281,345,269,457,41,321,193,842,152,916,187,1025,187,1536,31,1536,0,1536,0
    record:
      enabled: true
      retain:
        days: 10
        mode: all
      alerts:
        retain:
          days: 10
          mode: motion
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          min_score: 0.70
#         threshold: 0.8
          threshold: .85
          min_area: 4000
          max_area: 100000
          mask:
            - 0,576,0,270,497,164,675,127,878,177,1387,576
  Rocalla:
    birdseye:
      order: 1
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Rocalla_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Rocalla_L?video=copy
          roles:
            - detect
    onvif:
      host: 192.168.2.77
      port: 8000
      user: *******
      password: *******
    live:
      stream_name: Rocalla_H
    detect:
      fps: 5
      enabled: true # <---- disable detection until you have a working camera feed
      width: 640 # <---- update for your camera's resolution
      height: 360
    motion:
      threshold: 30
      contour_area: 10
      frame_height: 150
    record:
      enabled: true
      retain:
        days: 10
        mode: all
      alerts:
        retain:
          days: 10
          mode: motion
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          min_score: 0.70
#         threshold: 0.8
          threshold: .85
          min_area: 4000
          max_area: 100000
  Garaje:
    birdseye:
      order: 4
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Garaje_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Garaje_L?video=copy
          roles:
            - detect
    onvif:
      host: 192.168.2.100
      port: 8000
      user: *******
      password: *******
    live:
      stream_name: Garaje_H
    detect:
      fps: 5
      enabled: true # <---- disable detection until you have a working camera feed
      width: 640 # <---- update for your camera's resolution
      height: 480
    motion:
      threshold: 30
      contour_area: 10
      frame_height: 150
    record:
      enabled: true
      retain:
        days: 10
        mode: all
      alerts:
        retain:
          days: 10
          mode: motion
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          min_score: 0.70
#          threshold: 0.8
          threshold: .85
          min_area: 4000
          max_area: 100000
  Interior:
    birdseye:
      order: 4
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Interior_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Interior_L?video=copy
          roles:
            - detect
    onvif:
      host: 192.168.2.97
      port: 8000
      user: *******
      password: *******
    live:
      stream_name: Interior_H
    detect:
      fps: 5
      enabled: true # <---- disable detection until you have a working camera feed
      width: 640 # <---- update for your camera's resolution
      height: 360
    motion:
      threshold: 30
      contour_area: 10
      frame_height: 150
    record:
      enabled: false
      retain:
        days: 10
        mode: all
      alerts:
        retain:
          days: 10
          mode: motion
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          min_score: 0.70
#         threshold: 0.8
          threshold: .85
          min_area: 4000
          max_area: 100000
  Puerta:
    birdseye:
      order: 2
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Puerta_L?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Puerta_L?video=copy
          roles:
            - detect
      output_args:
        record: preset-record-generic-audio-copy
    live:
      stream_name: Puerta_L
    detect:
      enabled: true # <---- disable detection until you have a working camera feed
      width: 1536
      height: 432
      fps: 5
    motion:
      threshold: 30
      contour_area: 10
    record:
      enabled: true
      retain:
        days: 10
        mode: all
    snapshots:
      required_zones:
        - todas
        - entrada_casa
    zones:
      todas:
        coordinates: 753,432,0,432,0,0,1536,0,1536,432
        objects:
          - dog
          - cat
          - face
          - package
          - license_plate
          - amazon
          - ups
          - fedex
          - person
      entrada_casa:
        coordinates: 68,432,331,248,719,250,870,432
        objects:
          - car
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          min_score: 0.70
#        threshold: 0.8
          min_area: 4000
#        max_area: 100000    
          mask:
            - 469,59,348,242,998,187,989,34
            - 681,0,0,0,0,432
    review:
      alerts:
        required_zones:
          - todas
          - entrada_casa
  Portero:
    birdseye:
      order: 3
    ffmpeg:
      inputs:
        - path: rtsp://127.0.0.1:8554/Portero_H?video=copy&audio=aac
          roles:
            - record
        - path: rtsp://127.0.0.1:8554/Portero_L?video=copy
          roles:
            - detect
      output_args:
        record: preset-record-generic-audio-copy
    live:
      stream_name: Portero_H
    detect:
      enabled: true # <---- disable detection until you have a working camera feed
      width: 640 # <---- update for your camera's resolution
      height: 480
      fps: 5
    motion:
#      threshold: 30
#      contour_area: 10
      mask:
        - 0,0,0,299,40,250,99,246,178,201,231,170,253,144,368,39,640,0,640,0
    record:
      enabled: true
      retain:
        days: 10
        mode: all
    objects:
      track:
        - person
        - face
        - license_plate
        - dog
        - cat
        - car
        - amazon
        - fedex
        - ups
        - package
      filters:
        dog:
          min_score: .7
          threshold: .9
        cat:
          min_score: .7
          threshold: .9
        face:
          min_score: .7
        package:
          min_score: .65
          threshold: .9
        license_plate:
          min_score: .6
        amazon:
          min_score: .75
        ups:
          min_score: .75
        fedex:
          min_score: .75
        person:
          min_score: .7
          threshold: .75
          max_area: 60000
          max_ratio: 0.7
        car:
          mask:
            - 640,159,520,242,640,350
          min_area: 500
timestamp_style:
  position: tl
  format: '%d/%m/%Y %H:%M:%S'
  color:
    red: 255
    green: 255
    blue: 255
  thickness: 2
snapshots:
  enabled: true
  timestamp: true
  bounding_box: true
  retain:
    default: 30
version: 0.15-0
camera_groups:
  Interior:
    order: 1
    icon: LuWarehouse
    cameras:
      - Interior
      - Garaje
  Exterior:
    order: 2
    icon: LuFlower2
    cameras:
      - Jacuzzi
      - Portero
      - Pozo
      - Puerta
      - Rocalla
auth:
  failed_login_rate_limit: 1/second;5/minute;20/hour
  trusted_proxies:
    - 172.18.0.0/16
tls:
  enabled: true
notifications:
  enabled: 'true'
  email: ********

Relevant Frigate log output

Nothing

Relevant go2rtc log output

Nothing

FFprobe output from your camera

tream data is obtained with ffprobe.
Stream 1
Video:
Codec: H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10
Resolution: 1536x432 (32/9 aspect ratio)
FPS: 20/1
Audio:
Codec: AAC (Advanced Audio Coding)
Stream 2
Video:
Codec: H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10
Resolution: 1536x432 (32/9 aspect ratio)
FPS: 20/1

Frigate stats

No response

Install method

Proxmox via Docker

docker-compose file or Docker CLI command

version: '3.9'
      - /etc/localtime:/etc/localtime:ro
services:opt/frigate/config:/config
      - /cctv_clips:/media/frigate
  frigate:tc/letsencrypt/live/frigate:/etc/letsencrypt/live/frigate:ro
    container_name: frigatenal: 1GB of memory, reduces SSD/SD Card wear
    privileged: true/cache
#    restart: unless-stopped
    image: ghcr.io/blakeblackshear/frigate:edaccd8
    cap_add:
      - CAP_PERFMON 
    shm_size: "2048mb" # update for your cameras based on calculation above
    devices:5:1935" # RTMP feeds
      - /dev/bus/usb:/dev/bus/usb
      - /dev/dri/renderD128 # for intel hwaccel, needs to be updated for your hardware
    volumes:
      - /etc/localtime:/etc/localtime:ro
      - /opt/frigate/config:/config
      - /cctv_clips:/media/frigate
      - /etc/letsencrypt/live/frigate:/etc/letsencrypt/live/frigate:ro
      - type: tmpfs # Optional: 1GB of memory, reduces SSD/SD Card wear
        target: /tmp/cache
        tmpfs:
          size: 1000000000
    ports:
      - "5000:5000"
      - "443:8971"
      - "1935:1935" # RTMP feeds
      - "8554:8554" # RTSP feeds
      - "8555:8555/tcp" # WebRTC over tcp
      - "8555:8555/udp" # WebRTC over udp
      - "1984:1984"
    environment:
      FRIGATE_RTSP_PASSWORD: "xxxx"
      PLUS_API_KEY: "xxx"
      FRIGATE_JWT_SECRET: “xxx”
      LIBVA_DRIVER_NAME: iHD
    restart: always
    mem_limit: 7.9G
    cpus: 3.9

Object Detector

Coral

Network connection

Wired

Camera make and model

Reolink (Different models)

Screenshots of the Frigate UI's System metrics pages

No response

Any other information that may be helpful

No response

Answered by NickM-27

Dec 7, 2024

So it looks like Safari is incapable of handling streaming response MP4 videos. In any case, this is going to be inefficient to handle and safari does support m3u8 natively so the recommendation will be to use the /vod/event/{event_id}/master.m3u8 API call to view videos for iOS instead of the clip API

View full answer

NickM-27 · 2024-12-06T20:07:31Z

NickM-27
Dec 6, 2024
Collaborator Sponsor

I'd suggest trying to view the resource directly from Frigate's server and see if the issue still reproduces, I have no such issue viewing directly so it appears to be something related to home assistant displaying the video element

5 replies

jjavin Dec 6, 2024
Author

Thank you for your quick response,
I have tried with:
http://192.168.0.6:5000/api/events/1733492341.978301-eh1pny/clip.mp4
In Safari and iOS it stays like this:

Captura de pantalla 2024-12-06 a las 21 14 06

While in Edge it loads correctly:

Thank you!

hawkeye217 Dec 6, 2024
Collaborator

What video and audio codecs are being used?

jjavin Dec 6, 2024
Author

Excuse my ignorance, where could I see that? This maybe?

Stream 1
Video:
Codec: H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10
Resolution: 640x480 (4/3 aspect ratio)
FPS: 15/1
Audio:
Codec: AAC (Advanced Audio Coding)
Stream 2
Video:
Codec: H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10
Resolution: 640x480 (4/3 aspect ratio)
FPS: 15/1

NickM-27 Dec 6, 2024
Collaborator Sponsor

Okay, so looks like Safari isn't handling the streaming video response for some reason

jjavin Dec 6, 2024
Author

In case it helps, from Frigate (without the API) it works correctly in Live, Review and Explore in both Safari for Mac and Safari for iOS.

Best regards and thanks

blesswinsamuel · 2024-12-07T11:16:47Z

blesswinsamuel
Dec 7, 2024

I've been seeing the same problem for a while. I'm running 0.15.0-beta2.

In the console, it says "Failed to load resource: Plug-in handled load".

These may have some hints to fix it:
https://stackoverflow.com/a/26972619/1421222
https://stackoverflow.com/a/32998689/1421222

It looks like this is the problem:

Safari expects to see a '206' response when it sends a request with a byte range. If the server responds with a '200' request it appears Safari cannot handle this. Some other browsers seem to be ok with this - for example Chrome.

1 reply

NickM-27 Dec 7, 2024
Collaborator Sponsor

I tried that but it does not help, this is a streaming response not a byte range request so I don't think it is the same issue.

NickM-27 · 2024-12-07T18:27:32Z

NickM-27
Dec 7, 2024
Collaborator Sponsor

So it looks like Safari is incapable of handling streaming response MP4 videos. In any case, this is going to be inefficient to handle and safari does support m3u8 natively so the recommendation will be to use the /vod/event/{event_id}/master.m3u8 API call to view videos for iOS instead of the clip API

5 replies

NickM-27 Dec 7, 2024
Collaborator Sponsor

the integration will be updated to expose this

jjavin Dec 7, 2024
Author

Thank you very much, Regards

scarlac Jun 28, 2025

I wasn't able to figure out how to enable m3u8 support.
Issue #145020 is tracking the issue for iOS (and Safari on macOS).

Any update on this integration change?

NickM-27 Jun 28, 2025
Collaborator Sponsor

integration changes have been in and released for some time

hawkeye217 Jun 28, 2025
Collaborator

Frigate already supports m3u8 playlists as mentioned above. iOS doesn't support progressive mp4 files, so if you are trying to retrieve a clip, you should use frigate_ip:5000/vod/event/{event_id}/master.m3u8 instead of frigate_ip:5000/api/event/{event_id}/clip.mp4.

https://docs.frigate.video/integrations/api/event-clip-events-event-id-clip-mp-4-get
https://docs.frigate.video/integrations/api/vod-event-vod-event-event-id-get

Uh oh!

[Support]: Safari/iOS API Clip error #15384

Uh oh!

jjavin Dec 6, 2024

Describe the problem you are having

Version

What browser(s) are you using?

Frigate config file

Relevant Frigate log output

Relevant go2rtc log output

FFprobe output from your camera

Frigate stats

Install method

docker-compose file or Docker CLI command

Object Detector

Network connection

Camera make and model

Screenshots of the Frigate UI's System metrics pages

Any other information that may be helpful

Replies: 3 comments · 11 replies

Uh oh!

NickM-27 Dec 6, 2024 Collaborator Sponsor

Uh oh!

jjavin Dec 6, 2024 Author

Uh oh!

hawkeye217 Dec 6, 2024 Collaborator

Uh oh!

Uh oh!

jjavin Dec 6, 2024 Author

Uh oh!

NickM-27 Dec 6, 2024 Collaborator Sponsor

Uh oh!

jjavin Dec 6, 2024 Author

Uh oh!

Uh oh!

blesswinsamuel Dec 7, 2024

Uh oh!

NickM-27 Dec 7, 2024 Collaborator Sponsor

Uh oh!

NickM-27 Dec 7, 2024 Collaborator Sponsor

Uh oh!

NickM-27 Dec 7, 2024 Collaborator Sponsor

Uh oh!

jjavin Dec 7, 2024 Author

Uh oh!

scarlac Jun 28, 2025

Uh oh!

NickM-27 Jun 28, 2025 Collaborator Sponsor

Uh oh!

hawkeye217 Jun 28, 2025 Collaborator

jjavin
Dec 6, 2024

Replies: 3 comments 11 replies

NickM-27
Dec 6, 2024
Collaborator Sponsor

jjavin Dec 6, 2024
Author

hawkeye217 Dec 6, 2024
Collaborator

jjavin Dec 6, 2024
Author

NickM-27 Dec 6, 2024
Collaborator Sponsor

jjavin Dec 6, 2024
Author

blesswinsamuel
Dec 7, 2024

NickM-27 Dec 7, 2024
Collaborator Sponsor

NickM-27
Dec 7, 2024
Collaborator Sponsor

NickM-27 Dec 7, 2024
Collaborator Sponsor

jjavin Dec 7, 2024
Author

NickM-27 Jun 28, 2025
Collaborator Sponsor

hawkeye217 Jun 28, 2025
Collaborator