https://tmplab.org/wiki/index.php?action=history&feed=atom&title=Streaming_Video_Raspberry_Web_Interface 2026-04-13T17:03:20Z Revision history for this page on the wiki MediaWiki 1.30.1 https://tmplab.org/wiki/index.php?title=Streaming_Video_Raspberry_Web_Interface&diff=5727&oldid=prev 2015-01-18T22:02:42Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr style="vertical-align: top;" lang="en"> <td colspan="2" style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: white; color:black; text-align: center;">Revision as of 22:02, 18 January 2015</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5" >Line 5:</td> <td colspan="2" class="diff-lineno">Line 5:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This page explains the web interface vincib developped to drive the raspberry pi camera from a local machine, triggering the camera recording and saving files with their metadata.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>This page explains the web interface vincib developped to drive the raspberry pi camera from a local machine, triggering the camera recording and saving files with their metadata.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del class="diffchange diffchange-inline">principle </del>==</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Code at https://github.com/vincib/raspicamlive</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins class="diffchange diffchange-inline">principles </ins>==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* written in brutal php</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* written in brutal php</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >Line 14:</td> <td colspan="2" class="diff-lineno">Line 16:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''harddrive management''' detect usb or hdd plugged to the PI and format / mount / umount them</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''harddrive management''' detect usb or hdd plugged to the PI and format / mount / umount them</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''capture management''' allow to start / stop the video with various parameters (width height framerate bitrate whitebalance), allow to save metadata in a json file in the project folder too. show a picture preview for each new .TS file.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">DONE </ins>'''capture management''' allow to start / stop the video with various parameters (width height framerate bitrate whitebalance), allow to save metadata in a json file in the project folder too. show a picture preview for each new .TS file.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''video management''' show previous projects and their capture date, their duration etc. Allow to download a .MTS of a specific sequence (project, starttime, endtime)</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''video management''' show previous projects and their capture date, their duration etc. Allow to download a .MTS of a specific sequence (project, starttime, endtime)</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''settings''' change rsync server password, poweroff the pi, restart the pi, restart the video service</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins class="diffchange diffchange-inline">DONE </ins>'''settings''' change rsync server password, poweroff the pi, restart the pi, restart the video service</div></td></tr> </table>

Vincib https://tmplab.org/wiki/index.php?title=Streaming_Video_Raspberry_Web_Interface&diff=5724&oldid=prev 2015-01-18T00:52:51Z

<p>‎<span dir="auto"><span class="autocomment">interface menu</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr style="vertical-align: top;" lang="en"> <td colspan="2" style="background-color: white; color:black; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: white; color:black; text-align: center;">Revision as of 00:52, 18 January 2015</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >Line 14:</td> <td colspan="2" class="diff-lineno">Line 14:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''harddrive management''' detect usb or hdd plugged to the PI and format / mount / umount them</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''harddrive management''' detect usb or hdd plugged to the PI and format / mount / umount them</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* '''capture management''' allow to start / stop the video with various parameters (width height bitrate whitebalance), allow to save metadata in a json file in the project folder too. show a picture preview for each new .TS file.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* '''capture management''' allow to start / stop the video with various parameters (width height <ins class="diffchange diffchange-inline">framerate </ins>bitrate whitebalance), allow to save metadata in a json file in the project folder too. show a picture preview for each new .TS file.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''video management''' show previous projects and their capture date, their duration etc. Allow to download a .MTS of a specific sequence (project, starttime, endtime)</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''video management''' show previous projects and their capture date, their duration etc. Allow to download a .MTS of a specific sequence (project, starttime, endtime)</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''settings''' change rsync server password, poweroff the pi, restart the pi, restart the video service</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* '''settings''' change rsync server password, poweroff the pi, restart the pi, restart the video service</div></td></tr> </table>

Vincib https://tmplab.org/wiki/index.php?title=Streaming_Video_Raspberry_Web_Interface&diff=5723&oldid=prev 2015-01-18T00:51:18Z

<p>New page: == Streaming Video with a Raspberry pi, Web Interface == At the <a href="/wiki/index.php/Streaming_Video_With_RaspberryPi" title="Streaming Video With RaspberryPi">Streaming_Video_With_RaspberryPi</a> page, we see how to drive a raspberry pi to save video files locally, stream them usin...</p> <p><b>New page</b></p><div>== Streaming Video with a Raspberry pi, Web Interface ==<br /> <br /> At the [[Streaming_Video_With_RaspberryPi]] page, we see how to drive a raspberry pi to save video files locally, stream them using ffmpeg &amp; oggfwd on a secondary laptop.<br /> <br /> This page explains the web interface vincib developped to drive the raspberry pi camera from a local machine, triggering the camera recording and saving files with their metadata.<br /> <br /> == principle ==<br /> <br /> * written in brutal php<br /> * using bootstrap for beautiful interface :) <br /> * no db, only local files<br /> <br /> == interface menu ==<br /> <br /> * '''harddrive management''' detect usb or hdd plugged to the PI and format / mount / umount them<br /> * '''capture management''' allow to start / stop the video with various parameters (width height bitrate whitebalance), allow to save metadata in a json file in the project folder too. show a picture preview for each new .TS file.<br /> * '''video management''' show previous projects and their capture date, their duration etc. Allow to download a .MTS of a specific sequence (project, starttime, endtime)<br /> * '''settings''' change rsync server password, poweroff the pi, restart the pi, restart the video service</div>

Vincib