706
edits
OpenGL Accelerated HTML Overlay/Examples/GStreamer Usage: Difference between revisions
OpenGL Accelerated HTML Overlay/Examples/GStreamer Usage (view source)
Revision as of 21:27, 1 October 2024
, Tuesday at 21:27→htmloverlay
m (→Use cases) |
|||
| Line 32: | Line 32: | ||
</source> | </source> | ||
[[File:Overlay jetson cam.mp4|800px|frameless|center]] | [[File:Overlay jetson cam.mp4|800px|frameless|center|alt=GStreamer example using HTML Overlay]] | ||
<u>'''On x86 platforms:'''</u> | <u>'''On x86 platforms:'''</u> | ||
| Line 40: | Line 40: | ||
gst-launch-1.0 videotestsrc pattern=ball ! "video/x-raw,height=720,width=1280,framerate=30/1" ! queue ! htmloverlay url="http://0.0.0.0:8000/fancy_overlay.html" enable-js=true web-refresh-rate=0 ! queue ! videoconvert ! xvimagesink | gst-launch-1.0 videotestsrc pattern=ball ! "video/x-raw,height=720,width=1280,framerate=30/1" ! queue ! htmloverlay url="http://0.0.0.0:8000/fancy_overlay.html" enable-js=true web-refresh-rate=0 ! queue ! videoconvert ! xvimagesink | ||
</source> | </source> | ||
[[File:Example simple overlay x86.mp4|800px|frameless|center]] | [[File:Example simple overlay x86.mp4|800px|frameless|center|alt=GStreamer example using HTML Overlay]] | ||
<br> | <br> | ||
'''With camera to file:''' | '''With camera to file:''' | ||
| Line 46: | Line 46: | ||
gst-launch-1.0 v4l2src num-buffers=100 ! videoconvert ! queue ! htmloverlay url="http://0.0.0.0:8000/fancy_overlay.html" enable-js=true web-refresh-rate=0 ! queue ! videoconvert ! x264enc ! h264parse ! qtmux ! filesink location=test.mp4 -v | gst-launch-1.0 v4l2src num-buffers=100 ! videoconvert ! queue ! htmloverlay url="http://0.0.0.0:8000/fancy_overlay.html" enable-js=true web-refresh-rate=0 ! queue ! videoconvert ! x264enc ! h264parse ! qtmux ! filesink location=test.mp4 -v | ||
</source> | </source> | ||
[[File:Webcam overlay.mp4|800px|frameless|center]] | [[File:Webcam overlay.mp4|800px|frameless|center|alt=GStreamer example using HTML Overlay]] | ||
== Use cases == | == Use cases == | ||