735
edits
OpenGL Accelerated HTML Overlay/Performance/NVIDIA Jetson: Difference between revisions
OpenGL Accelerated HTML Overlay/Performance/NVIDIA Jetson (view source)
Revision as of 14:38, 23 June 2023
, 23 June 2023no edit summary
No edit summary |
No edit summary |
||
| Line 79: | Line 79: | ||
The plugin was tested with an example overlay and a camera, using a Jetson Xavier NX with Jetpack 5.1.1 and with the 10W-4 core desktop power mode. The measurements were taken with the following pipeline, using gst-shark: | The plugin was tested with an example overlay and a camera, using a Jetson Xavier NX with Jetpack 5.1.1 and with the 10W-4 core desktop power mode. The measurements were taken with the following pipeline, using gst-shark: | ||
<pre> | <pre> | ||
GST_DEBUG="GST_TRACER:7" GST_TRACERS="cpuusage;framerate;interlatency" gst-launch-1.0 nvarguscamerasrc num-buffers=500 ! "video/x-raw(memory:NVMM),height=1080,width=1920,framerate=30/1" ! nvvidconv ! queue ! htmloverlay url="http://localhost:8000/sample_overlay.html" enable-js=true web-refresh-rate=10 ! queue ! nvvidconv ! xvimagesink --gst-plugin-path=/usr/local/lib/aarch64-linux-gnu/gstreamer-1.0 -v | |||
</pre> | </pre> | ||
The overlay used: | The overlay used: | ||
| Line 95: | Line 95: | ||
margin-right: 3px; | margin-right: 3px; | ||
} | } | ||
.row { | .row {height: 50%;} | ||
@keyframes flickerAnimation { | @keyframes flickerAnimation { | ||
0% { | 0% {opacity: 1;} | ||
50% {opacity: 0;} | |||
100% {opacity: 1;} | |||
50% { | |||
100% { | |||
} | } | ||
@-o-keyframes flickerAnimation { | @-o-keyframes flickerAnimation { | ||
0% { | 0% {opacity: 1;} | ||
50% {opacity: 0;} | |||
100% {opacity: 1;} | |||
50% { | |||
100% { | |||
} | } | ||
@-moz-keyframes flickerAnimation { | @-moz-keyframes flickerAnimation { | ||
0% { | 0% {opacity: 1;} | ||
50% {opacity: 0;} | |||
100% {opacity: 1;} | |||
50% { | |||
100% { | |||
} | } | ||
@-webkit-keyframes flickerAnimation { | @-webkit-keyframes flickerAnimation { | ||
0% { | 0% {opacity: 1;} | ||
50% {opacity: 0;} | |||
100% {opacity: 1;} | |||
50% { | |||
100% { | |||
} | } | ||
#rec { | #rec { | ||