faciliter l'insertion d'une vidéo (tout type) côté front-end de manière sécurisée

[herve]

Bonjour
Tout est dans le titre. Je passe beaucoup de temps et d’énergie a faciliter l'insertion de contenu dans un formulaire joomla par des novices et gens pressées !

Je souhaite être ouvert à tout type de vidéo (youtube; dailymotion ... mais aussi plus exotique comme peertube ...)
Avec une vigilance de sécurité car je vois que certains copier/coller peuvent amener des autorisations diverses et variées:

<iframe width="1920" height="894" src="https://www.youtube.com/embed/0" title="0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

Je ne souhaite pas utiliser de plugin car ils sont souvent mono-fournisseurs (comme ceux de tassos ou autres).

J'aime bien l’éditeur de tinyMCE qui dans joomla 4 a un sous menu Insérer > média
Les problèmes, c'est que c'est un sous-menu et donc invisible pour ceux qui veulent aller très vite et en plus il y a plein d'autres liens de sous-menu à masquer.
L'idée serait peut-être de remonter cela comme icône menu principal mais cela n'a pas l'air possible !!

Du coup à moins de me rabattre la-dessus, je souhaite savoir si vous avez une autre piste pour faciliter la visibilité d'un icone/lien dans la saisir du contenu ?
Car une fois que je pars la-dessus, il est difficile voir impossible de changer d'accès sur le même site

[woluweb]

Perso je crée un champ personnalisé où les utilisateurs collent l'url de la vidéo ou son ID et à l'affichage je transforme ça en vidéo en utilisant mon propre alternate layout

[herve]

Bonjour

Perso je crée un champ personnalisé où les utilisateurs collent l'url de la vidéo ou son ID et à l'affichage je transforme ça en vidéo en utilisant mon propre alternate layout

Peux-tu m'en dire plus car j'ai bien essayé de créer un champ perso mais je n'ai pas trouvé.
Tu as pris lequel? un champ ACF ? et après tu ne fais pas de surcharge?
Bien intéressé notamment par ta méthode alternate layout que je n'ai pas utilisé.
@+

[woluweb]

Pour l alternate layout de custom field, une recherche google fer l affaire...

[Nioupixel]

sinon la version payante de JCE pro permet d'avoir directement dans l'éditeur un bouton pour insérer les médias y compris externes comme youtube.

Autre solution il y a aussi allvideos de joomlaworks

[daneel]

Pour les besoins d'une association, j'ai réalisé un formulaire avec un glisser/déposer pour des videos de conferenciers afin d'envoyer sous leur compte vimeo (en utilisant l'api).
La validation étant géré par la personne en charge du site web et de l'évenement implicitement responsable.

Mais l'idée du champ proposé par woluweb est également intéressante.

Le tout, c'est de savoir comment tu vas gérer les videos (publication, liste, player...)

[herve]

Bonjour
Nioupixel
Merci pour ta suggestion mais pour ce genre de chose, j'essaie le plus possible de faire des surcharges pour éviter une dépendance à un extension qui a sa propre codage

daneel
Idem car en faut je passe par un formulaire de création d'articles ou j'ai déjà plus d'une dizaine de champs joomla (ou ceux de tassos)
Après je n'ai pas compris ta question

savoir comment tu vas gérer les videos (publication, liste, player...)

Est-ce que cela veut dire que je n'ai pas été clair (>

• saisie sur formulaire en front-end, par un novice, lors de la création d'articles d'un champ perso à priori
• rendu miniature (blog) et taille réel sur la page d'un article avec un layout si j'ai bien compris ? (ex. vidéo "si c'est gratuit ..." https://clibre.eu/infos-sur-le-libre même si je ne suis pas sûr d'avoir le courage de le reporter sur ce site
• gestion par un membre du site

la difficulté, peut-être, c'est d'être agnostique pour rendre n'importe quel type de vidéo: youtube bien sûr mais aussi dailymotion, vimeo, peertube voir encore plus spécifique ??


woluweb
a priori ce qu'i me parle le plus est ta solution (mais si vous en avez d'autres, n’hésitez pas ;-) )
J'ai refais une recherche en tombant sur ... tes articles. Je les ai relu (un peu avec difficulté à cause de l'anglais et le fait que cela soit aussi une solution complète)
Est-ce que je peux en savoir un peu plus, notamment sur le custom fields utilisé ? champ perso tassos ?
Et si possible le code spécifique qui a l'air d'être très proche de ce que je pourrai faire :-)

[Nioupixel]

Dans ce cas si tu as des bases en php / html tu rajoutes un custom field simple de type text où tu indiques par exemple "Lien de vidéo Youtube" et tu fais une substitution dans ta template qui mets ce lien en iframe avec une classe css pour lui donenr les proportions que tu veux et gérer le responsive

[herve]

je pense que c'est un peu plus compliqué car je voudrai un seul champ pour tout les types vidéos (et pas seulement youtube, du coup comment adapté le rendu qui peut-être différent selon mon expérience)
ensuite alternate layout (jamais fait) est différent d'une surcharge (déjà fait)

[woluweb]

Un cf de type texte fait l'affaire. Mais on peut partir de tassos si on veut utiliser ses paramètres (genre couleur bouton, ...)

[Nioupixel]

je pense que c'est un peu plus compliqué car je voudrai un seul champ pour tout les types vidéos (et pas seulement youtube, du coup comment adapté le rendu qui peut-être différent selon mon expérience)
ensuite alternate layout (jamais fait) est différent d'une surcharge (déjà fait)

bah ensuite il faudra que dans ton code tu analyses l'url de la vidéo pour afficher le bon provider

[daneel]

bah ensuite il faudra que dans ton code tu analyses l'url de la vidéo pour afficher le bon provider

ah les joies des regex !



herve , ce que j'ai indiqué précédemment n'est qu'un retour d'expérience.

Tu as indiqué dans ta demande ne pas "vouloir de plugin car mono-fournisseurs" et de sécuriser le tout donc c'est un peu contradictoire avec un custom field video qui n'est tout simplement qu'un plugin ! L'idée était de proposer un support front de téléchargement de vidéo à part des articles (donc un module dans un article). Mais j'ai bien compris finalement que tu veux l'associer à la rédaction de contenu en champs personnalisés, quitte à gérer l'affichage via une surcharge.

Sans parler de technique, il faut pouvoir maitriser ce que tu publie surtout avec plusieurs auteurs. Ici tu propose d'intégrer toute sortes de liens, ce qui peux poser problème...

• Pour la communication, tu dois développer ta propre chaîne de diffusion. Qu'il s'agisse d'une chaine youtube ou caché comme vimeo ou libre comme peertube, il y a un intérêt à valoriser surtout avec ton propre lecteur personnalisé. De plus, on peut considérer youtube et autre comme des réseaux sociaux donc l'occasion de trouver un nouveau public.
• Gestion des droits d'auteur, en cas de souci tu dois pouvoir justifier qui, quoi, comment... et modérer a posteriori
  De plus, il y a aussi des limites à ce que l'on peut publier donc d'éviter les interdits tout en conservant l'indépendance technique
• Pour le SEO : profiter de la video diffusé uniquement sur ton support avec tous les enrichissement de contenu du type schema.org

Si on reste sur la logique du champ personnalisé avec de multiples provider, il faut découper l'url proposé afin de proposer une lecture approprié suivant le fournisseur, généralement il fournit un code "embed" donc une iframe. D'où mon début de réponse "les joies des Regex" ou des expressions régulières.

Coté RGPD et CSP, il faudra définir une stratégie de sécurité notamment avec le plugin des entêtes http (natif) pour les iframes et autoriser le consentement de lecture de video.

Comme indiqué précédemment, un champ texte suffit mais plutôt que de recherche à faire correspondre, il existe des solutions de librairie comme embera ou oscarotero qui pourront gérer directement l'url. exemple : https://oscarotero.com/embed/demo/
Cela reprends en fait l'idée de Oembed : https://oembed.com/

Pour info, embera est utilisé dans de nombreuses extensions notamment par OSEmbed et gère bien plus qu'oscarotero, cela comprend youtube, dailymotion et plus de 150 providers : https://extensions.joomla.org/extension/osembed/
https://github.com/mpratt/Embera/blo...2-providers.md

Pour peertube, c'est un peu compliqué dans le sens où chaque instance peut avoir son propre domaine comme https://tube.ac-lyon.fr mais il y a bien la possibilité d'intégration en embed ( fourni à travers le bouton de partage en dessous de chaque video) donc pas de repère sauf à intégrer les domaines existants (donc les instances ou plateformes : https://joinpeertube.org/instances ).

J'ai trouvé une detection d'url d'instance peertube via le service iframely (il connait plus de 1900 type d'url) mais tu serais dépendant.
Demo : https://iframely.com/try

Voilà

[herve]

Bonjour
Merci à tous

daneel

Merci particulier pour ces nombreuses ressources, argumentations, point de vue ...
la piste avec les rexgEx me semblent super intéressantes, mais hors de portés pour moi, sans plus d'explication
Comme je le fais bénévolement cela pour des sites collectifs communautaires, je ne vais pas pouvoir y passer des heures. Je continue à chercher une solution plus simple.

En fait je me suis peut-être mal exprimé , je ne veux pas de plugin youtube ou champ personnalisé ACT youtube car j'ai déjà fais cela et j'ai vu les limites, notamment aussi quand le plugin avec la balise propriétaire disparaît, ce qui oblige à revoir tout les contenus avec ces balises :-(
Si je n'arrive pas à utiliser une solution native joomla *, j’essaierai de me limiter (sniff) à un seul champ perso ou plugin pour un grand nombre de plateforme vidéos existantes avec une balise HTML standard. Pour infos , j'ai eu un réponse de Tassos qui me conseille ACF iframe ou ACF php (que j'ai en version pro)

tu soulèves d'autres questions super intéressantes, même si un peu hors sujet pour ceux qui voudraient suivre ;-)

Sans parler de technique, il faut pouvoir maîtriser ce que tu publie surtout avec plusieurs auteurs. Ici tu propose d'intégrer toute sortes de liens, ce qui peux poser problème...

• Pour la communication, tu dois développer ta propre chaîne de diffusion. Qu'il s'agisse d'une chaine youtube ou caché comme vimeo ou libre comme peertube, il y a un intérêt à valoriser surtout avec ton propre lecteur personnalisé. De plus, on peut considérer youtube et autre comme des réseaux sociaux donc l'occasion de trouver un nouveau public.
• Gestion des droits d'auteur, en cas de souci tu dois pouvoir justifier qui, quoi, comment... et modérer a posteriori
  De plus, il y a aussi des limites à ce que l'on peut publier donc d'éviter les interdits tout en conservant l'indépendance technique
• Pour le SEO : profiter de la video diffusé uniquement sur ton support avec tous les enrichissement de contenu du type schema.org

a) pour la communication: je n'ai pas bien compris car je ne me sens pas concerné. Je précises encore:

• une personne que je ne connais pas publie un contenu (parfois sans compte) via le formulaire création article de joomla
• ce contenu peut provenir de son site (avec certainement encore des spécificités) mais surtout d'une dizaine de plateforme hors youtube ou vimeo ...
• je pars sur le principe que la personne est novice et n'a pas beaucoup de temps

ok beaucoup de contraintes, c'est différent de tout gérer soi-même

b) gestion des droits: toutes les personnes sans compte ou avec droits limités ne sont pas publiés automatiquement. Après il serait intéressant ultérieurement que si un contenu pose problème, le visiteur puisse le signaler (icône ?) + commentaire

c) pas encore exploré mais je verrais bien cela avec Google Structured Data (tassos) en espérant qu'il n'y a pas de config spécial ?

Sécurité
Et bien sûr, c'est bien sûr le dernier sujet qui me préoccupe car je vois que des iframes ou autres utilises des fonctionnalités: gyroscope ... qu'il faudrait ensuite autoriser dans le plugin de sécurité de joomla (discuté il y a peu de temps)

... allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...

Pour tes ressources
Super merci pour ces sites de détection, c'est une très bonne piste si les visiteurs prenaient le temps car malheureusement il enrobe l'iframe dans un div !? (>

Pour Oembed, je l'avai déjà testé il y a longtemps. Même problème si cela s'arrête un jour; De plus je suis persuadé que je serai vite limité par la version gratuite et on n'aura pas les moyens d’ajouter 50€/an pour cela
Pour emberra, j'ai vu qu'il manquait de nombreuses plateformes dont je pourrai avoir besoin (y compris dailymotion !)
Je vais continuer à explorer notamment oscarotero même si j'ai l'impression que cela serait plus difficile à intégrer car je n'ai pas vu de plugin

Amicalement
* J'ai tenté une autre piste pour infos en se basant sur le code joomla natif (qui a l'avantage de bien intégrer la quasi totalité des plateformes et devrait être bien sécurisée :-) /

https://forum.joomla.fr/forum/joomla-4-x-aa/gestion-des-templates-design-css-et-bootstrap-aa/2050951-ajoutez-un-icone-action-dans-le-menu-tinymce-c%C3%B4t%C3%A9-front-end

[daneel]

Pour emberra, j'ai vu qu'il manquait de nombreuses plateformes dont je pourrai avoir besoin (y compris dailymotion !)

Personnellement, j'utilise cette librairie dans mes articles et je continue de développer avec car elle est suivie.
La dernière modification réalisée par Michael Pratt date de 15 jours... donc je suis étonné de tes propos.
Dans le lien que je t'ai donné : https://github.com/mpratt/Embera/blo...2-providers.md
Tu peux voir que DailyMotion est bien reconnu (déjà testé avec succès)

Pour Peertube, j'ai testé hier et trouvé avec leur api.
je prends le dernier segment qui correspond à l'id de la video et je soumet à l'api du site
ce qui correspond au nom du site + api/v1/videos/ + l'id de la vidéo
On récupère ainsi un json avec toutes les infos (url, titre, metadonnées..)

Je n'ai pas le temps de faire un CF (custom field) mais si un dev passe par là, il pourra certainement te répondre.
Perso, je le fais en detection auto (avec embera) dans l'éditeur tinymce pour afficher des tweets et/ou un player video
mais c'est trop spécifique pour être intégré dans d'autres sites.

Pour résumé, l'idée d'un champ me semble prometteur, en fusionnant la librairie et la detection d'url type peertube.
Il faut penser également à sécuriser un peu plus, un timeout et une mise en cache eviter trop de requêtes...
Si tu ne peux pas obtenir ce développement soit par tes propres moyens ou par l'aide d'un dev, il faut se rabattre
sur des solutions existantes. Et sincèrement, je suis déçu qu'OSEmbed ne tiennent pas ses promesses comme tu l'a précisé.

Sensibiliser à la politique de confidentialité, c'est une bonne chose en incluant les iframes, les cookies tiers.
Définir correctement la stratégie de sécurité fait parti des étapes surtout avec des rédacteurs anonymes.
Et pour ça, pas besoin de dev, juste bien connaître ton site et tes besoins.

[herve]

Salut
daneel
Encore merci même si des informations me dépassent (comme pour peertube), mais pourraient intéresse d'autres
Mea culpa pour dailymotion, j’avais bien fait la recherche dans la page, mais j'avai mal saisi le terme.

Je vais continuer à creuser cette solution d'un champ perso + librairie, enfin en espérant qu'un dev soit motivé ou besoins similaires ou on récolte des sous.
Du coup, s'il faut intégrer une librairie, je comprends que la meilleur solution serait d’utiliser le CF php de Tassos ?

Tu mentionnes directement ou pas, plein de librairies

https://github.com/oscarotero/Embed/

https://github.com/mpratt/Embera

https://github.com/webrecorder/oembed.link

mais aussi https://iframely.com/pricing

Tu conseilles plutôt embera
Ton critère principal a l'air d'être le nombre de providers mais du coup iframely (1900 providers même en version gratuite) en a plus ? Du coup d'autres critères ?

Bonne journée
ps: ces libraries me font penser qu'ils pourraient être utile pour d'autres besoins, comme récupérer des articles d'un autre site ou intégrer des événements dans une catégorie dp calendar dans un site joomla (bien sûr avec conventions de partage)
Est-ce que cela pourrait être une piste à noter en attendant des solutions standards dans joomla (comme fediverse,activityPub). Bon c'est hors sujet mais si la réponse est oui, j'ouvrirai un aute post