[Tuto] Utiliser Monitor

[MisterT]

merci vil1driver mais etant un gros noob en code, un petit coup de main en plus pour les modif please

html

Code : Tout sélectionner

<!-- load page stylesheet -->
<script>
$('head').append('<link rel="stylesheet" href="css/trafic.css">');
</script>

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxx&callback=initMap&signed_in=true" async defer></script> -->

<script>

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
	disableDefaultUI: true,
    zoom: 14,
    center: {lat: 43.549999, lng: 5.18333 }
  });

  var trafficLayer = new google.maps.TrafficLayer();
  trafficLayer.setMap(map);
  
  setInterval(initMap, 600000);
}

$('#reload').click(function(){
    initMap();
});

</script>

<!-- Page -->
<div class="cnt v-wrap">
<div class="v-box">
<!-- contenu -->

<!--
le contenu de votre page ne doit pas dépasser les dimensions suivantes
largeur: 962px
hauteur: 541px
-->

<div>
<div id='reload' class="frame">
<div id='map' class="avoid-clicks"></div>
</div>
</div>

<!-- fin contenu -->
</div>
</div>
<!-- fin page -->

et css

Code : Tout sélectionner

#map 
{
	width: 935px;
	height: 505px;
}

@media screen and (min-height: 610px) {
    #map 
	{
		height: 590px;
	}
}

.avoid-clicks {
  pointer-events: none;
}

[fab0030]

Petit up, pas de réponse

Bonjour,
j'essai en vain de déclencher un son avec MQTT sur modif d'un switch.
Mon code :

Code : Tout sélectionner

					case "test MQTT": // nom du bouton 
					
					var oAudio = document.getElementById('myaudio');
					
						if (message.nvalue == 1){
						oAudio.src = "sounds/Arpeggio.ogg";	// ding dong d'alerte
						oAudio.play();
							}
						
						if (message.nvalue == 0){	// status Off
						
							oAudio.pause();	// stop
							oAudio.src = "";
						}	
							
						break;

J'ai bien désactiver la sécurité suivante dans Chrome "Exiger un geste de l'utilisateur pour lire des éléments multimédias".
Le son n'est pas coupé! Et le dossier sounds et fichier Arpeggio.ogg présents.
MQTT ok, d'autres actions fonctionnent.
Est ce que le code est correct? Avez vous une piste?
merci

[vil1driver]

il y a un mode débug, tu peux peut-être regardé de ce côté là ? (même conseil AdL-)
la console de dev de chrome c'est F12

ajouter dans ton code un truc du genre

Code : Tout sélectionner

console.log('jouer son');

pour voir si tu rentres bien dans la condition

[AdL-]

D'ailleurs j'ai un autre soucis, je peux me connecter via wifi depuis telephone tablette meme a distance via 3/4G, mais en local depuis mon pc impossible il me met domoticz offline

Code : Tout sélectionner

		$.domoticzurl = "http://login:mdp@dyndns:port";	// url de connection à domoticz (ex: http://paul:ochon@toto.com:8765)

j'ai essayer en mettant mon ip local, et l'autre ligne

Code : Tout sélectionner

$.domoticzurl = location.protocol + "//login:mdp" + location.host;

mais rien n'y fait

[fab0030]

pour mon problème de son :

il y a un mode débug, tu peux peut-être regardé de ce côté là ? (même conseil AdL-)
la console de dev de chrome c'est F12

ajouter dans ton code un truc du genre

Code : Tout sélectionner

console.log('jouer son');

pour voir si tu rentres bien dans la condition

j obtiens :

Code : Tout sélectionner

frontpage_settings.js:231 MQTT Message Arrived: 
 {
   "Battery" : 255,
   "RSSI" : 12,
   "dtype" : "Lighting 1",
   "id" : "66",
   "idx" : 136,
   "name" : "test MQTT",
   "nvalue" : 1,
   "stype" : "X10",
   "switchType" : "On/Off",
   "unit" : 15
}

mqtt.connect.js:27 onConnectionLost:AMQJS0005E Internal error. Error Message: Cannot set property 'src' of null, Stack trace: TypeError: Cannot set property 'src' of null
    at k.onMessageArrived (http://192.168.1.55:8080/monitor/js/frontpage_settings.js:342:18)
    at k._receiveMessage (http://192.168.1.55:8080/monitor/js/mqttws31-min.js:52:520)
    at k._receivePublish (http://192.168.1.55:8080/monitor/js/mqttws31-min.js:52:71)
    at k._handleMessage (http://192.168.1.55:8080/monitor/js/mqttws31-min.js:47:345)
    at k._on_socket_message (http://192.168.1.55:8080/monitor/js/mqttws31-min.js:42:483)
    at WebSocket.<anonymous> (http://192.168.1.55:8080/monitor/js/mqttws31-min.js:19:132)

pas facile pour moi à décrypter...

[AdL-]

re,

Bon j'ai un soucis, impossible de me connecter au custom

J'ai enlever les login mdp de domoticz, je suis quand même en basic auth

dans frontpage_settings.js :

Code : Tout sélectionner

$.domoticzurl = location.protocol + "//" + location.host;

je peux me connecter depuis nulle part, même sur mon rpi si je met juste http://192.168.1.200:8080/ ou http://127.0.0.1:8080 j'arrive directement sur domoticzalors que si je met http://192.168.1.200:8080/monitor il me met domoticz offline par contre si je met http://127.0.0.1:8080/monitor, il me met 500 internal server error.

du coup je sais même pas comment cela fonctionnait avant ... je suis un peu saoulé ...
Help please

[jule1986]

re,

Bon j'ai un soucis, impossible de me connecter au custom

J'ai enlever les login mdp de domoticz, je suis quand même en basic auth

dans frontpage_settings.js :

Code : Tout sélectionner

$.domoticzurl = location.protocol + "//" + location.host;

je peux me connecter depuis nulle part, même sur mon rpi si je met juste http://192.168.1.200:8080/ ou http://127.0.0.1:8080 j'arrive directement sur domoticzalors que si je met http://192.168.1.200:8080/monitor il me met domoticz offline par contre si je met http://127.0.0.1:8080/monitor, il me met 500 internal server error.

du coup je sais même pas comment cela fonctionnait avant ... je suis un peu saoulé ...
Help please

Normal regarde bien la 1ère page...
L'adresse est : 192.168.1.200:8080/monitor/index.html


Envoyé de mon iPhone en utilisant Tapatalk

[AdL-]

Normal regarde bien la 1ère page...
L'adresse est : 192.168.1.200:8080/monitor/index.html


Envoyé de mon iPhone en utilisant Tapatalk

Ok Ok, je pensais qu'index.html etait appelé automatiquement...

Merci.

@vill1driver

Du coup pour l'inter sélecteur, en fait quand on désactive la page de log, on ne peut plus choisir l'état, mais juste afficher sur quel position il est.

[vil1driver]

Ok Ok, je pensais qu'index.html etait appelé automatiquement...

Oui à condition de ne pas oublier le slash final après monitor/

Du coup pour l'inter sélecteur, en fait quand on désactive la page de log, on ne peut plus choisir l'état, mais juste afficher sur quel position il est.

Tu veux dire qu'en affichant les logs le selecteur fonctionne normalement ?
Ici je n'affiche pas les logs et ça fonctionne, ça n'est pas lié en principe..

[AdL-]

Oui à condition de ne pas oublier le slash final après monitor/

ok merci, je le saurais pour la prochaine fois

Tu veux dire qu'en affichant les logs le selecteur fonctionne normalement ?
Ici je n'affiche pas les logs et ça fonctionne, ça n'est pas lié en principe..

oui je viens de refaire le test, si je désactive la page logs.html dans l'index.html alors le sélecteur ne fonctionne plus