Interface graphique

Discutez ici de vos souhaits d'évolutions et de vos idées pour eedomus

Re: Interface graphique

Messagepar AVATAR » 05 Déc 2020 16:56

Par curiosité, j'ai cherché vite fait, c'est le genre de truc qui m'intéresse vu que je pense à acheter une caméra aussi un de ces jours, bien que Doorbird me parait mieux vu qu'ils ont une api html directe (et sans effort).
Il faudrait approfondir un peu mais j'ai trouvé ça:
https://support.reolink.com/hc/en-us/ar ... dia-Player
l'exemple est avec vlc mais on s'en fou, je ne sais pas ce que t'en pense mais il me semble que c'est juste un lien rtsp qu'il faut bufferiser et lire avec ffmpeg, c'est très faisable.
Il y a un nodejs sur github qui te donne un très bon exemple de bufferisation et d'affichage avec ffmpeg (c'est du nodejs mais on peut le décoder et en faire du js) :
https://github.com/agsh/rtsp-ffmpeg/blo ... -ffmpeg.js

ou capture d'image (avec par exemple un rafraîchissement tout les X secs), plus facile, vu que là ce ne sont que des images en JPEG:
https://support.reolink.com/hc/en-us/ar ... b-Browsers
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 06 Déc 2020 21:11

Merci pour ton aide.

Doorbird: tu peux afficher la caméra directement sur une page en html?

J'atteins mes limites, je ne connais pas le nodejs et le js... mais je vais ré essayer avec vlc

Le problème du rafraîchissement c'est que tu n'as pas d'image fluide mais je vais aussi tester

Avez tes pistes j'ai plus qu'a trouver du temps :D
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar AVATAR » 07 Déc 2020 10:22

Oui c'est pas facile je sais, on parle d'un métier...
Faire de l'html sans javascript, c'est impossible. Ca va évidement ensemble.

Les liens DoorBird de l'api:
API: https://www.doorbird.com/api
Widget HTML5: https://www.doorbird.com/widget

Juste comme ca, un lien pour une interface graphique eedomus sans aucun développement à utiliser de préférence sur une tablette Windows dans son Salon:
Serveur: https://github.com/Spikharpax/A.V.A.T.A.R
eeDomus: https://github.com/Spikharpax/Avatar-Plugin-eeDomus
le plugin eedomus est a télécharger depuis la bibliothèque de plugins dans l'application
On peut l'utiliser sans client vocal en installant juste le serveur et le plugin eedomus si on ne veut pas faire de vocal et n'avoir qu'une interface graphique.
L'avantage de cette application, c’est qu'on peut faire des choses très élaborées, coupler l'assistant google avec des règles eedomus, par exemple:
https://www.youtube.com/watch?v=X6-G7wl0sGc
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 07 Déc 2020 15:55

Hello

Ba j'ai des vieilles notion lol ca date de l'école et au début de ma vie professionnel j'ai pas mal bossé sur un projet de création de base de donnée avec gestion de l'interface en html mais ca date...

Aujourd'hui, je bosses pas mal sous Excel avec les macro mais ca s'arrête la lol

VLC: j'ai bien réussi a avoir le direct de ma caméra sur le logiciel, je suppose qu'il faut maintenant le mettre sur ma page. Si je comprend, il faut bufferiser et lire avec ffmpeg, j'ai bien regardé ton lien en nodej mais le code est un peu compliqué a comprendre.

Javascript: je vais devoir m'y mettre pour rendre ma page sympa avec des petites animation enfin ca c'est pour plus tard

Doorbird: c'est pour moi une super nouvelle de savoir que l'on peut ajouter le direct sur une page html tout simplement

A.V.A.T.A.R: j'ai pas bien compris comment l'installer mais à l'occasion je vais regarder

Merci beaucoup pour ton aide, j'avance enfin :!: :D :D :D
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar AVATAR » 07 Déc 2020 17:54

Quelques idées... :D
Remplace juste les rtsp://... par ton lien dans les exemples dessous:

Ajoute ce code dans ta page html:
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2" width="100%" height="100%" id="vlc" loop="yes" autoplay="yes" controls="false" target="rtsp://192.168.0.2:554/stream1"></embed>

Si ca ne fonctionne pas, il faudra peut être ajouter des options de décodage du flux rtsp dans la commande. Recherches sur Google avec ce genre de mot-clé: "vlc stream rtsp to http"
tu trouveras plein de pages intéressantes sur ces options de décodage dans le tag vlc.

Il y a aussi d'autres possibilités, avec mediaplayer par exemple et d'après certains forums, mediaplayer est l'appli a utiliser... A tester.
Ajoute ce code dans ton html (remplace les liens rtsp):

<!--- BEGIN PLAYER --->
<!-- webbot bot="HTMLMarkup" startspan ---->
<object ID="MediaPlayer" WIDTH="320" HEIGHT="270" CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<param name="autoStart" value="True">
<param name="filename" value="rtsp://xxx.xxx.xxx:xxxx">
<param NAME="ShowControls" VALUE="False">
<param NAME="ShowStatusBar" VALUE="False">
<embed TYPE="application/x-mplayer2" SRC="rtsp://xxx.xxx.xxx:xxxx" NAME="MediaPlayer" WIDTH="320" HEIGHT="270" autostart="1" showcontrols="0"></embed></object>
<!-- webbot bot="HTMLMarkup" endspan ---->
<!--- end PLAYER --->



En espérant que ca te donne quelques idées
Finalement tu devrais y arriver sans js...
bon courage :D
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 09 Déc 2020 10:04

Bonjour Avatar,

J'ai essayé avec VLC et Media Player, et j'ai le même message d'erreur pour les deux: ce plugin n'est pas compatible.

J'ai pas mal cherché sur internet, il faut installé un plugin je pense avoir trouvé le bon mais ce n'est pas concluent...

A priori il y a aussi une incompatibilité avec Flash qui va être arrêté en décembre 2020.

J'ai donc essayé d'utiliser VLC pour diffuser mais ce n'est pas concluent non plus
J'ai suivi ca: https://www.mediaforma.com/vlc-diffuser ... eau-local/

Bref je continue à chercher :D
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar AVATAR » 09 Déc 2020 11:06

Oui, je savais mais comme je ne peux pas tester moi même, je t'ai quand même donné ces possibilités et je me suis dit que de toute façon, ca te donnerait aussi d'autres ouvertures à développer.

J'en avais trouvé d'autres mais il fallait laisser vlc tourner en tâche de fond pour transcoder le stream rtsp en stream http (MJPEG) et rediriger ensuite le flux http en front vers ton browser, ca suppose avoir un serveur qui tourne h24 et je ne savais pas si c'était faisable chez toi. Si oui, cherche aussi dans cette voie.

Si j'avais la possibilité de tester, je l'aurais fait ce truc, j'aime bien les défis :lol:
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 09 Déc 2020 16:20

J'ai un serveur symbologie qui enregistre les vidéos, je sais pas si ça peut aider lol

C'est quand même dingue que rien n'existe de simple pour faire ça. Ca me semble tellement basique de mettre le direct d'une camera sur une page html...

Apres avec l'interface graphique de Eedomus c'est un peu pareil tu n'as pas le direct.

Bref, je continue à chercher :D
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar AVATAR » 09 Déc 2020 17:42

je ne sais pas, je ne connais pas les serveurs symbologie.
Si c'est quelque chose sur lequel tu peux installer des trucs alors c'est bon.
ou alors tu achetes un mini pc comme serveur sur amazon...
J'en ai acheté un pour 100€ avec windows 10 et 4gb de ram en 5v et il tourne h24...
Avant d'acheter, tu peux tester tout ca sur un pc lambda et ensuite quand ca marche, tu fais ce qu'il faut.

En tout cas, si tu choisis cette solution, voilà le truc:
1) Tu exécutes vlc en tâche de fond, il se charge de rediriger ton flux rstp en flux http
si tu remarques bien la ligne de commande, le paramètre dst= est le flux http localhost en sortie. Tu crées un batch:
vlc.exe rtsp://RTSP_LINK/ :network-caching=1000 :sout=#transcode{vcodec=theo,vb=1600,scale=1,acodec=none}:http{mux=ogg,dst=:8181/stream[/b]} :no-sout-rtp-sap :no-sout-standard-sap :sout-keep

ou tu peux aussi le faire directement dans l'interface pour tester, exemple:
https://webaddressblog.wordpress.com/8-2/
L'exemple commence par générer son propre flux rtsp, il faut donc descendre au moment ou l'explication est pour rediriger le rtsp vers http

2) dans ta page html, il ne te reste plus qu'à ajouter un tag video et lire ton flux http (IP étant l'adresse de ton pc serveur)
<video id="video" src="http://IP:8181/stream" type="video/ogg; codecs=theora" autoplay="autoplay"/>


Bien sur il te faut un serveur http, remarque si tu as déjà une page web, tu avais donc déjà un serveur web... donc super simple mais sinon,
Je te conseil de le faire avec un serveur nodejs. Très simple à mettre en place même pour quelqu'un qui ne connait pas.
Tu peux installer ce serveur nodejs sur ton serveur avec vlc, si tu le fais, je pourrais t'aider.

A mon avis, ca, ca fonctionne
C'est le minimum qu'on peut faire je pense sans passer par du dev trop compliqué (de toute facon tu serais obligé aussi d'avoir un serveur http aussi)
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 09 Déc 2020 21:06

Super merci avec tes conseils je vais continuer à investiguer :D

Désolé c'est un serveur Synology et pas symbologie :D

Donc oui j'ai déjà mon serveur http

Allé j'y retourne :roll:
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar xeos » 09 Déc 2020 21:43

Salut

Si ca peut t'aider j'ai un player RTSP a utiliser
il sera mis dans une interface tablette que je vais proposer dans quelques jours

RTSP.php.zip
(40.18 Kio) Téléchargé 245 fois
Je suis Fou et insatiable
xeos
 
Messages : 836
Inscription : 02 Sep 2017
Localisation : Alsace

Re: Interface graphique

Messagepar frederic » 10 Déc 2020 10:17

Hello.

Au oui ça m'intéresse. Étant novice dans se domaine je prend tout les conseils.

Ton interface sera pour eedomus?

J'ai décompressé le dossier et mis sur mon serveur le fichier rtsp.php, je n'ai pas mis le dossier MACOSX car l'extension du fichier n'est pas accepté par mon serveur et je n'ai pas v de lien du fichier rtsp.php vers ce dossier.

Ensuite j'ai mis mon lien RTSP dans ton fichier php et j'ai juste lancé ce fichier par mon pc portable.

J'ai bien un éditeur vidéo qui se lance mais je n'ai pas de vidéo.

Je vais essayer de regarder un peu plus tout ca cet après midi
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar xeos » 10 Déc 2020 10:38

Salut

Tu copie et colle le code dans un fichier crée comme rtsp dans la box, puis tu va chercher la video par
http://ip eedomus/script/?exec=rtsp.php par Chrome
Je suis Fou et insatiable
xeos
 
Messages : 836
Inscription : 02 Sep 2017
Localisation : Alsace

Re: Interface graphique

Messagepar frederic » 10 Déc 2020 14:09

Merci Xeos

Je copie et colle le code dans un fichier sur la box: Je dois donc créer un script sur Eddomus en passant par MonIpBoxEedomus/script

J'ai essayé mais ton fichier fait 133ko et la box limite à 50ko

Ou alors je ne comprend pas ?
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar xeos » 10 Déc 2020 15:08

Oui tu crée un script....

Bizarre ... j'ai pas fait le menage dans le javascript mais chez moi pas de souci

Capture d’écran 2020-12-10 à 14.55.43.png
Capture d’écran 2020-12-10 à 14.55.43.png (146.94 Kio) Consulté 7460 fois
Je suis Fou et insatiable
xeos
 
Messages : 836
Inscription : 02 Sep 2017
Localisation : Alsace

Re: Interface graphique

Messagepar frederic » 10 Déc 2020 15:29

Pour créer un script on est bien d'accord que tu vas sur l'IP de ta box eedomus:
Capture2.PNG
Capture2.PNG (27.93 Kio) Consulté 7455 fois


Eedomus me bloque à 50ko
Capture.PNG
Capture.PNG (7.42 Kio) Consulté 7455 fois
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar xeos » 10 Déc 2020 15:34

tu commence un nouveau script rtsp et tu colle le code dedans
Je suis Fou et insatiable
xeos
 
Messages : 836
Inscription : 02 Sep 2017
Localisation : Alsace

Re: Interface graphique

Messagepar AVATAR » 10 Déc 2020 15:43

Ou tu mets ca dans ton server web sur ton Synology
C'est le même que Xeos mais celui-là utilise le fichier de démo de streamedian sans passer par la box. Je l'ai essayé sur mon serveur web. Ca fonctionne.

je ne voulais pas faire de dev mais au final, le site de streamedian propose directement un dev de démo, j'avais pas vu sur github.

Merci à Xeos d'avoir solutionné ton pb !
++
Pièces jointes
rstpStream.zip
stream rstp
(74.61 Kio) Téléchargé 231 fois
AVATAR
 
Messages : 36
Inscription : 05 Juin 2020
Localisation : Toulouse

Re: Interface graphique

Messagepar frederic » 10 Déc 2020 15:59

Capture3.PNG
Capture3.PNG (62.13 Kio) Consulté 7449 fois


Bien vu, j'ai pu enregistrer le script avec mon lien rtsp://xxx:xxx@192.168.1.223:554//h264Preview_01_main

Capture4.PNG
Capture4.PNG (10.68 Kio) Consulté 7449 fois


J'ai bien un lecteur vidéo qui se lance mais écran noir
Eedomus +
Module Fibaro FGRM-222, Qubino ZMNHBA2, Détecteur de fumée FGSD-002, Thermostat et tête thermostatiques Danfoss
frederic
 
Messages : 179
Inscription : 11 Fév 2016

Re: Interface graphique

Messagepar xeos » 10 Déc 2020 16:15

l'url du rstp doit etre rtsp://192.168.1.223:554/1. Pour verifier tu installe vlc sur ton pc et tu colle l'url dans le navigateur. Si vlc lance la video tu est sur la bonne url

L'autoplay ne fonctionne pas pour le moment donc oublie pas le play...
Je suis Fou et insatiable
xeos
 
Messages : 836
Inscription : 02 Sep 2017
Localisation : Alsace

PrécédentSuivant

Retour vers Suggestions

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invité(s)