La version Macintosh 1.0.1 du client est disponible. Les fichiers se synchronisent par magie entre plusieurs machines.

Tous les détails sur la configuration dans la documentation friCloud à l’adresse http://doc.friCLoud.ch

La version Windows 1.0.1 du client est disponible. Les fichiers se synchronisent par magie entre plusieurs machines.

Tous les détails sur la configuration dans la documentation friCloud à l’adresse http://doc.friCLoud.ch

Version 3.0.1 et outils de synchronisation
La version 3.0.1 ouvre la voie des outils de synchronisation, des clients qui s’installent sous Windows, Linux et Macintosh et permettent un synchronisation automatique de dossiers et fichiers entre friCloud et un ordinateur sans aucune intervention de l’utilisateur. Les premiers tests sont prometteurs.

Clients pour les mobiles
Des applications pour iOS et Androïd seront prochainement disponibles dans l’AppStore et Google Play. L’utilisation de friCloud sera alors encore plus intuitifs sur les équipements mobiles.

Roadmap
Les prochaines étapes du projet friCloud peuvent être consultées sur la roamap du projet.

1. Outils nécessaires

• TubeMaster++
  Logiciel open source qui permet de capturer les flux multimédias que l’on écoute ou regarde au moyen d’un navigateur internet. Les fichiers capturés pourront aussi être convertis en d’autres formats: AVI, MPEG, MP3, MP4, IPod, PSP …
• JavaRunTime
  Une machine virtuelle JAVA pour votre système d’exploitation.
  La version pour Mac OSX Lion est disponible ici: http://www.macupdate.com/app/mac/39490/java-for-os-x-lion
  La version pour Windows s’installera automatiquement lors de l’installation de TubeMaster++
  
• VLC
  Logiciel open source qui permet la lecture et le transcodage de fichiers multimédias.
• MpegStreamClip
  Logiciel gratuit qui permet de manipuler simplement des vidéos de nombreux formats.
• MPlayer
  Un lecteur multimédia open source.
  La version Macintosh est disponible dans le Mac AppStore ici MPlayerX
  La version Windows peut être téléchargée ici: http://www.mplayerhq.hu/design7/news.html

2. Capture de flux
TubeMaster++ permet de capturer un/des flux, le principe de fonctionnement est le suivant:

• Lancer TubeMaster++.
• Utiliser le navigateur internet de votre choix (FireFox, Chrome, …) et visionner la/les séquences désirées.
• La/les vidéos visionnées sont détectées et s’enregistrent dans TubeMaster++, vous pouvez quitter le navigateur internet, l’enregistrement continue.
• Une fois les vidéos enregistrées, vous pouvez les sauver dans le dossier de votre choix en leur donnant un nom explicite.

• Les vidéos capturées sont directement lisibles dans VLC et MPlayer. Pour les lire dans Quicktime ou Windows Media Player, il faut les transcoder afin que le fichier contienne les informations sur la durée de la séquence et d’autres informations utiles. Seul le fichier vidéo transcodé permettra d’avancer rapidement dans la séquence ou de pointer un moment précis.

3. Transcoder une vidéo
Pour transcoder une vidéo, il faut utiliser VLC. Vous trouverez tous les détails sur le transcodage de vidéos dans le billet suivant: Changement de format vidéo avec VLC
Les vidéos transcodées peuvent encore être modifiées, éditées, raccourcies en utilisant MpegStreamClip.

4. Installation de TubeMaster++ pour Windows et Linux
TubeMaster++ est directement utilisable pour Windows et Linux ici. Simplement télécharger le paquet d’installation et se laisser guider par l’installeur.

5. Installation de TubeMaster++ pour Macintosh
L’installation est un peu plus complexe, il faut compiler une partie du code, installer Java (en 10.7) et lancer l’application depuis une commande du terminal. Pour vous faciliter la vie, voici une procédure et quelques fichiers.

1. Installation de Java
   Si vous êtes en 10.6.8, Java est déjà installé. Si vous êtes en 10.7 (Lion) il faut télécharger et installer Java ici: http://www.macupdate.com/app/mac/39490/java-for-os-x-lion
2. Installation des extensions Java pour la librairie jpacp
   Copier les 2 fichiers (que nous avons compilés pour vous) contenus dans jpacp.zip dans le dossier /Library/Java/Extensions/
3. Installation de TubeMaster++
   Télécharger et décompresser le fichier tm++.linux.tar.gz copier le dossier tm++.linux dans le dossier Applications
4. Lancer le terminal et entrer les commandes suivantes:
   • En 10.7
     sudo java -cp /Applications/tm++.linux/TubeMaster++/ -jar tm++.jar ;
   • En 10.6.8
     cd /Applications/tm++.linux/TubeMaster++/
     sudo java -jar tm++.jar

   Les commandes devront être lancées chaque fois que vous désirez utiliser TubMaster++, votre mot de passe vous sera demandé et vous devez être administrateur de l’ordinateur.

5. Si vous désirez utiliser la lecture en cours d’enregistrement, il faut installer MPlayerX depuis l’AppStore, puis éditer les options de TubeMaster++ et choisir MPlayerX comme lecteur multimédia.

Conclusion
Un outil vraiment intéressant pour capturer des vidéos, il est dommage de devoir le faire en 2 étapes à cause du transcodage, mais c’est tellement plus fun !!

1. Fonction d’annuaire des utilisateurs
Lors de la suppression d’un serveur OS X, il faut remplacer l’annuaire des utilisateurs-trices. Il existe des solutions Open Source de type LDAP sous Linux, cependant l’annuaire le plus répandu est Active Directory de Microsoft. L’utilisation d’Active Directory offre l’avantage d’un mariage des machines Windows, Unix et OS X dans un environnement commun, des plugins permettent de connecter ces 3 types de clients à Active Directory.

2. Fonction de serveur de fichiers
La fonction de stockage de fichiers peut être garantie par des équipements du type NAS (Network Attached Storage). Ces équipements dédiés à cette fonction sont extrêmement performants. Dans le cadre de EDUFR nous utilisons, par exemple, des stockages NAS de l’entreprise NetApp.
Il faut veiller à choisir des équipements NAS qui s’intègrent totalement dans l’annuaire et qui respectent des droits de type ACL.

3. Intégration des clients OS X dans Active Directory sans pertes de fonctions
Il est possible d’intégrer des clients OS X dans Active Directory au moyen d’un plugin fourni en natif par Apple. Ce plugin peut être utilisé si l’école utilise des profils fixes sur les postes de travail. Pour une expérience utilisateur équivalente au modèle Mac OSX Server avec des profils migrants et des configurations de poste client étendues, il faut utiliser un logiciel complémentaire qui se nomme ADmitMac. L’installation de ce produit permet de reproduire pratiquement toutes les fonctions offertes par un Serveur OS X et offre en plus la possibilité de gérer les machines par de GPO dans Active Directory. ADmitMac supporte les domaines multiples, mais dans la même forêt.

Voici une une liste des fonctionnalités les plus intéressantes en anglais:

• Installs on the Mac with no Active Directory schema changes required.
• Supports Windows login security restrictions.
• Support for Dfs – home directories can be mounted using Dfs, and Shares on the Mac support Dfs.
• Supports NTFS file format – does not create “dot-underscore” files.
• Supports Windows ACLs (Access Control Lists).
• Supports long share names.
• Preserves users’ custom desktop and documents no matter which computer they log into.
• Caches user credentials for mobile user access when not connected to the network.
• Home directories may be located at a path where the user does not have access to the parent folders.
• ADmitMac deployment utility (for VLA customers with large deployments) creates custom install pack- ages for multi-computer installations.
• Dynamic DNS registration support: the Mac will register its IP addresses with DNS. AD Commander allows Administrators to edit Active Directory users and groups.
• Option de Home folder
• Use Network Home Folder to mount the user’s network home folder.
• Use Local Home Folder to allow user to create and use a local home folder. This is an option for users in environments where network home folders are not supported, or users who always use the same Macintosh. If network home folders are present, they can be mounted as volumes on the desktop.
• Use Either to use a network home folder if provided, otherwise create and use a local home folder.
• Create Mobile Account at Login to provide an option for users who wish to use Apple’s Home Sync feature.

Conclusion
Il est possible aujourd’hui de remplacer sans perte de fonctionnalité un serveur Mac OS X dans une école.

Ce billet décrit l’utilisation des nouvelles fonctionnalités iCloud pour déployer et maintenir un parc d’iPads dans une classe.

Nous avions décrit dans l’article: iPad configuration et sécurisation pour école, les principes de sécurité et les moyens de communication que nous avions imaginés pour un set d’iPads non personnel.

Avec l’introdution d’iOS 5 et surtout d’iCloud de nouveaux moyens de gestion d’iPads non personnels peuvent être exploités.

Nous allons aborder l’utilisation d’iCloud dans les domaines suivants:

• Configuration & mise à jour
• Sauvegarde & restauration
• Déploiement & clonage
• Installation & distribution d’applications

1. Création d’un Master
Il faut utiliser un iPad comme Master et le migrer vers iOS 5. Il faut ensuite créer l’image Master comme décrit dans le billet iPad configuration et sécurisation pour école ceci pour avoir une copie locale de la configuration (toujours utile en cas de corruption du compte iCloud).

2. Déposer le Master dans iCloud
Une fois un iPad configuré, il faut activer les fonctions iCloud sous Réglages -> iCloud et activer le compte iCloud qui sera partagé entre tous les iPads. Remarque, nous avons utilisé un compte iCloud sans carte de crédit associé.
Les fonctionnalités Flux de photos, documents et données et Localiser mon iPad sont particulièrement intéressantes et doivent être activées.

Le menu Réglages -> iCloud -> Stockage et sauvegarde permet de sauvegarder le Master dans iCloud. Il faut au préalable activer le switch Sauvegarde iCloud puis cliquer sur Sauvegarder maintenant. L’image de votre iPad Master sera déposée dans iCloud.

3. Cloner (restaurer) une machine à partir d’iCloud
Prendre un iPad iOS 5 tout neuf depuis son carton d’emballage, ou faire un Reset total d’un iPad iOS 5 en utilisant le menu Réglages -> Général -> Réinitialiser -> Effacé contenu et réglages et on se retrouve avec l’écran d’acceuil iPad

Après avoir choisi la langue de l’interface, et un réseau WIFI

Il est possible de choisir l’option Restaurer à partir d’iCoud et ensuite de choisir la sauvegarde que nous venons de faire au point 2, la restauration démarre.

Une fois que l’iPad est restauré, toutes les applications vont automatiquement s’installer sur l’iPad. Il ne restera plus qu’a appliquer un profil de sécurité, si tel est votre désir, comme décrit dans l’article iPad configuration et sécurisation pour école et l’installation est terminée. Il est évidemment possible de faire 10 ou 20 restaurations en même temps, ceci dépend de la connexion WIFI que vous avez à disposition. Une fois l’installation terminée, vous pouvez désactiver sauvegarde iCloud dans le menu Réglages -> iCloud -> Stockage et sauvegarde -> Sauvegarde iCloud pour éviter que tout votre parc se sauvegarde tous les jours sur iCloud et accessoirement conserver un seul backup Master.

4. Déploiement de nouvelles applications sur le parc d’iPads
L’iCloud permet un déploiement automatique de nouvelles applications & contenus sur tout le parc d’iPads d’une classe. Nous avons déjà activé la mise à jour de contenu dans l’étape 2,  il faut maintenant activer le téléchargement automatique des applications sous Réglages -> Store activer Apps & Livres.

Dès que ceci est effectué, chaque nouvelle application installée sur un iPad (par exemple le Master) est automatiquement installée sur tous les iPads membre du même compte iCloud.

5. Conclusion
En utilisant iCloud, il est très aisé de distribuer des applications et de cloner des iPads dans une classe. Les mises à jours logiciels de iOS 5 sont incrémentales, la maintenance du parc sera ainsi facilitée et le déploiement de 20 nouveaux iPads prend très peu de temps.

Le nouveau système d’exploitation Mac OSX 10.7 Lion ajoute une fonctionnalité très utile pour le dépannage et la restauration: une partition supplémentaire du disque qui permet de booter sur un mini système (Recovery partition) et qui contient les fonctionnalités suivantes:

• Restauration depuis un backup Time Machine
• Ré-installation de OS X (depuis l’App Store)
• Utilitaire disque
• Utilitaire de mot de passe Firmware
• Utilitaire réseau
• Terminal
• Disque de démarrage
• Reset de mot de passe

Il est également possible de graver cette partition sur une clef USB ou un DVD au moyen de l’application “Lion Recovery Disk Assistant” mise à disposition par Apple et d’avoir ainsi un outil de dépannage sur soi …

Comment démarrer en Recovery Mode
Un Mac sous 10.7 démarre en Recovery Mode en appuyant sur les touches CMD-R au démarrage, ou en appuyant sur la touche ALT au démarrage et en choisissant ensuite le Recovery Disc.

Problème de sécurité
Comme il est extrêmement facile de démarrer dans ce mode et d’utiliser ensuite l’utilitaire disque ou l’utilitaire de Reset de mot de passe pour commettre des actes malveillants, il est très important de protéger les ordinateurs Macintosh au moyen de l’utilitaire de mot de passe Firmware.
Dès que le mot de passe de Firmware est activé, il n’est plus possible de démarrer un Mac dans un mode spécial (liste des modes de démarrage spéciaux) sans fournir le mot de passe. C’est la protection minimale qui est recommandée, afin que les ordinateurs d’une école ne soient pas effacés en 30 secondes …

MPEG, VOB, PS, M2P, MOD, VRO, DAT, MOV, DV, AVI, MP4, TS, M2T, MMV, REC, VID, AUD, AVR, VDR, PVR, TP0, TOD, M2V, M1V, MPV, AIFF, M1A, MP2, MPA, AC3, …

Ce logiciel permet également de capturer des flux vidéos et de lire des séquences sur DVD. Une fois la séquence capturée, elle peut être éditée pour, par exemple, ne garder qu’une partie d’une vidéo. Plus intéressant encore, il est possible d’exporter la vidéo dans d’autres formats.

Récupérer et éditer une vidéo de YouTube en quelques secondes est également possible avec MPEG Streamclip.

Il faut choisir ouvrir une URL dans le menu File:

Puis il faut introduire le lien de la vidéo que l’on désire télécharger et éditer:

Au niveau des options YouTube, il est possible de choisir le type de fichier que l’on veut télécharger, personnellement j’utilise volontiers MP4.

La vidéo YouTube se télécharge dans MPEG Streamclip et peut être éditée à souhait. Simple rapide efficace !

2011, les montres à aiguilles on “kiff”, les montres à cristaux liquides c’est pour les ploucs …

Le centre fri-tic va mettre à disposition, des personnes ressources du canton de Fribourg, un set de 6 iPads dans une caisse avec une borne wireless et des câbles de raccordements. L’objectif est de favoriser des projets TIC en classe. Si le succès est au rendez-vous, d’autres sets seront équipés. La réservation du set sera possible, par les personnes ressources, à l’adresse suivante: http://reservations.fri-tic.ch/

Ce billet décrit les principes de sécurité et les moyens de communication que nous avons imaginés pour un set d’iPad “non personnel“.

1. iPad un outil personnel ?
L’iPad est conçu comme un outil personnel. Les considérations de sécurité, de distribution de logiciels, de configuration de l’appareil seront différentes si un iPad est distribué à chaque étudiant-e d’une classe ou si comme nous le faisons un set d’iPads change de mains chaque semaine.

2. Protection matérielle
Un iPad est une belle machine, il faut la protéger pour la mise en œuvre dans un milieu scolaire. Nous avons choisi un étui de protection “Grip Groove Silicone Case” de Belkin et une feuille de protection “Screen Care Kit” de Griffin pour l’écran. Pour le transport de 6 à 10 ipads, notre choix s’est porté sur une caisse à roulette de type Peli.

3. Protection logicielle et principe d’échange
Des iPads qui changent de mains chaque semaine doivent être protégés pour que les étudiant-e-s puissent travailler avec plaisir mais sans risquer d’effacer le contenu. Nous avons choisi d’explorer la protection dans les domaines suivants:

3.1 Du point de vue de l’étudiant-e

• Protéger contre la suppression de logiciels
  L’étudiant-e ne peut pas supprimer une application
• Protéger contre les installations de logiciels
  L’étudiant-e ne peut pas installer une application, n’y effectuer des achats d’application “in Apps”
• Protéger contre les effacements (reset total appareil)
  L’étudiant-e ne peut pas faire un reset total de l’iPad
• Protéger contre l’achat de musique
  L’étudiant-e ne peut pas acheter de la musique

3.2 Du point de vue de l’enseignant-e
En plus des protections en place pour les étudiant-e-s, les enseignant-e-s peuvent:

• Ajout de fichiers audio, vidéo et de photos
  L’enseignant-e peut ajouter des fichiers vidéo, audio et des photos sur chaque iPad et récupérer le travail des étudiant-e-s. Ceci en branchant l’iPad à n’importe quel ordinateur ou par courriel.
• Réception et distribution du travail des étudiant-e-s.
  L’enseignant-e peut réceptionner et envoyer de fichiers textes, pdf, audio, images etc … avec les étudiant-e-s. Ceci en branchant l’iPad à n’importe quel ordinateur ou par courriel.

4. Implémentation de la protection logicielle
Pour réaliser les éléments du point 3, nous avons défini un profil de configuration des iPads au moyen de “l’iPhone Configuration Utility“. Le profil peut être appliqué sur les iPads et la sécurité, ainsi que les paramètres de configuration peuvent être réglés.

Vous pouvez télécharger un exemple du profil de la configuration purgé des comptes de courriels, des configurations réseau et des mots de passe ici: 
iPadConfigExemple.mobileconfig
Ce profil peut être importé dans “l’iPhone Configuration Utility”, il faut penser à protéger le profil au moyen d’un mot de passe pour que l’étudiant-e ne puisse pas le supprimer par erreur. Vous pouvez ensuite ajouter les configurations de courriel et autres. Pour empêcher suppression des applications par les étudiant-e-s, il faut avoir la version 4.2 de IOS.

5. La protection dans la pratique
Une fois l’iPad protégé, plus aucune application ne peut être installée ou effacée. Il n’est également plus possible d’effacer “reset total ou partiel“, car le mot de passe principal protège cette opération. Ceci est une petite limitation qui nécessite que l’enseignant-e introduise le mot de passe une fois par jour le matin lors de la distribution des iPads.
Si l’iPad est branché à un ordinateur qui contient iTunes, les applications ne pourront pas être copiées, ni effacées, par contre on pourra copier des fichiers vidéos, des photos et des fichiers audio vers l’iPad.

6. Concept d’échanges
Les iPads sont tous configurés avec un compte commun pour l’e-mail (educanet2), Evernote et DropBox. Ceci permet à l’enseignant-e de déposer des travaux directement dans Evernote, de récupérer par courriel ou dans la DropBox. Les étudiant-e-s peuvent aussi simplement envoyer des courriels depuis toutes les applications et le travail est directement communautaire et transparent.

7. Déploiement
Nous avons choisi de faire le déploiement de la manière suivante.

• Un iMac contient  un compte iPad spécifique. Ce compte iPad est sauvegardé automatiquement sur un serveur au moyen de SuperDuper.
• Le compte iPad spécifique contient tous les outils nécessaires, iTunes, iPhone Configuration Utility, ainsi que toutes les applications désirées sur les iPads.
• Une fois un iPad “Master” configuré, nous effectuons un backup sécurisé de l’iPad. Une fois le backup sécurisé effectué, il faut quitter iTunes et aller dans le dossier ~/Library/Application\ Support/MobileSync/Backup. Il faut ajouter la date au début du dossier du dernier backup _18.10.2010_xyz et ensuite modifier le fichier info.plist qui se trouve dans le dossier rechercher la key Display Name et ajouter la date dans le nom. Cette opération permet de conserver un backup d’un équipement IOS à une date donnée.
• Prendre ensuite un iPad tout frais du carton, ou faire une reset total sur un iPad, et le brancher au iMac et restaurer le backup de la date désirée, terminé.

8. Conclusions
Le déploiement des 6 iPads est très simple en suivant cette méthodologie, il serait également facile d’en déployer une centaine rapidement en utilisant ce principe. Par contre pour des déploiements plus important, il faudrait découvrir d’autres alternatives …

Vous pouvez simplement télécharger le profil de configuration ci-dessous directement depuis votre iPhone.

http://www.iphil.ch/spec/iPhone/6digitSecurity.mobileconfig

Une fois installé, le profil peut en tout temps être supprimé depuis Réglages -> général -> profil -> supprimer

Il y a 100 ans, l’installation d’un câblage électrique dans un bâtiment relevait de la science-fiction. Qui aurait pu imaginer qu’un jour tous les appareils que nous utiliserions nécessiteraient une connexion électrique ? De la cave au grenier, l’électricité est partout! Au même titre, les locaux d’habitation étaient chauffés individuellement, tandis qu’aujourd’hui le chauffage central est le standard dans les pays industrialisés. Un autre exemple serait l’évolution de la téléphonie depuis plus qu’un siècle.

Un réseau informatique permet d’accéder à des services centraux et de communiquer entre les stations de travail. Dans le monde d’Internet, le temps s’écoule plus rapidement. En effet, de nouvelles versions de logiciels apparaissent chaque année, les différents modèles d’ordinateurs sont rapidement obsolètes. Dans un avenir proche, la connexion au réseau Internet sera nécessaire à la grande majorité des équipements. Dès lors la question de l’installation d’un réseau ne se posera même plus, le réseau sera présent dans un bâtiment au même titre que les raccordements électriques, le raccordement de la télévision ou celui du téléphone.

But de l’application
DefaultUser 2.0 permet à un utilisateur-trice de créer facilement un ou plusieurs comptes qui se “régénèrent automatiquement en fin de session”. Un compte qui se “régénère automatiquement à la fin de chaque session” est un compte qui est remis à un état pré-enregistré au moyen de DefautUser 2.0.

DefaultUser 2.0 est particulièrement utile dans les cas suivants:

1. comptes invités d’une salle informatique, d’un internet café, …
2. comptes élèves dans des écoles
3. …

Nouvelles fonctionnalités

• Il est possible d’avoir plusieurs comptes qui se régénèrent.
• Il est également possible de ne pas appliquer la fonction de régénération au dossier Documents

Fonctionnement

1. Créer les comptes désirés au moyen des préférences systèmes
2. Se logger dans chaque compte et les configurer avec tout se que l’on désire, fond écran, dock, etc …
3. Aller dans un compte qui a les droits d’administration et lancer DefaultUser 2.0
4. Ajouter le ou les comptes en cliquant sur “Gestion des comptes” -> “Ajouter”
5. Activer la régénération en cliquant sur “Etat | Activation | Désactivation” -> “Activation” -> “Régénération totale”
6. Vérifier la configuration en cliquant sur “Etat | Activation | Désactivation” -> “Etat”

Téléchargement de l’application
DefaultUser 2.0
MD5 hash checksum: e245f024664edf9ef0a0499d3227a9a0

DefaultUser 1.0
MD5 hash checksum: 3171a1db3547e395207707117781a520

Licence
EN AUCUNE CIRCONSTANCE, PHILIPPE DEVAUD OU fri-tic NE SAURAIT ETRE TENU RESPONSABLE POUR TOUS DOMMAGES PARTICULIERS, INDIRECTS, INCIDENTS OU CONSEQUENTS (IMPLIQUANT, MAIS NON LIMITES A CET ASPECT, L’OBTENTION DE BIENS OU SERVICES, PERTE D’USAGE, PERTE DE DONNEES, PERTE DE PROFITS, OU INTERRUPTION D’AFFAIRES) SURVENANT DE N’IMPORTE QUELLE MANIERE DE PAR L’USAGE, REPRODUCTION, MODIFICATION ET/OU DISTRIBUTION DE CE LOGICIEL ET CECI MEME SI PHILIPPE DEVAUD OU fri-tic AVAIT ETE INFORME DE LA POSSIBILITE DE TELS DOMMAGES.

La redistribution est autorisée, seulement si l’application et sa documentation sont indissociées, inaltérées et complètes. Ce logiciel ne doit pas être redistribué, comme partie d’un autre ensemble, pour lequel il y a une charge onéreuse. Pour toute citation de cette documentation ou du site web associé, veuillez inclure le crédit approprié.

Introduction
L’objectif de ce billet est de décrire une méthode simple pour publier des vidéos aux formats OGG (Theora/Vorbis) ou MP4 au travers du tag HTML5 video en utilisant les scripts javascript de videojs.com. Ces scripts ont la particularité d’avoir un système de fall-back pour les navigateurs incompatibles avec HTML5 (Internet explorer 6,7,8) qui lance automatiquement la lecture de la vidéo en utilisant FlowPlayer qui est un lecteur shockwave-flash open source en GPL 3.0.

Pour commencer un exemple
http://www.iphil.ch/spec/html5video/exemple.html

Étape 1: télécharger des décompresser les outils
Téléchargez le javascript de videojs.com, décompresser et copier les fichiers “video-js.css” et “video.js” vers un dossier d’un serveur WEB. Téléchargez le fichier exemple.html qui sera le point de départ, il contient le code nécessaire pour la publication de vidéo. Pour garantir le fall-back, il faut également télécharger FlowPlayer et le décompresser dans un dossier flowplayer au même endroit que vous avez déposez les javascripts sur le serveur WEB.

Étape 2: convertir la vidéo de MP4 en OGG (Theora/Vorbis)
Maintenant que vous avez déposez les 3 fichiers de base sur votre serveur web, il faut préparer la vidéo dans les formats nécessaires. Je pars du principe que vous avez une vidéo en format MP4 (H.264/AAC), si vous ne savez pas obtenir une vidéo dans ce format, vous trouverez les informations nécessaires dans le billet suivant: vidéos conversions et éditions gratuites. Le problème est maintenant de convertir la vidéo MP4 en OGG. La méthode la plus simple est d’utiliser le projet OpenSource ffmpeg2theora. Dès que vous aurez téléchargé et installé ffmpeg2theora vous aurez un outil de conversion sans interface graphique, uniquement en ligne de commande, qui permet de convertir depuis de nombreux formats des vidéos vers le format OGG. Pour utiliser ffmpeg2theora simplement lancer la commande ffmpeg2theora suivie du nom du fichier que l’on désire convertir exemple:
ffmpeg2theora mavideo.mp4
Vous trouverez dans le même dossier que mavideo.mp4 une seconde video mavideo.ogv. Pour obtenir l’image de départ de la vidéo, il faut faire un fichier png de l’image de départ de la vidéo mavideo.png ceci peut être fait avec l’option “export frame” de MpegStreamClip. Il faut maintenant renommer mavideo.ogv en mavideo.ogg et copier le fichier mp4, le fichier ogg et le fichier png sur le site WEB.

Étape 3: publier sa vidéo
Maintenant que tous les éléments sont réunis (fichiers vidéos, javascripts, etc …) et que tout est déposé sur un serveur WEB, il est temps de modifier le fichier exemple.html de la manière suivante:
Rechercher et remplacer dans tout le fichier le texte suivant:
http://iphil.ch/spec/html5video/trailer_test
Par le lien vers le fichier video que vous avez déposez sur votre site WEB
http://votreSiteWeb/votreDossier/mavideo

Rechercher et remplacer dans tout le fichier le texte suivant:
http://www.iphil.ch/spec/html5video/flowplayer
Par le lien vers l’emplacement de flowplayer sur votre serveur WEB
http://votreSiteWeb/votreDossier/flowplayer

Il faudra encore adapter la taille de largeur et hauteur à la taille de votre vidéo.
Rechercher et remplacer dans tout le fichier la largeur:
640
Par la largeur de votre film

Rechercher et remplacer dans tout le fichier la hauteur:
360
Par la hauteur de votre film
La vidéo pourra être visionnée directement en utilisant: http://votreSiteWeb/votreDossier/exemple.html

Étape 4: Exemple
http://www.iphil.ch/spec/html5video/conffriportail_martignoni.html

Quel format de vidéo choisir ?
Le format de vidéo, que l’on peut recommander aujourd’hui, est le container MP4 avec la piste vidéo encodée en H.264 et la piste audio en AAC. L’utilisation de ce standard rend la vidéo compatible avec tous les types d’ordinateurs, de Linux à Macintosh en passant par Windows.

Outil d’édition, de conversion et de capture vidéo
MPEG Streamclip est un outil d’édition, de conversion, de capture et de compression vidéo. Le nombre de formats de fichiers supportés en entrée est tout simplement époustouflant:

• Fichiers multiplexés: MPEG, MPG, VOB, PS, M2P, MOD, VRO, DAT, DCM, VDR, PVR
• Streams: TS, M2T, MTS, MMV, REC, VID, AUD, AVR, TP, TP0, TRP, TOD
• Fichiers démultiplexés: M2V, M1V, MPV, AIFF, AIF, M1A, MP2, MPA, AC3
• Fichiers compatibles Quicktime: MOV, DV, AVI, MP4, DIVX, WMV, FLV

MPEG Streamclip est un outil polymorphe, voici quelques fonctionnalités intéressantes:

• Éditer des séquences vidéos (couper, coller) et créer ainsi une nouvelle séquence à partir de plusieurs.
• Élaguer un séquence trop longue.
• Extraire la piste son et la piste vidéo en deux fichiers séparés.
• La fonction “Export to MPEG-4” est particulièrement riche, il est possible de convertir la vidéo dans un format standard 4/3, 16/9,  HDTV, ou directement au format iTunes pour les iPods & autres iPhones.
• Enregistrer des flux vidéos (streams).

Outil de conversion et de rippage de DVD
HandBreake est un outil qui permet de ripper un DVD et/ou de convertir des vidéos. Ce logiciel est abouti sur Macintosh et Linux, il fonctionne également sous Windows, mais parfois avec des limitations. Le nombre de formats de fichiers supportés en entrée est également impressionnant, mais un peu moins fournis. Tous les détails sur les formats supportés ici.

HandBreake permet :

• En une opération de ripper un DVD et de convertir la vidéo en format MP4.
• Choisir la piste audio, le sous-titrage et au moyen de preset de préparer la vidéo pour un iPod, iPhone ou un ordinateur.
• Lors de l’insertion d’un DVD, si celui-ci est protégé,  HandBreake tentera d’utiliser VLC pour décoder le DVD.

HandBreake ne permet pas l’édition vidéo, seule les conversions sont possibles.

Conclusion
Ce couple d’applications gratuites répond aux questions les plus fréquentes en terme de manipulations simples de vidéos.

Encodage de la vidéo & de l’audio
Les formats de vidéo préférés par YouTube sont H.264 & MPEG-2, les formats audio sont MP3 & AAC. Pour une qualité optimale, il faut éviter les ré-encodages qui sont une source de perte de qualité et télécharger directement la vidéo en utilisant ces formats.

Container vidéo
Les containers vidéo préférés sont FLV, MPEG-2, et MPEG-4, d’autres containers sont également supportés comme MOV, AVI.

Format de la vidéo
Il faut définir au départ si on désire avoir une vidéo au format 4/3 ou 16/9.
La qualité optimum est obtenue en utilisant les tailles d’images suivantes:

• Format 4/3: 640*480 pixels
• Format 16/9: 1280*720 pixels (HD) ou 1920*1080 pixels (Full HD)

Visualisation d’un vidéo HD
Si une vidéo est déposée au format HD (1280*720) en respectant les encodages décrits ci-dessus, le bouton HD apparaît. En cliquant HD la vidéo est retransmise en HD. On peut également la voir en pleine écran en cliquant ensuite sur le bouton plein écran. En HD plein écran la qualité HD est impressionnante.

Exemple d’appel d’une vidéo HD
Voici une vidéo de 1 minute que j’ai extraite du fabuleux “Seigneur des Anneaux”, que je vous conseille de courir l’acheter. Quelques exemples d’appels de cette vidéo.

Tout d’abord l’appel classique qui ne sera pas en HD par défaut, il faudra cliquer sur le bouton HD …
http://www.youtube.com/watch?v=2Ko1vpzoR2Y

Un appel pour être en HD directement …
http://www.youtube.com/watch?v=2Ko1vpzoR2Y&fmt=22

Lorsque la vidéo est en HD, cliquez sur le mode plein écran et vous verrez c’est magique !!!

Quicktime X est une alternative intéressante, cette application permet l’exportation de fichiers vidéos dans de nombreux formats, mais ce qui nous intéresse aujourd’hui c’est l’option d’exportation pour le WEB.

Cette option d’exportation génère un dossier contenant: la vidéo aux formats désirés (il peut y en avoir plusieurs), une image et un fichier HTML qui décrit la méthode de mise en ligne.

Voici deux exemples de vidéos générées selon cette méthode:
http://fr.educanet2.ch/aide1/GestionDroitsED2/
http://fr.educanet2.ch/edufrdoc/spamedufr/

En suivant les instructions contenues dans le fichier HTML tout devrait bien se passer, malheureusement Apple part du principe que tous les navigateurs Internet connaissent le tag HTML <video/> ce qui n’est pas le cas …

Pour résoudre ce problème, il faut faire une modification dans un fichier Javascript “qtp_movie.js”, l’ajouter dans le même dossier que les autres composants puis mettre la référence à ce script dans le code HTML de la page. Pour vous facilitez la tâche, voici les fichiers complémentaires. Pour commencer, vous pouvez simplement modifier le commentaire <!– Mettez votre code Quicktime ici –> du fichier HTML par le lien généré par Apple et votre vidéo sera en ligne. Par la suite, vous pourrez ajouter ces codes à vos pages pour y inclure vos vidéos.

Billet réalisé et posté depuis un précieux iPhone.

Billet, conçu, créé et publié au moyen d’un précieux.