Étape 6: Interface
J’ai également modifié les interfaces avec les codes / échantillon cambot et rasprover. Étant donné que j’avais prévu d’utiliser le téléphone intelligent en tant que contrôleur, j’ai optimisé la mise en page pour mon téléphone (galaxie note3).
La plupart des mises en page et styles peut être modifiée dans le fichier index.html. Cependant, le style de bouton (gris foncé avec bordure noire) par défaut est défini dans le webiopi.css , situé à /usr/share/webiopi/htdocs. J’ai utilisé le terminal d’exécuter sudo nano pour modifié.
Le flux vidéo est situé dans le centre de l’écran, conduite de contrôle sur le côté gauche et arme de contrôle sur la droite. J’ai conçu le contrôle de conduite comme deux ensemble de up(forward), arrêt, down(backward) qui veulent un contrôle plus précis, mais dans la vidéo vous pouvez dire que c’est difficile parfois.