m4xx-one
Posts: 5
Joined: Fri May 23, 2014 10:20 pm

Ip adresse mit port auf ziel ordener

Sun May 13, 2018 6:57 pm

Hallo ich hänge fest :-(

ich habe ein Streaming von der raspi cam realisiert.

nun wenn ich die "http://raspi ip adresse:8082" im Browser eingebe wird auf "/home/pi/pistreaming/index.html" zu gegriffen

wenn ich die index.html dort ändere funktioniert es

mein problem ist ich möchte ein hintergrundbild einfügen aber es wird nicht gefunden auch wenn ich den ganzen pfad eingebe "/home/pi/pistreaming/background.png"

in welchen ordener könnte es sein

<style type="text/css">
body {
background-color: green;
background-image: url("background.png");
}

</style>

gruß
m4xx

fbe
Posts: 232
Joined: Thu Aug 17, 2017 9:08 pm

Re: Ip adresse mit port auf ziel ordener

Sun May 13, 2018 8:31 pm

Du verrätst uns nicht sehr viel. Wenn Dein Webserver dieser hier (https://github.com/waveform80/pistreaming) ist, wundert es mich aber nicht, dass Dein Hintergrundbild "nicht gefunden" wird. Der kennt ja nur index.html und jsmpg.js.

Wenn Du außer Deinem Hintergrundbild nichts anderes reinschummeln möchtest, müsstest Du server.py ein wenig anpassen, dass die Hintergrundbild-Datei überhaupt und auch mit den richtigen Header-Daten geliefert wird. Ich persönlich würde mir aber nicht die Aufgabe auf den Tisch ziehen, einen HTTP-Server neu zu programmieren, wo es doch schon welche gibt. Also würde ich den HTTP-Server aus dem Python-Skript rausschmeißen und nur den Service für das Websocket drinlassen. Die index.html und jsmpg.js kannst Du dann, wie Dein Hintergrundbild und vielleicht auch andere Inhalte, über einen "normalen" HTTP-Server verfügbar machen. Apache ist immer noch sehr beliebt, auch wenn ihn manche für altmodisch halten.

smartifahrer
Posts: 512
Joined: Sat Feb 13, 2016 8:10 am

Re: Ip adresse mit port auf ziel ordener

Mon May 14, 2018 6:47 am

Der Apache ist nicht nur alt sondern auch resoucen hungriger als di nginx un dandere leichtgewichte. ABER, sehr gut gokumentiert und tausende Turorials und Anleitungen. Deshalb setze ich ihn trotzdem ein ;-)

Nun zum eigentlichen Problem: Es gibt 3 Arten wie du ein Bild im Browser adressieren kanst.
1. Absolut: <img src="http://raspi ip adresse:8082/background.png">, der Webserver muss dann die Datei in "/home/pi/pistreaming/background.png" ausliefern
2. Relativ: <img src="/background.png">, Der Browser ergänzt den Rest der Adresse und der Server wie unter 1.
3. Base64: Hier werden die Bilddaten in der HTML-Datei eingebetet. https://wiki.selfhtml.org/wiki/Grafik/G ... t_Data-URI

Ich denke das 3. für dich am einfachsten wäre.

fbe
Posts: 232
Joined: Thu Aug 17, 2017 9:08 pm

Re: Ip adresse mit port auf ziel ordener

Mon May 14, 2018 4:29 pm

Wenn der Webserver zu Allem, was nicht index.html oder jsmpg.js heißt mit 404, 'File not found' antwortet, lenken Vorschlag 1 und 2 vom eigentlichen Problem ab. Das hat mit dem HTML und was der Browser draus macht nichts zu tun.

Lösung 3 funktioniert zwar, einfach würde ich das aber nicht nennen. Am einfachsten wäre es, einen richtigen HTTP-Server zu installieren, wenn man noch keinen hat:

Code: Select all

sudo apt install apache2
die Datei background.png nach /var/www/html zu verschieben und mit "http://raspi ip adresse/background.png" zu addressieren.
Wenn index.html und jsmpg.js auch nach /var/www/html verschoben werden, müsste einfach "background.png" auch funktionieren und die Seite müsste mit "http://raspi ip adresse" oder "http://raspi ip adresse/index.html" aufrufbar sein und incl. Streaming funktionieren. Eigentlich.

Ich kann es leider nicht selber ausprobieren, weil ich keine Kamera habe, die vom Websocket-Server abgefragt werden kann. Ich kenne Python auch nur sehr oberflächlich, so dass ich nicht sagen kann, ob dieser Websocket-Server zu mehreren Browsern gleichzeitig so ein Websocket aufbauen kann, aber da sind wir ja noch gar nicht...

Bis jetzt ist meine Annahme noch nicht bestätigt, dass der oben verlinkte "pistreaming" Server eingesetzt wird.

smartifahrer
Posts: 512
Joined: Sat Feb 13, 2016 8:10 am

Re: Ip adresse mit port auf ziel ordener

Mon May 14, 2018 6:12 pm

Punk 1+2 habe ich nur deshalb angesprochen weil ich schon oft erlebt habe das Bilder in Html-Dateinen falsch verknüpft wurden.
Die base64 ist Baby leicht. Es gibt zahllose online Tools die die umwandlung erledigen. Z.B. https://www.base64-image.de/
Die arbeit reduziert sich dabei auf hochladen + Copy +Past. Einfacher geht es nicht.

Return to “Deutsch”

Who is online

Users browsing this forum: No registered users and 5 guests