Mirror/AI-on-the-edge-device-docs
1
0
Fork 0
mirror of https://github.com/jomjol/AI-on-the-edge-device-docs.git synced 2025-12-07 20:16:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

Deployed 95cc450 with MkDocs version: 1.6.1

Browse Source
This commit is contained in:
github-actions[bot]
2025-03-15 21:29:22 +00:00
parent e8c55ef270
commit cf74d0ca89
2 changed files with 142 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
Demo-Mode/index.html
View File

@@ -471,6 +471,59 @@
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#use-prepared-images">1.3
<span class="md-ellipsis">
Use prepared images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#how-does-it-work">1.4
<span class="md-ellipsis">
How does it work
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#example-data-of-a-water-meter">1.5
<span class="md-ellipsis">
Example Data of a Water Meter
</span>
</a>
<nav aria-label="Example Data of a Water Meter" class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a class="md-nav__link" href="#animation">1.5.1
<span class="md-ellipsis">
Animation
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#selection-of-84-images">1.5.2
<span class="md-ellipsis">
Selection of 84 images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#selection-of-42-images">1.5.3
<span class="md-ellipsis">
Selection of 42 images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#all-images-843-images">1.5.4
<span class="md-ellipsis">
All images (843 images)
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
@@ -689,6 +742,59 @@
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#use-prepared-images">1.3
<span class="md-ellipsis">
Use prepared images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#how-does-it-work">1.4
<span class="md-ellipsis">
How does it work
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#example-data-of-a-water-meter">1.5
<span class="md-ellipsis">
Example Data of a Water Meter
</span>
</a>
<nav aria-label="Example Data of a Water Meter" class="md-nav">
<ul class="md-nav__list">
<li class="md-nav__item">
<a class="md-nav__link" href="#animation">1.5.1
<span class="md-ellipsis">
Animation
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#selection-of-84-images">1.5.2
<span class="md-ellipsis">
Selection of 84 images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#selection-of-42-images">1.5.3
<span class="md-ellipsis">
Selection of 42 images
</span>
</a>
</li>
<li class="md-nav__item">
<a class="md-nav__link" href="#all-images-843-images">1.5.4
<span class="md-ellipsis">
All images (843 images)
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
@@ -726,53 +832,52 @@
<li>Use the Webhook to send the raw image on each round to a dedicated server, see <a href="../Webhook">Webhook</a> resp. <a href="Parameters/#parameter-uploadimg">../Parameter <code>UploadImg</code></a>.</li>
<li>
<p>Another option is to pull the images periodically from <code>http://&lt;IP&gt;/img_tmp/raw.jpg</code>. Eg. with an external service. Below is a (Linux)-Bash script to do it:</p>
<p>```bash</p>
<h1 id="binbash"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.</span> !/bin/bash</h1>
<p>while [[ true ]]; do
echo "fetching value..."
wget -q http://192.168.1.151/value -O value.txt</p>
<div class="language-text highlight"><pre><span></span><code>value=`cat value.txt`
echo "Value: $value"
diff=`diff value.txt value_previous.txt`
changed=$?
#echo "Diff: $diff"
if [[ $changed -ne 0 ]]; then
echo "Value changed:"
echo $diff
echo "fetching image..."
wget -q http://192.168.1.151/img_tmp/raw.jpg -O $value.jpg
else
echo "Value did not change, skipping image fetching!"
fi
cp value.txt value_previous.txt
echo "waiting 60s..."
sleep 60
</code></pre></div>
<p>done
```</p>
<h2 id="use-prepared-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.1</span> Use prepared images</h2>
<p>See the selection below with prepared images.</p>
<div class="language-Bash highlight"><pre><span></span><code><span id="__span-1-1"><a href="#__codelineno-1-1" id="__codelineno-1-1" name="__codelineno-1-1"></a><span class="ch">#!/bin/bash</span>
</span><span id="__span-1-2"><a href="#__codelineno-1-2" id="__codelineno-1-2" name="__codelineno-1-2"></a><span class="k">while</span><span class="w"> </span><span class="o">[[</span><span class="w"> </span><span class="nb">true</span><span class="w"> </span><span class="o">]]</span><span class="p">;</span><span class="w"> </span><span class="k">do</span>
</span><span id="__span-1-3"><a href="#__codelineno-1-3" id="__codelineno-1-3" name="__codelineno-1-3"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"fetching value..."</span>
</span><span id="__span-1-4"><a href="#__codelineno-1-4" id="__codelineno-1-4" name="__codelineno-1-4"></a><span class="w"> </span>wget<span class="w"> </span>-q<span class="w"> </span>http://192.168.1.151/value<span class="w"> </span>-O<span class="w"> </span>value.txt
</span><span id="__span-1-5"><a href="#__codelineno-1-5" id="__codelineno-1-5" name="__codelineno-1-5"></a>
</span><span id="__span-1-6"><a href="#__codelineno-1-6" id="__codelineno-1-6" name="__codelineno-1-6"></a><span class="w"> </span><span class="nv">value</span><span class="o">=</span><span class="sb">`</span>cat<span class="w"> </span>value.txt<span class="sb">`</span>
</span><span id="__span-1-7"><a href="#__codelineno-1-7" id="__codelineno-1-7" name="__codelineno-1-7"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"Value: </span><span class="nv">$value</span><span class="s2">"</span>
</span><span id="__span-1-8"><a href="#__codelineno-1-8" id="__codelineno-1-8" name="__codelineno-1-8"></a>
</span><span id="__span-1-9"><a href="#__codelineno-1-9" id="__codelineno-1-9" name="__codelineno-1-9"></a><span class="w"> </span><span class="nv">diff</span><span class="o">=</span><span class="sb">`</span>diff<span class="w"> </span>value.txt<span class="w"> </span>value_previous.txt<span class="sb">`</span>
</span><span id="__span-1-10"><a href="#__codelineno-1-10" id="__codelineno-1-10" name="__codelineno-1-10"></a><span class="w"> </span><span class="nv">changed</span><span class="o">=</span><span class="nv">$?</span>
</span><span id="__span-1-11"><a href="#__codelineno-1-11" id="__codelineno-1-11" name="__codelineno-1-11"></a><span class="w"> </span><span class="c1">#echo "Diff: $diff"</span>
</span><span id="__span-1-12"><a href="#__codelineno-1-12" id="__codelineno-1-12" name="__codelineno-1-12"></a>
</span><span id="__span-1-13"><a href="#__codelineno-1-13" id="__codelineno-1-13" name="__codelineno-1-13"></a><span class="w"> </span><span class="k">if</span><span class="w"> </span><span class="o">[[</span><span class="w"> </span><span class="nv">$changed</span><span class="w"> </span>-ne<span class="w"> </span><span class="m">0</span><span class="w"> </span><span class="o">]]</span><span class="p">;</span><span class="w"> </span><span class="k">then</span>
</span><span id="__span-1-14"><a href="#__codelineno-1-14" id="__codelineno-1-14" name="__codelineno-1-14"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"Value changed:"</span>
</span><span id="__span-1-15"><a href="#__codelineno-1-15" id="__codelineno-1-15" name="__codelineno-1-15"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="nv">$diff</span>
</span><span id="__span-1-16"><a href="#__codelineno-1-16" id="__codelineno-1-16" name="__codelineno-1-16"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"fetching image..."</span>
</span><span id="__span-1-17"><a href="#__codelineno-1-17" id="__codelineno-1-17" name="__codelineno-1-17"></a><span class="w"> </span>wget<span class="w"> </span>-q<span class="w"> </span>http://192.168.1.151/img_tmp/raw.jpg<span class="w"> </span>-O<span class="w"> </span><span class="nv">$value</span>.jpg
</span><span id="__span-1-18"><a href="#__codelineno-1-18" id="__codelineno-1-18" name="__codelineno-1-18"></a><span class="w"> </span><span class="k">else</span>
</span><span id="__span-1-19"><a href="#__codelineno-1-19" id="__codelineno-1-19" name="__codelineno-1-19"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"Value did not change, skipping image fetching!"</span>
</span><span id="__span-1-20"><a href="#__codelineno-1-20" id="__codelineno-1-20" name="__codelineno-1-20"></a><span class="w"> </span><span class="k">fi</span>
</span><span id="__span-1-21"><a href="#__codelineno-1-21" id="__codelineno-1-21" name="__codelineno-1-21"></a>
</span><span id="__span-1-22"><a href="#__codelineno-1-22" id="__codelineno-1-22" name="__codelineno-1-22"></a><span class="w"> </span>cp<span class="w"> </span>value.txt<span class="w"> </span>value_previous.txt
</span><span id="__span-1-23"><a href="#__codelineno-1-23" id="__codelineno-1-23" name="__codelineno-1-23"></a>
</span><span id="__span-1-24"><a href="#__codelineno-1-24" id="__codelineno-1-24" name="__codelineno-1-24"></a><span class="w"> </span><span class="nb">echo</span><span class="w"> </span><span class="s2">"waiting 60s..."</span>
</span><span id="__span-1-25"><a href="#__codelineno-1-25" id="__codelineno-1-25" name="__codelineno-1-25"></a><span class="w"> </span>sleep<span class="w"> </span><span class="m">60</span>
</span><span id="__span-1-26"><a href="#__codelineno-1-26" id="__codelineno-1-26" name="__codelineno-1-26"></a><span class="k">done</span>
</span></code></pre></div>
</li>
</ol>
<h2 id="how-does-it-work"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.2</span> How does it work</h2>
<h2 id="use-prepared-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.3</span> Use prepared images</h2>
<p>Instead of recoding your own images, you can use one of the selections of prepared images below.</p>
<h2 id="how-does-it-work"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.4</span> How does it work</h2>
<p>The Demo Mode tries to interfere as less as possible with the normal behavior. Whenever a Cam framebuffer gets taken (<code>esp_camera_fb_get()</code>), it replaces the framebuffer with the image from the SD card.</p>
<h2 id="example-data-of-a-water-meter"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.3</span> Example Data of a Water Meter</h2>
<h2 id="example-data-of-a-water-meter"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.5</span> Example Data of a Water Meter</h2>
<p>You can use the following demo images if you want:</p>
<p><img alt="530 00688" src="https://user-images.githubusercontent.com/1783586/211902363-1b8e4115-5f08-4e25-ace6-bb52e43b3741.jpg" style="width:400px"/></p>
<p>It covers a meter range from <code>530.00688</code> to <code>531.85882</code>.</p>
<h3 id="animation"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.3.1</span> Animation</h3>
<h3 id="animation"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.5.1</span> Animation</h3>
<p><a href="../img/demo-watermeter-animated.png">Animation of the watermeter (77 MB!)</a></p>
<h3 id="selection-of-84-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.3.2</span> Selection of 84 images</h3>
<h3 id="selection-of-84-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.5.2</span> Selection of 84 images</h3>
<p><a href="https://user-images.githubusercontent.com/1783586/211915870-aa5c1342-c61c-4e1f-afe0-10e222f1499d.png"><img alt="grafik" src="https://user-images.githubusercontent.com/1783586/211915870-aa5c1342-c61c-4e1f-afe0-10e222f1499d.png" style="width:400px"/></a></p>
<p><a href="https://github.com/jomjol/AI-on-the-edge-device-docs/files/10395892/Demo_Images_Watermeter_530.00688-532.08243_84_images.zip">Demo_Images_Watermeter_530.00688-532.08243_84_images.zip</a></p>
<h3 id="selection-of-42-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.3.3</span> Selection of 42 images</h3>
<h3 id="selection-of-42-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.5.3</span> Selection of 42 images</h3>
<p><a href="https://user-images.githubusercontent.com/1783586/211915898-b499e109-7b63-4e21-ba5b-c0a370022f7a.png"><img alt="grafik" src="https://user-images.githubusercontent.com/1783586/211915898-b499e109-7b63-4e21-ba5b-c0a370022f7a.png" style="width:400px"/></a></p>
<p><a href="https://github.com/jomjol/AI-on-the-edge-device-docs/files/10395893/Demo_Images_Watermeter_530.00688-532.08243_42_images.zip">Demo_Images_Watermeter_530.00688-532.08243_42_images.zip</a></p>
<h3 id="all-images-843-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">2.3.4</span> All images (843 images)</h3>
<h3 id="all-images-843-images"><span class="enumerate-headings-plugin enumerate-heading-plugin">1.5.4</span> All images (843 images)</h3>
<p><a href="https://user-images.githubusercontent.com/1783586/211915731-9a2a3cd3-390b-4b1f-a064-5e7e443ab113.png"><img alt="grafik" src="https://user-images.githubusercontent.com/1783586/211915731-9a2a3cd3-390b-4b1f-a064-5e7e443ab113.png" style="width:400px"/></a></p>
<p><a href="https://github.com/jomjol/AI-on-the-edge-device-docs/files/10395941/Demo_Images_Watermeter_530.00688-532.08243_843_images.zip">Demo_Images_Watermeter_530.00688-532.08243_843_images.zip</a></p>
</article>