Sortie d'ITheora 2.0

[JosephK]

Au moment où j'écris, ça y est, j'angoisse
Je recopie le changelog qui est sur la page officielle.

Beaucoup de nouveautés dont un vrai "espace d'administration"

Le lecteur

Concernant le lecteur à proprement parler, côté coulisse le code est découpé pour plus de malléabilité et il y a maintenant un peu d'ajax (j'ai découvert les rudiments en faisant le widget Radio Dogmazic).

Chaque "fenêtre" a été améliorée :
- pour Télécharger, j'ai ajouté la possibilité de télécharger des sous-titres (*.lg.srt ou *.lg.sub), un fichier HD (*.hd.ogx), des fichiers doublés ou avec sous-titres incrustés (*.lg.ogx). (" * "=nom du fichier , "lg"=langue utilisée, fr par exemple).
- pour Partager, au code HTML habituel j'ai ajouté l'adresse du "Permalien", un bouton "Envoyer par Email" et j'ai remplacé le bouton pour soumettre la vidéo (et voter) sur TheoraSea par un bouton avec l'œil du logo.
- pour Options, il est possible d'ajouter dans le menu Outils les fonctions Télécharger, Partager et Plein Ecran et de les supprimer de la barre (ça se définit dans l'habillage) ce qui permet d'avoir un habillage minimaliste. Dans le menu Autres modes de de lecture, j'ai ajouté la possibilité de lire la vidéo en local avec une playlist XSPF comme on le ferait avec une playlist M3U sur une suggestion de freechelmi (http://wireless-fr.org).
- pour Liste de Lecture, les outils pour télécharger et partager sont intégrés en bas de la fenêtre pour y accéder plus facilement. En mode XSPF, il est possible de télécharger directement (sans clic-droit) la playlist, le partage est sensiblement le même que pour les vidéos. En mode Podcast, pas de téléchargement, mais il y a un lien vers le flux et un lien pour s'abonner au flux avec Miro.
J'ai modifié aussi l'affichage des aperçus (vignettes ou pochettes d'album) pour que ça ne déborde pas de la fenêtre de manière anarchique.
Les urls avec paramètres peuvent être lues à condition qu'il n'y ai pas un paramètre en conflit avec ceux utilisés par ITheora et qu'il n'y ai pas de caractères spéciaux. (en coulisse, il y a un coup d'ajax côté client pour charger la playlist et la mémoriser quand on clique sur un autre bouton et une session php côté serveur pour mémoriser la playlist quand on change de morceau.)
- le message d'Erreur est à présent intégré à la fenêtre et contient un mini-formulaire pour taper l'adresse d'une autre vidéo (un œuf de Pâques y est caché mais c'est un œuf utile ).
- pour Play, la vidéo à lire se fait en fonction de la langue si elle est disponible.

La détection du titre de la vidéo est automatique. Le deuxième clic sur un bouton permet de revenir à la fenêtre Stop, suggestion de joan (http://www.kinovea.org)

Le lecteur ne tourne plus à vide (en voulant le redimensionner) quand il est masqué (en CSS avec "visibility : hidden") (Le redimensionnement ne fonctionne toujours pas "correctement" sur Konqueror. Je l'ai donc désactivé, mais il est possible de l'activer en configurant Konqueror pour qu'il n'envoie pas l'identification du navigateur.

Sous le capot, il y a la dernière version de la class.ogg.php de Nicolas qui permet d'extraire une image au milieu de la vidéo et de la mettre en cache. Ça fonctionne uniquement si les librairies ffmpeg et gd pour php sont installées sur le serveur.

Le lecteur possède trois sorties possibles : le mode normal (sans paramètre) ; le mode xml pour exporter les données essentielles de la vidéo (adresse, titre, auteur, licence, description, durée, taille, image, torrent...) pour TheoraSea entre autre ; le mode permalien (?v=video.ogv&out=link) qui permet d'afficher la vidéo dans sa taille d'origine proprement au centre de la page avec gros titre et menu déroulant horizontal du podcast local s'il y en a un. L'avantage c'est qu'on peut copier le lien vers la vidéo dans un forum, un commentaire de blog, etc (tout espace où l'HTML est désactivé) sans voir la vidéo occuper toute la fenêtre quand on clique dessus.

Le podcast local c'est simplement un flux rss qui se génère en fonction du contenu d'un dossier (podcast.php?dir=chemin_du_dossier) par ordre chronologique de création. Le menu déroulant horizontal, c'est la playlist qui est affichée (en mode permalien pour le moment) avec les images des vidéos seulement (fonctionne aussi pour les XSPF mais ça ne sert pas encore) c'est similaire à ce qu'on trouve sur d'autres sites de vidéo bien connus ou au skin jukebox.

Il est possible de masquer la durée de la vidéo (dans la barre de titre) et de l'afficher séparément dans la barre d'outil du lecteur (à voir dans l'habillage), de même pour le titre qui peut être placé en dehors de l'espace de la vidéo ce qui permet de ne plus avoir de problème d'affichage du titre en arrière plan sous IE notamment. suggestion de mischamajskij.

Espace d'administration

Quatres outils :
- le générateur de code, pas de changement majeur, juste un code coloré pour bien montrer le code "propre" en vert foncé et le code "sale" réservé à ce stupide Microsoft Internet Explorer en jaune caca d'oie (parce qu'il le vaut bien ).
- le générateur de playlist, permet de créer rapidement une liste de lecture XSPF sans se prendre la tête avec les tags xml. Même si je ne suis pas objectif vu que c'est moi qui l'ai fait, je peux dire que c'est vraiment pratique, notamment pour la conversion de la durée en microseconde.
- un éditeur de tags, celui là c'est Nicolas qui l'a fait, mais je peux aussi dire que c'est vraiment pratique pour tout ce qui concerne les problèmes d'encodage des caractères et plus généralement pour ne pas avoir à rapatrier le fichier quand il faut corriger une faute d'orthographe dans le titre ou la description (c'est ce qui justifie le fait d'avoir ajouté la détection auto du titre de la vidéo dans le lecteur).
- un gestionnaire d'upload, alors ça, ça fait un moment que je cherche une solution potable, c'est pas évident... ça passe par une applet java (ZUpload) en mode FTP pour contourner les limitations imposés par certains hébergeurs (php.ini en mode HTML), pas par du php parce qu'il faudrait activer la librairie ftp... bref, l'applet java c'est un bon compromis (chez free.fr, ça ne marche pas chez moi mais d'autres m'ont dit que oui). L'upload n'est possible que sur le site où est installé ITheora et par défaut les données sont placées dans le dossier "data"

Gestion de la configuration :
- la configuration du lecteur permet d'activer ou désactiver certains éléments définitivement (plus par la suppression des fichiers .png associés). Les paramètres "d=?" fonctionnent toujours et pour la désactivation par les skins, il suffit de mettre un "display : none" dans la feuille de style pour masquer l'élément gênant. Les images peuvent être des .gif (ou des .apng) ce qui permet d'animer un peu plus le lecteur si on le souhaite (moi, j'aime pas les gif ).
On peut aussi changer le titre "ITheora, I really broadcast myself" pour mettre ce qu'on veut.
Enfin, c'est là que se gèrent les listes noire et blanche. Par défaut la liste noire (par domaine et mot clé) est prioritaire sur la liste blanche (par domaine). Vous pouvez n'autoriser que "blip.tv" dans la liste blanche par exemple et bloquer toutes les vidéos de "JosephK" dans la liste noire si vous avez peur que j'utilise votre lecteur de manière abusive.
- la configuration de l'espace d'administration sert à modifier les paramètres de connexion (par défaut : admin / admin) et les paramètres FTP du gestionnaire d'upload.

L'accès évidemment est sécurisé, les pages appelées ne peuvent être chargées que par l'inclusion dans le fichier admin/index.php donc pas la peine d'essayer de passer par admin/pages/tags.php par exemple.

Actuellement, les habillages et les traductions ne sont pas encore à jour, la doc pour l'installation non plus.
Pour l'installation peu de choses changent, il faut juste modifier les droits sur les fichiers "admin/config/admin.php" et "admin/config/player.php" en 600 (lecture et écriture que pour l'utilisateur) et changer les identifiant/mot de passe par défaut (admin/admin).

Bon, j'espère qu'il n'y aura pas trop de bêtises dans le code car pour les applications web l'adage "Release Early, Release Often" ne s'applique pas bien... et cette version n'a pas encore passé l'épreuve du feu à savoir l'intégration dans TheoraSea.

[JosephK]

Bon ça y est, intégré à TheoraSea et ça semble tourner correctement.

Bon et puis j'en ai profité pour modifier la page résumant la liste des compatibilité en fonction du système d'exploitation, du navigateur et du lecteur multimédia utilisé, capture d'écran à l'appui et avec explication pour les cas un peu subtiles.

[JosephK]

J'ai plusieurs questions au sujet du développement futur d'ITheora parce que là je suis plutôt dans une impasse (à cause d'IE)...

Ça fait suite à la remarque d'aka en commentaire sur le Framablog, mais aussi à pas mal de retours que je trouve sur le net.

Je ne demande qu'à modifier cette manière de faire mais sans que cela devienne une complication bloquante pour un quart des visiteurs du site qui sont encore sous Internet Explorer (où ton player ne tourne pas bien, enfin chez moi en tout cas)

D'une part, la question du flash. Actuellement la lecture en flash peut se faire par l'ajout d'un module optionnel. Il oblige à héberger un fichier ogv en plus du fichier flv puisque le but reste de privilégier le format theora.
Quand je compare avec d'autre projets similaires au mien, on a exactement le même problème : OggHandler de Wikipedia qu'on retrouve ici modifié pour lire en flash ou Mv_Embed conçu par metavid.
Est-ce que je dois inclure la possibilité d'utiliser du flash par défaut ou faut-il que je laisse le webmaster faire volontairement la démarche de l'installer... en fait je suis un peu fatigué d'entendre les arguments comme quoi "java c'est lourd et c'est pas aussi répandu que flash" (sachant que de toute manière deux fichiers à héberger au lieu d'un ça a un coût).

L'autre problème, c'est que pour la lecture des ogv j'ai 5 "moteurs de rendu" possibles dont deux qu'on retrouve dans le menu options sous IE : la future balise html5 "video", le mime type (intégration directe gérée par VLC, Quicktime, Mplayer, etc), Java (Cortado), les contrôles ActiveX pour RealPlayer et les contrôles ActiveX pour Windows Media Player (contrôles activeX pour VLC qui ne marchent pas).
Là aussi je suis un peu fatigué d'entendre qu'ITheora est un "habillage à Cortado" quand en réalité il s'agit vraiment d'un "outil" pour gérer les vidéos en ligne aussi bien pour l'affichage (avec la détection automatique du "meilleur" plugin) que pour la mise à dispositions des données annexes (torrents, sous-titres, code de partage, etc), la création des videocasts, playlist, etc. (ITheora is not Cortado)

Globalement, je pense que le chargement automatique du plugin selon l'ordre des priorité semble cohérent pour Firefox (et équivalents Chrome, Konqueror, Opera, Epiphany...) : Balise vidéo, mime type et enfin java.

Pour Safari, le mime type pose problème car il faut installer Quicktime et son patch impérativement (+ DirectX), du coup j'ai inversé l'ordre : balise vidéo, java et mime type.

Pour IE, c'est l'enfer, tout est lu simultanément si je ne force pas la détection auparavant. Il est possible de détecter si un plugin existe avec ce script que j'utilise (javascript) mais il est impossible de détecter si le patch pour WMP ou pour Realplayer est installé à moins d'utiliser une faille de sécurité d'IE et d'inciter l'utilisateur à naviguer en mode intranet (même problème pour safari et le patch pour quicktime mais pas de faille de sécurité ), c'est pour ça que les plugins par contrôle ActiveX sont dans le menu Options.

Alors, par rapport aux tests que j'ai déjà fait et dont j'ai fait le compte rendu là.
Soit je laisse les choses telles quelles sachant que ça n'a rien de pratique de passer par "options" pour lire la vidéo avec WMP sous IE et que WMP c'est la meilleure méthode (la plus efficace et la plus fiable) pour lire du ogg avec IE.
Soit au clic sur play demander quel plugin est le mieux mais ça n'a rien de simple pour monsieur tout-le-monde (en plus, impossible de mémoriser le choix pour les différents sites utilisant ITheora).
Soit détecter les patchs installés avec de l'activeX comme le fait MS pour windows update mais est-ce possible et ai-je le droit de le faire et surtout comment faire parce que la ça me dépasse complètement

[pyg]

Ca s'est de la mise à jour ! Bravo !

Tu as mis la notice Frama à jour ?

[JosephK]

Ca s'est de la mise à jour ! Bravo !

Je fonctionne par à-coup, quand on regarde la page de news la mise à jour précédente c'était une mise à jour de faignant alors je me suis rattrapé
Bon, par contre j'ai pas voulu ouvrir un nouveau post sur la question de la compatibilité multi-navigateur (un peu l'impression de polluer Framagora à force de ne parler que d'ITheora) mais j'aurais peut-être du...
La version 3 sera multi-utilisateur et un peu plus orienté "application web", c'est l'objectif fixé, mais entre temps il faut que j'améliore cette histoire de détection des plugins qui ne me plaît pas en l'état, que je lui fasse ingurgiter tout les podcasts de Dogmazic, et puis d'autres petits détails...

Tu as mis la notice Frama à jour ?

Ça y est c'est fait.

[JosephK]

Mise à jour, version 2.1. En résumé : intégration par défaut du module flash pour les raisons avancées plus haut, optimisation pour blip.tv et wikimédia, et lifting du skin par défaut. (Pour l'amélioration de la détection avec IE j'ai pas encore trouvé)
Démonstration avec le Framatube

Voilà le changelog pour plus de détail :

Les bugs de la version 2 étant relativement minimes, j'ai préféré attendre un peu avant de faire la mise à jour.

J'ai ajouté la possibilité de désactiver les "téléchargements alternatifs" notamment pour free. Leur chargement est également amélioré (préchargé avant le clic sur le bouton download).
J'ai remis la détection des fichiers locaux qui ne fonctionnait plus avec certains hébergeurs qui désactivent la fonction fopen().
Un fichier index.html rend le dossier cache invisible de l'extérieur au cas où ça ne serait pas déjà le cas.
J'ai modifié la gestion de la langue pour que les phrases non traduites soit affichées en anglais. La traduction italienne a été ajouté à l'archive.
Le fichier "lib/fonctionxml.php" est intégré dans le fichier "lib/fonctions.php" donc vous pouvez le supprimer lors de la mise à jour.

Le module flash est intégré par défaut. L'utilisation du lecteur flash est privilégiée sur l'utilisation de Cortado lorsque c'est possible, mais la balise vidéo ou le plugin du navigateur reste toujours prioritaire. C'est principalement pour assurer un meilleur support pour Internet Explorer vu que sur Firefox 3.1 la balise vidéo rendra l'utilisation d'ITheora beaucoup plus simple. (Sur la 2.0 avec IE la lecture en flash ne fonctionnait pas et personne ne me l'a dit :/ )

Du coup, ITheora est optimisé pour blip.tv. Les vidéos flash sont détectés, les images aussi (notamment dans la fenêtre "Liste de lecture" lorsqu'on utilise le podcast de blip). Le "scroll" du podcast local (podcast qui recense les fichiers d'un répertoire du serveur où est installé ITheora par date de modification), qui apparaît en bas du "permalien", affiche les 21 premières vidéos du podcast utilisateur de blip.
J'ai aussi intégré la détection des images pour les vidéos de wikimédia.

Le skin par défaut est modernisé grâce au talent de mischamajskij et à l'aimable autorisation de Cinzia pour l'utilisation de l'image qui a servi comme source au fichier null.jpg (qui reste sous licence GPL en l'état).

Pas de modification sur la partie administration. Les skins restent compatibles.