[Support]: Vertical Video Issues in WEB UI
See original GitHub issueDescribe the problem you are having
How to show vertical video in webUI… VLC works fine
Raw RSTP
Frigate
Version
11 - Latest
Frigate config file
driveway:
ffmpeg:
hwaccel_args: -c:v h264_cuvid
inputs:
- path: rtsp://192.168.1.13:8554/garage-driveway
roles:
- detect
- record
# Optional: Live stream configuration for WebUI
live:
# Optional: Set the height of the live stream. (default: 720)
# This must be less than or equal to the height of the detect stream. Lower resolutions
# reduce bandwidth required for viewing the live stream. Width is computed to match known aspect ratio.
height: 1728
# Optional: Set the encode quality of the live stream (default: shown below)
# 1 is the highest quality, and 31 is the lowest. Lower quality feeds utilize less CPU resources.
quality: 1
snapshots:
bounding_box: true
detect:
width: 1280
height: 720
fps: 5
record:
enabled: True
retain:
days: 15
mode: motion
events:
retain:
default: 15
mode: active_objects
objects:
track:
- person
- car
- dog
- cat
Relevant log output
"driveway": {
"best_image_timeout": 60,
"birdseye": {
"enabled": true,
"mode": "objects"
},
"detect": {
"enabled": true,
"fps": 5,
"height": 720,
"max_disappeared": 25,
"stationary": {
"interval": 0,
"max_frames": {
"default": null,
"objects": {}
},
"threshold": 50
},
"width": 1280
},
"ffmpeg": {
"global_args": [
"-hide_banner",
"-loglevel",
"warning"
],
"hwaccel_args": "-c:v h264_cuvid",
"input_args": [
"-avoid_negative_ts",
"make_zero",
"-fflags",
"+genpts+discardcorrupt",
"-rtsp_transport",
"tcp",
"-timeout",
"5000000",
"-use_wallclock_as_timestamps",
"1"
],
"inputs": [
{
"global_args": [],
"hwaccel_args": [],
"input_args": [],
"path": "rtsp://192.168.1.13:8554/garage-driveway",
"roles": [
"record",
"rtmp",
"detect"
]
}
],
"output_args": {
"detect": [
"-f",
"rawvideo",
"-pix_fmt",
"yuv420p"
],
"record": [
"-f",
"segment",
"-segment_time",
"10",
"-segment_format",
"mp4",
"-reset_timestamps",
"1",
"-strftime",
"1",
"-c",
"copy",
"-an"
],
"rtmp": [
"-c",
"copy",
"-f",
"flv"
]
}
},
"ffmpeg_cmds": [
{
"cmd": "ffmpeg -hide_banner -loglevel warning -c:v h264_cuvid -avoid_negative_ts make_zero -fflags +genpts+discardcorrupt -rtsp_transport tcp -timeout 5000000 -use_wallclock_as_timestamps 1 -i rtsp://192.168.1.13:8554/garage-driveway -f segment -segment_time 10 -segment_format mp4 -reset_timestamps 1 -strftime 1 -c copy -an /tmp/cache/driveway-%Y%m%d%H%M%S.mp4 -c copy -f flv rtmp://127.0.0.1/live/driveway -r 5 -s 1280x720 -f rawvideo -pix_fmt yuv420p pipe:",
"roles": [
"record",
"rtmp",
"detect"
]
}
],
"live": {
"height": 1728,
"quality": 1
},
"motion": {
"contour_area": 30,
"delta_alpha": 0.2,
"frame_alpha": 0.2,
"frame_height": 50,
"improve_contrast": false,
"mask": "",
"mqtt_off_delay": 30,
"threshold": 25
},
"mqtt": {
"bounding_box": true,
"crop": true,
"enabled": true,
"height": 270,
"quality": 70,
"required_zones": [],
"timestamp": true
},
"name": "driveway",
"objects": {
"filters": {
"car": {
"mask": null,
"max_area": 24000000,
"max_ratio": 24000000,
"min_area": 0,
"min_ratio": 0,
"min_score": 0.5,
"threshold": 0.7
},
"cat": {
"mask": null,
"max_area": 24000000,
"max_ratio": 24000000,
"min_area": 0,
"min_ratio": 0,
"min_score": 0.5,
"threshold": 0.7
},
"dog": {
"mask": null,
"max_area": 24000000,
"max_ratio": 24000000,
"min_area": 0,
"min_ratio": 0,
"min_score": 0.5,
"threshold": 0.7
},
"person": {
"mask": null,
"max_area": 24000000,
"max_ratio": 24000000,
"min_area": 0,
"min_ratio": 0,
"min_score": 0.5,
"threshold": 0.7
}
},
"mask": "",
"track": [
"person",
"car",
"dog",
"cat"
]
},
"record": {
"enabled": true,
"events": {
"objects": null,
"post_capture": 5,
"pre_capture": 5,
"required_zones": [],
"retain": {
"default": 15,
"mode": "active_objects",
"objects": {}
}
},
"expire_interval": 60,
"retain": {
"days": 15,
"mode": "motion"
},
"retain_days": null
},
"rtmp": {
"enabled": true
},
"snapshots": {
"bounding_box": true,
"clean_copy": true,
"crop": false,
"enabled": false,
"height": null,
"quality": 70,
"required_zones": [],
"retain": {
"default": 10,
"mode": "motion",
"objects": {}
},
"timestamp": false
},
"timestamp_style": {
"color": {
"blue": 255,
"green": 255,
"red": 255
},
"effect": null,
"format": "%m/%d/%Y %H:%M:%S",
"position": "tl",
"thickness": 2
},
"ui": {
"dashboard": true,
"order": 0
},
"zones": {}
},
FFprobe output from your camera
n/a
Frigate stats
No response
Operating system
Debian
Install method
Docker Compose
Coral version
USB
Network connection
Wired
Camera make and model
Wyze Doorbell
Any other information that may be helpful
https://github.com/mrlt8/docker-wyze-bridge
Rotate set to True
VLC works fine
Issue Analytics
- State:
- Created a year ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
YouTube's website now supports vertical videos without black ...
YouTube will now display vertical videos on desktop without black bars on the side. It rolled out an update to its desktop player...
Read more >Web UI stretches videos with vertical aspect ratio #3683 - GitHub
I've noticed a number of times in the past that videos recorded on my phone held upright (i.e. with a vertical aspect ratio)...
Read more >Editing Upright: Vertical Videos Revealed - FXhome
The shape of our shots has been changed. This guide looks at the rise of vertical video alongside how to edit vertical videos...
Read more >Vertical Video - Dribbble
Discover 1 Vertical Video design on Dribbble. Your resource to discover and connect with designers worldwide.
Read more >YouTube and Full-Screen Playback of Vertical Videos
YouTube has added support for full-screen playback of vertical videos in their latest iOS app update. The new version follows a mobile web...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I see what you’re saying, but the docs also do say that detect width/height should match the actual camera feed and in this case it didn’t.
In any case, we’re looking to revamp the docs and live view options in the next update so that should get better anyway.
No worries. Someone someday will find this in a search and will be all set!