web-dev-qa-db-fra.com

Où mettre un flux vidéo en direct dans notre application

J'ai besoin d'incorporer le flux vidéo en direct d'une caméra dans notre application (qui fonctionne sur le bureau mais aussi sur les tablettes), qui est essentiellement un outil de navigation avec une vue de carte et quelques contrôles sur le côté droit.

La vidéo en direct provient d'une caméra attachée à un appareil autonome (petit bateau) qui est contrôlé et surveillé via l'application et se trouve quelque part sur la carte.

Il y a un espace dédié alloué au flux vidéo, mais quoi que j'essaie de faire, il semble toujours laid:

  • Si je mets le flux vidéo à gauche, il y a un énorme espace noir après cela,
  • si je le mets à droite, l'espace noir est devant et
  • si je le mets au milieu, il y a un espace noir avant et après. Si je mets le flux vidéo dans une fenêtre séparée, il couvre la carte :(

Donc, maintenant je ne sais vraiment pas quoi faire :) ...

La question est: quelle est la recommandation de la communauté pour des situations comme celle-ci?

Merci!

enter image description here

2
Ferenc Deak

À condition que l'utilisateur puisse zoomer/dézoomer et déplacer cette carte pour voir ce qu'il veut, je vous suggère de placer le flux vidéo en haut de la carte dans le coin supérieur.

Si vous regardez Google Maps, vous verrez qu'ils superposent également des contrôles sur leurs cartes pour éviter les espaces vides (par exemple l'image satellite en bas à gauche).

google maps image

4
Franchesca