Insertion de médias dans les textes riches

Fonctionnel

L'insertion de médias (images, sons, vidéos) issus de Jalios Digital Platform ou de sources externes (youtube, dailymotion, ...) a été revue dans JPlatform 9 depuis le SP2. Découvrez son fonctionnement.

Ce nouveau fonctionnement

  • aide les contributeurs 
    • à insérer des médias (images, sons, vidéos) dans les textes riches
      • sans se soucier des contraintes techniques
      • à l'aide d'une ergonomie simplifiée 
  • aide les lecteurs
    • qui consultent des contenus riches
      • en limitant les risques d'erreurs de rendu liés aux choix techniques du contributeur
      • en assurant un affichage homogène sur tous les navigateurs et terminaux (pc, tablette, mobile)

 

Les changements fonctionnels : 

  • Une interface simplifiée : 
    Un champ "fichier / URL" et une taille.
    insertion de média - avant - apres

  • Une prévisualisation améliorée :
    à l'insertion du média et à la demande de prévisualisation du champ texte riche
    insertion de média - jcmsmedia preview  insertion de média - whole wysiwyg preview

  • Un rendu effectué coté serveur, avec comme avantage :
    • l'absence de dépendance avec les capacités et les limites du navigateur du contributeur
    • l'homogénité et la fiabilité du rendu quelque soit le navigateur du lecteur
      (garanties par la mécanique du tag jalios:media déjà existante)

  • Le support de nouvelles sources de médias externes 
    • En standard :
      • YouTube
      • DailyMotion
      • Viméo
    • Par configuration et utilisation du service payant Embed.ly 
      Plus de 300 services externes ...
       insertion de média - providers embed.ly
    • Par développement spécifique :
      Tout ce que vous voulez, en enrichissant la mécanique du tag jalios:media qui supporte désormais le rendu d'URL externe après déclarations de templates adaptés.

Une vidéo de démonstration de cette fonctionnalité (insérée avec la nouvelle mécanique bien entendu) : 

 

 

Et quelques démonstrations des fonctionnalités avancées en conditions réelles : 

Lecteur audio : 


Lecteurs externes (supportés en standard) :

 

Les limites :

  • Les dimensions spécifiées lors de l'insertion sont le plus souvent ignorées car un rendu responsive est privilégié par les templates du tag jalios:media
  • Ce nouveau développement retire la possibilité d'utiliser le plugin media fourni en standard de TinyMCE
  • Le rendu est effectué par la mécanique du tag jalios:wysiwyg et le WysiwygMediaRewriter
    • si les API de Tomcat sont disponibles elles sont utilisées (valable sur Tomcat, JBoss et WebSphere)
    • sinon le chargement de chaque lecteur se fait en iframe (valable sur les autres serveurs d'applications certifiés)

 

Pour aller plus loin sur le sujet vous pouvez consulter les entrées catégorisées Média externe de notre base de connaissance.

 

Vous pourrez retrouver ici les dernières nouvelles et les retours d'expérience de l'équipe technique Jalios :

  • Points techniques
  • Retours d'expérience
  • Bonnes pratiques
  • Sécurité
  • Méthodologie Etc.

Ainsi que les principales actualités Jalios.