Champs multimedias

Dernière édition : Aout 2020

Le SCRIPT permet d'ajouter toute sorte d'éléments multimédias sur les annonces ou les usagers, parmis ces champs :

  • des images
  • des videos
  • des sons/fichiers audios
  • des documents

Le menu ADMIN > CONFIGURATIONS > MULTIMEDIAS permet d'accéder aux paramètres.

Images

Dans l'interface d'administration, la section images permet de configurer l'importation et l'affichage des images. admin-img-set1

On peut configurer :

  • le nombre d'image par annonce autorisé
  • le poid maximal d'une image
  • la taille des vignettes automatiquement générées
  • la redimension automatique des images importées.

Pour accélerer l'affichage du site, la SCRIPT crée automatiquement des vignettes qui sont moins lourdes à afficher et sont utilisées dans les widgets et les pages de listing. Fonction du théme choisi, on peut choisir une taille de vignette plus ou moins grande.

On peut charger une image en cliquand sur le bouton d'upload ou en glisser/déposer sur la dropzone
site-img-upload

Lors de chaque chargement l'image subit des transformations :

  • sa taille est réduite au maximum des deux dimensions : 672px de large ou 500px de hauteur si l'option auto-resizeest activée.
  • une vignette est générée (fichier tn_) dont la taille est précisée par taille vignette
  • une seconde vignette est générée pour les réseaux sociaux de taille maximale de 190px (fichier tn2_)
  • une vignette floutée est générée si l'option annonces adulte est activée (fichier tn_blur)
  • un filigrane est ajouté sur toutes les images si activé

backend-img-list

Les extension suivantes sont autorisées : "jpeg", "jpg", "gif", "png"

Filigrane

Il est possible d'ajouter un filigrane sur les images. Ce filigrane peut être soit une image (logo par example), soit un texte. la position peut aussi être définie . admin-img-set1

Le filigrane est alors ajouté sur toutes les images :

admin-img-set1

On peut également tester le rendu du filigrane via le bouton de test : admin-img-set1

Photo en direct

Il est possible de prendre une photo en direct depuis sonr PC depuis sa caméra. Il faut activer l'option capture admin-img-set1

Une interface va vous permettre de prendre la photo directement depuis votre ordinateur et l'ajouter simplement à votre annonce. admin-img-set1

Vous poueez aussi activer des filtres sur l'image prise, avant son enregistrement, (sepia, noir et blanc, inversion, luminosité, contraste)

exemple (contraste) exemple (inversé)
admin-img-set1 admin-img-set1

Nombre d'images

Le nombre d'images autorisés peut varier fonction des options choisies sur le site comme :

  • les abonnements usagers
  • les plans d'annonces
  • las packs d'annonces prepayées
  • images supplémentaires

A chaque fois on limitera dynamiquement le nombre.

Videos

Pour activer les videos (sur annonces ou sur usagers) et choisir la quantité autorisée et la durée maximale de chaque video chargée sur le site : admin-vid-set1

On peut alors charger des videos : site-vid-edit

Le format des videos est celui supporté par les navigateurs (entité HTML <video> ). Il faudra indiquer ici les extensions de fichies video supporté.
admin-vid-format

Le script n'est pas en mesure de détecter automatiquement le format de la video (contrairement aux images). Il faut donc indiquer la liste complète des formats supportés. Pour vous aider, vous pouvez consulter le site suivant : https://developer.mozilla.org/fr/docs/Web/Media/Formats/Containers

En cas d'erreur de format : site-vid-errorformat

On peut vérifier le bon chargement d'une video en cliquant sur l'icone play. Le nom du fichier est indiqué dans l'entête de la fenêtre modale.
site-vid-play

Les videos sont présentées aprés les images. La première video est affichée automatiquement. Si le mode lectire auto. est activé, la video démarre immédiatement.
site-vid-display

Pour activer le mode de lectire mais aussi autoriser le téléchargement de la video sur l'ordinateur du visiteur admin-vid-set2

Video externe

Il est possible d'intégrer une video externe. Il faut deja activer le champ texte qui permet de saisir le code de la video externe (une Iframe). admin-vid-embed

Sur un site de video (comme youtube par exemple), cliquer sur partager > intégrer. site-youtube-embed

et copier le code affiché site-vid-embededit

La video est alors affichée dans une box sur le côté de l'annonce . site-vid-embeddisplay

Enregistrement video en direct

Il est est possible avec certains navigateurs d'enregistrer en direct une video et de la publier dans l'annonce. Il faut activer l'option :
admin-vid-rec

Un bouton d'enregistrement apparait site-vid-recbtn

Un clique sur le bouton lance la cabine video
site-vid-booth

Une fois l'enregistrement lancé, il s'arrête automatiquement si la durée est dépassée ou si la taille totale du fichier est dépassée. Vous pouvez aussi stoper à tout moment. site-vid-recplay

Si l'enregistrement vous convient, vous pouvez le sauvegarder dans l'annonce ou télécharger le fichier sur votre ordinateur. site-vid-recactions

Le format des videos sauvegardées est webm

Une fois sauvegardé dans l'annonce, vous pouvez le visualiser pour vérifier comme toute autre video téléchargée. site-vid-recreplay

Si vous téléchargez le fichier sur votre ordinateur, vous pouvez choisir le format du fichier en saisisant l'extension souhaitée. Les choix sont 'webm', 'mp4', 'ogg', 'mpg', '3gp' admin-vid-recext

Drop zone

Pour pouvoir directement charger des fichiers par un glissé-déposé il faut activer l'option : admin-drop-en

Une zone permet alors de déposer ses fichiers : site-img-drop

Depuis la version 8.7.0, il est possible de charger plusieurs fichiers en même temps dans ce mode.