Vous avez quelques travaux multimédia à effectuer alors que ce n'est pas votre coeur de métier, vous ne disposez pas des outils nécessaires sur votre poste et vous ne pouvez, peut-être, même pas en installer ?
Les applications Web foisonnent, notamment pour la retouche d'image ... mais leur pérennité n'est pas leur point fort ... aussi ce support et cette formation ont pour but de permettre priorairement aux professionnels de l'infodoc, aux enseignants-chercheurs et aux étudiants de gagner du temps dans le labyrinthe des services en ligne.
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Services multimedia en ligne
1. Ou comment accéder à des fonctionnalités sans avoir à installer un logiciel : idéal pour des besoins ponctuels
Corinne Habarou-2014
2. •Retoucher une image
•Les services «Photoshop Like» (proposant des calques)
•Les services d’édition et de retouche automatisées de l’image
•Les services spécialisés sur une ou quelques fonctionnalités connexes
•Manipuler le son
•Les services de «Speech to text»
•Les services de «Textto Speech»
•Les éditeurs audio en ligne
•Monter une vidéo
09/10/2014 2
3. •L’image numérique peut être de deux types
09/10/2014 3
Image décrite informatiquementpoint par point, c’est-à-dire acquise, créée, traitée et stockée sous forme binaire.
Formats de fichier les plus associésà ce type d’image = JPG* (autreacronyme possible = JPEG), PNG* etGIF.
* Joint PhotographicExperts Group
Les données de l'image sont représentées par des formules géométriques qui vont pouvoir être décrites d'un point de vue mathématique. L’unité de mesure n’est plus une mosaïque de points élémentaires, mais une succession d'opérations conduisant au tracé.
Il est possible d'agrandir indéfiniment ce type d’image sans perdre la qualité initiale, tout en gardant un faible encombrement.
Les images vectorielles gèrent la transparence.
Principaux formats de fichier associés : Postscript, PDF, Adobe Flash, Illustrator, SVG et les formats du logiciel de DAO Autocad: DXF et DWG.
Source : http://www.maison-de-heidelberg.org/article1447.html
* Portable Network Graphics
4. •Unité de mesure = le pixel (px ou p)
09/10/2014 4
Définition×
Nombre de pixels et standard d’affichage
5. 09/10/2014 5
Dimensions d’un pixel
Occupation mémoire d’un pixel
164
256256 81
65536«»16
16 777 216 «16,7» 241632
Source (et pour consulter les chiffres exacts) : http://fr.wikipedia.org/wiki/Pixel
6. •L’image numérique matricielle (bitmap) et ses deux principaux formats pour la publication Web
09/10/2014 6
Représentation numérique compressée d'une image fixe,
Compression (et perte de qualitéassociée) sont réglables et trèsélevées (de 1 à 20 pour unecompression destructrice,
Pas de gestion de la transparence,
Pas de possibilité de créer desimages animées,
Gestion de la translucidité,
Gestion de la transparence,
Gestion de la palette de couleurs (de 0 à + de 4 milliards de couleurs (pour la publication Web, deux formats sont principalement utilisés : lePNG-8 et le PNG-24),
Compression non destructive (sans perte dedonnées),
Pas de prise en charge de l’image animée.
9. •SumoPaint-http://www.sumopaint.com/home/
09/10/2014 9
Caractéristiques :
Inscription = Oui
Gestion des calques = Oui
Gestion de la transparence = Oui
Photoshop-Like= Oui
Réglages auto = Oui
Recadrage = Oui
Pivoter = Oui
Redimensionner = Oui
Correction yeux rouges = Oui
Outils automatisés de création d’effets = Non
Langue de l’interface = multilingue
Restrictions offre Freemium= moins de filtresPhotothèque en ligne = Oui
Accès en ligne fichier de travail = Non
Accès en ligne fichier de sortie = Oui (jpg)
Stockage hors ligne fichier de travail = Oui
Stockage hors ligne fichier de sortie = Oui
Format natif = .sumo
Formats fichier de sortie = jpg, png
Diffusion plateformes de partages en ligne = ?
Fonctionnalités 2.0 = communauté Sumopaint, galeries
10. •Pixrl-http://pixlr.com/
09/10/2014 10
Caractéristiques :
Inscription = Oui ?
Gestion des calques = Oui
Gestion de la transparence = Oui
Photoshop-Like= Oui
Réglages auto = Oui
Recadrage = Oui
Pivoter = Oui
Redimensionner = Oui
Correction yeux rouges = Oui
Outils automatisés de création d’effets = Non
Langue de l’interface = FR
Restrictions offre Freemium= pas de premiumPhotothèque en ligne = Oui
Accès en ligne fichier de travail = Oui
Accès en ligne fichier de sortie = Oui
Stockage hors ligne fichier de travail = Oui
Stockage hors ligne fichier de sortie = Oui
Format natif = .pxd
Formats fichier de sortie = Jpg, Png, Bmp, Tiff
Diffusion plateformes de partages en ligne = Facebook, Flickr, Picasa
Fonctionnalités 2.0 = Plateforme de partage à la demande, propre à PIXRL
11. •Photoshop Express -http://www.photoshop.com/tools/expresseditor
09/10/2014 11
Langue de l’interface = US
Restrictions offre Freemium= Moins de filtres et moins d'espace de stockagePhotothèque en ligne = Oui
Accès en ligne fichier de travail = Non
Accès en ligne fichier de sortie = Non
Stockage hors ligne fichier de travail = Non
Stockage hors ligne fichier de sortie = Oui
Format natif = .jpg
Formats fichier de sortie = Jpg
Diffusion plateformes de partages en ligne = Facebook, Flickr, Picasa, Photobucket
Fonctionnalités 2.0 = Photothèque en ligne
Inscription = Oui
Gestion des calques = Non
Gestion de la transparence = Non
Photoshop-Like= Non
Réglages auto = Oui
Recadrage = Oui
Pivoter = Oui
Redimensionner = Oui
Correction yeux rouges = Non
Outils automatisés de création d’effets = Oui
12. •Redimensionner.free.fr -http://redimensionner.free.fr
09/10/2014 12
Gratuit,
Sans inscription,
Ultra facile,
Interface en Français.
Absence de possibilité de redimensionnerune image à partir du Web (URL),
Absence d’affichage de conditionsgénérales d’utilisation et de politique deconfidentialité,
Absence de modèle économique,
Connexion non sécurisée pendant lestransferts de fichiers.
Sites similaires :
http://www.xooit.com/fr/redimensionner-image.html
http://www.lookimage.net/
http://www.gratuit-en-ligne.com/services-gratuits-en- ligne/redimensionner-image-gratuitement-en-ligne.php
14. •Loupe -http://www.getloupe.com/create
09/10/2014 14
Gratuit,
Sans inscription,
Affichage des CGU et de la politique deconfidentialité,
Fichier de sortie téléchargeable ou parta- geablesur des réseaux sociaux, public ouprivé dans la galerie du service ou suppri- mable,
Offres freemiumet premium,
Interface en Anglais,
Connexion non sécurisée pendant lestransferts de fichiers.
15. •Photo CutOut-http://removebackgroundfromimage.appspot.com/
09/10/2014 15
Gratuit,
Sans inscription,
Fait partie d’une suite très complète (Edit Photo for Free),
Affichage des CGUet politique de confidentialité,
Un seul développeur (?),
Interface en Anglais,
Absence de modèle économique,
Connexion non sécurisée pendant les transferts de fichiers.
16. •ClippingMagic-http://clippingmagic.com/
09/10/2014 16
Outil très efficace,
Ergonomique et didactique,
Affichage des CGU et politique de confidentialité,
Présence d’un modèle économique,
Gratuit … jusqu’au téléchargement en local du résultat,
Interface en Anglais.
17. •Szoter-http://szoter.com/launch/
09/10/2014 17
Outils d’import et d’export
Couleur et positionnementdes objets
Types d’objets
Gratuit,
Sans inscription,
Capture d’écran et webcampossibles,
Affichage des CGU),
Interface en Anglais,
Absence de modèle économique,
Connexion non sécurisée pendant les transferts de fichiers.
18. …
•FanStudio-http://www.fanstudio.ru/index2.php…
09/10/2014 18
Sans inscription,
Gratuit,
Fichier de sortie téléchargeable sur le PC,
Nombreux formats de sortie : JPG/PNG/GIF/TIFF/PCX/BMP/PSD/PDF ou lien permanent de téléchargement,
Pas d’offre premium (et donc pas de modèle économique)
Nouveau service (version bêta),
Absence d’affichage des conditions générales, d’utilisation et des règles de confidentialité,
Interface en Anglais.
Fonctionnalités :
Redimensionnement,
Recadrage,
Pivotage,
Correction automatique du bruit, des yeux rouges, de la peau, de la netteté, des distorsions,
Rotations et retournements,
Correction automatique de la luminosité et du contraste,
Correction des ombres, de la saturation et de la température
Floutage,
Effets divers (vintage, N & B, bordures …)
19. •PicGhost-http://www.picghost.com/Default.aspx
09/10/2014 19
40
Pas d’inscription,
Gratuit,
Affichage des conditions générales d’utilisation et de la politique de confidentialité,
Import à partir d’uploadsdu PC, de Facebook, Picasa et Flickr
Import et export par lots,
Export par téléchargement sur le PC, par transfert FTP ou sur Facebook, Picasa et Flickr.
Interface en Anglais.
20. •Tiltshiftmaker-http://tiltshiftmaker.com/
09/10/2014 20
…
Paramétrable,
Ne nécessite pas d’être identifié,
Affichage des conditions d’utilisation et de la politique de confidentialité,
Offres fremiumet premium,
Interface en Anglais,
Outil inadapté à certaines images,
Attention, l’authentification suppose l’adoption d’une formule payante !
21. •Frpicjoke-http://fr.picjoke.net/
09/10/2014 21
Gratuit,
Sans inscription,
Interface en Français,
Affichage de la politique de confidentialité,
Nombreuses possibilitésd’exports.
Absence de modèle économique,
Connexion non sécurisée pendant lestransferts de fichiers.
22. •Facepixelizer-http://facepixelizer.rubberducklabs.com/
09/10/2014 22
Gratuit,
Sans inscription,
Permet aussi de flouter des éléments confidentiels d’une image autres qu’un visage,
Très documenté,
Les images travaillées ne transitent pas par le réseau.
Absence de modèle économique,
CGU et politique de confidentialité non affichées.
23. •Fontedge-http://fontedge.signumart.com/
09/10/2014 23
…
Possibilité d’uploader un fichier depuis l’ordinateur ou à partir du Web,
Le processus est bien expliqué même si l’interface est enAnglais.
Ne fonctionne que sur des images dont la taille descaractères est d’au moins 60 px,
Attention à ne pas utiliser des images qui pixellisent (PNGplutôt que JPG).
24. •Clipyourphotos-http://clipyourphotos.com/framer
09/10/2014 24
Interface épurée, simple et efficace,
Gratuit et sans inscription.
Un seul développeur,
Absence de modèle économique,
Absence d’affichage des conditionsgénérales d’utilisation et de politique de confidentialité.
25. •Image.online-convert.com -http://image. online-convert.com/fr/convertir-en-jpg
09/10/2014 25
Gratuit et sans inscription (présence d’un logo publicitaire sur la conversion produite),
+ de 150 formats pris en charge,
Conversion possible vers des formats liés à des types de média différents,
Présence d’un convertisseur d’archives et de documents,
Modèle économique bénéficiant de plusieurs plans tarifaires,
Affichage des CGU et politique de confidentialité,
Interface très dense et peu didactique.
26. «»
•En quoi cela consiste-t-il ? «Speech to Text» = Reconnaissance Automatique de la Parole
•PrincipeConvertir un discours audio en message textuelsachant que le programme ne reconnaît pas des phrases mais des mots et qu’il cherche en fonction de ce qu'il a en mémoire et des autres mots pouvant précéder et suivre.
•SupportsTerminaux mobiles et ordinateurs
•Champs d’applicationReconnaissance vocale, dictée numérique et transcription automatique
•Rapport entre la maturité des applicationset leur pertinence pour les utilisateurs Très disparate et plus en faveur de la retranscription à partir de la dictée plutôt qu’à partir de la lecture de fichiers audio déjà enregistrés
09/10/2014 26
27. •Ces services gratuits fonctionnent sur la base d’une reconnaissance vocale «générique» encore très imparfaite
•Google est en pointe sur ces questions et en fait bénéficier son navigateur, Google Chrome, seul dans le segment des navigateurs pour PC à utiliser la recherche vocale.
09/10/2014 27
28. •TalkTyper-https://talktyper.com/fr/index.html
09/10/2014 28
1.Principe:dicteruntexteavecunmicro
2.Vérifierletextequis’afficheendessousetaubesoinlecorriger
3.Lecopier/collerdanslePresse- papierpourutilisationdansunlogicielexterne,lemodifier,ajouterdelaponctuation,effacer,imprimeroudiffusersoitparmèl,soitpartweet,enfindemanderlatraductionviaGoogleTranslate.
Ne fonctionne qu’avec Google Chrome
29. •DictationOnline Speech Recognition -https://dictation.io/
09/10/2014 29
1.Principe:dicteruntexteavecunmicro
2.Vérifierletextequis’afficheetaubesoinlecorriger
3.Exporterletexteselonlesdifférentespossibilitéslistéesci- contre.
Ne fonctionne qu’avec Google Chrome
31. •Les étapes de la retranscription
1.Écouter le fichier en cliquant sur «Pause» et «Rewind»
2.Ralentir la vitesse de défilement du son
3.Ecrire ce qui est lu en obtenant une ergonomie maximale entre l’application contrôlant le son et celle pilotant la saisie au clavier et en pouvant contrôler le fichier audio de la même manière qu’un dictaphone le permet
09/10/2014 Urfist de Paris 2014/2015 31
32. •oTranscribe-http://otranscribe.com
09/10/2014 Urfist de Paris 2014/2015 32
Ne nécessite pas d’inscription
Gratuit (pas d’offre premium)
Fonctionnement aisé grâce à quelques séquencesde touches au clavier
Prise en compte des formats de fichiers audio lesplus courants et envoi vers un convertisseur si leformat n’est pas reconnu
Développé en HTML 5
Service en bêta
Un seul développeur
34. «»
•SpokenText-http://www.spokentext.net/?lang=fr
09/10/2014 34
Gratuit mais inscription obligatoire.
Test du service sans inscription possible,
Bonne qualité sonore,
Import de Formats de fichiers variés : PDF, Word, texte simple et PowerPoint, des flux RSS, des courriels et des pages Web,
Formats de sortie également variés : livre pour l'iPod, fichier mp3, adresse URL de podcastpersonnelle à l’utilisateur (ITunes, Ipod) et badgesSpokenTextpour partage sur des sites et blogs,
Affichage des CGUet de la politique deconfidentialité,
Absence de modèle économique,
Disponible en trois langues : Anglais, Espagnol etFrançais.
35. •Quelles utilisations ?
•Extraction de la bande son d’une vidéo
•Conversion de formats audio
•Enregistrement de fichiers sonores
•Découpe de fichiers audio
•Mixage de fichiers sons
09/10/2014 35
36. •Quelques notions de base sur le son numérique
•Les formats de fichier
09/10/2014 36
3… …
38. •Quelques notions de base sur le son numérique
•Les codecs (2)
09/10/2014 38
Ils enregistrent et compressent un son de façon à conserver la qualité originale intacte lors du décodage.
Les plus courants :
FLAC(Free LosslessAudio Codec),
APE(Monkey’sAudio),
ALAC(Apple LosslessAudio Codec).
Ils entraînent une modification par rapport à la qualité du fichier d’origine, en coupant, parexemple, les fréquences de son non perceptibles par l'oreille humaine. Moins d’informationssont stockées dans le fichier mais la qualité d’écoute est, en général, très peu impactée.
Les plus courants :
MP3
WMA
OGG
AAC
39. •Extraction de la bande son d’une vidéo en ligne et conversion de fichiers vidéo
•VideoRipper-http://www.videoripper.me/fr/
09/10/2014 39
Editeur : Apowersoft-http://www.apowersoft.fr/
Cet éditeur propose une suite d’outils en ligne dont Videoripper.me qui permet d’extraire des vidéos en provenance des principaux sites de partage et de les convertir dans les principaux formats dont le format audio mp3.
Service complètement gratuit,
Sans inscription,
Fonctionnement dans le navigateur Web sous forme d’applet Java,
Nécessite la présence de la machine virtuelle Java sur l’ordinateur,
Aucune politique de confidentialité ni de conditions générales d’utilisation
40. •Enregistrement de fichiers audio
•Voice Recorder -http://online-voice-recorder.com/fr/(éditeur 123Apps)
09/10/2014 40
Bonne qualité sonore
Sans inscription
Gratuit (pas d’offre premium)
Aucune installation requise sur le poste
Suite d’outils permettant le travail ultérieurde l’enregistrement
Aucune information sur l’éditeur 123Apps.com
Absence de conditions générales d’utilisationet de règles de confidentialité
41. •Enregistrement de fichiers audio
•Vocaroo-http://vocaroo.com/
09/10/2014 41
Sans inscription
Gratuit (pas d’offre premium)
Aucune installation requise sur le poste
Options de partage et d’embedvariées
Lien de suppression
Qualité moyenne de l’enregistrement audio
Service en bêta
Règles de confidentialité non totalement transparentes
Pour les deux raisons précédentes, ne pas utiliser pourdes documents trop importants
42. •Convertisseur audio
•Online Audio Converter-http://online-audio-converter.com/fr/(éditeur 123Apps)
09/10/2014 42
Outil ergonomique et interface claire,
Sans inscription,
Gratuit (pas d’offre premium),
Aucune installation requise sur le poste,
Suite d’outils permettant le travail ultérieurde l’enregistrement,
Interface en Français.
Aucune information sur l’éditeur 123Apps.com,
Absence de conditions générales d’utilisationet de règles de confidentialité
43. •Découpeur audio
•Mp3Cut -http://mp3cut.net/fr/(éditeur 123Apps)
09/10/2014 43
Outil ergonomique et interface claire,
Sans inscription,
Gratuit (pas d’offre premium),
Aucune installation requise sur le poste,
Suite d’outils permettant le travail ultérieurde l’enregistrement,
Présence de tutoriaux,
Interface en Français.
Aucune information sur l’éditeur 123Apps.com,
Absence de conditions générales d’utilisationet de règles de confidentialité
44. •Fusionneuraudio
•Audio Joiner-http://audio-joiner.com/fr/(éditeur 123Apps)
09/10/2014 44
Outil ergonomique et interface claire,
Sans inscription,
Gratuit (pas d’offre premium),
Aucune installation requise sur le poste,
Suite d’outils permettant le travail ultérieurde l’enregistrement,
Présence de tutoriaux,
Interface en Français.
Aucune information sur l’éditeur 123Apps.com,
Absence de conditions générales d’utilisationet de règles de confidentialité
45. •Les éditeurs en ligne
•123Apps -http://123apps.com/fr/
•Creaza-www.creazaeducation.com
•Apowersoft-http://www.apowersoft.fr/comment/centre-de- connaissances.html
•Filelab–https://www.filelab.com/fr
•…
09/10/2014 45
47. •Creaza-www.creazaeducation.com
09/10/2014 47
Suite très complète d’outils.
Accès aux éditeurs peu évidente,
Impossibilité d’exporter dans un format exploitable son travail en tant qu’utilisateur gratuit,
Tarification sur demande …
Suite e-learning primée parmi les 20 sociétés les plus innovantes en europeet ayant la croissance la plus rapide de ce secteur par edtech, CREAZA est fait pour donner sa pleine mesure avec les utilisateurs payants.
53. •Paramètres conseillés pour Viméo
Codec = H264
Fréquence d’images = 24/25/30 img/secondes (à choisir selon la fréquence d’enregistrement)
Débit vidéo = constant plutôt que variable
Débit linéaire (qui conditionne le rapport qualité/poids du fichier vidéo : SD = entre 2 et 5 Mbits/sHD = de 5 minimum à 20 Mbits/sHD 720p = de 5 à 10 Mbits/sHD 1080p = de 10 à 20 Mbits/s
Codecs non acceptés = Go2Meeting, CanopusHQ, Apple IntermediateCodec
Préconisations audioCodec AAC-LCDébit : 320 kBits/sen débit constant
Fréquence d’échantillonnage : 48 kHz ou identique à celui de l’enregistrement
09/10/2014 53
•Paramètres conseillés pour YouTube
Codec = H264
Fréquence d’images = la même que celle de l’enregistrement
Conteneur = mp4
Standard d’affichage vidéo = YouTube toutes ses vidéos pour qu’elles soient lues en 16/9 quitte à mettre des bandes noires verticales
Débit vidéo = variable (cf. tableau ci-après)
Préconisations audio : Codec AAL-LCFréquence d’échantillonnage : 48 ou 96 kHz
Source : http://www.lemondequitourne.fr/leblog/export- video-youtube-vimeo/+ http://vimeo.com+ http://support.google.com/youtube
55. •WeVideo-www.wevideo.com
09/10/2014 55
Outil utilisable en tant qu’utilisateur gratuit,
Interface en trois parties (éléments, timelineet lecteur vidéo),
Outil collaboratif.
Impossibilité de supprimer le son (à faire dans VideoToolbox),
Éditeur vidéo très intéressantcar possédant des fonctionnalités pro pour un prix modique voire nul.
60. •Creaza: une suite d’outils dont un éditeur de bandes dessinées
09/10/2014 60
61. •Creaza: une suite d’outils dont un éditeur de cartes mentales
09/10/2014 61
62. •VideoToolbox-www.videotoolbox.com
09/10/2014 62
Suite d’outils gratuits,
Présence d’un outil pour séparer la bande son de la vidéo,
Interface très déroutante non unifiée (chaque fonctionnalité fait l’objet d’un menu différent),
Interface en Anglais.
Au-delà de cette interface peu ergonomique, les outils sont efficaces.
63. •Screenr-www.screenr.com
09/10/2014 63
Gratuit,
Très facile à utiliser.
Impossibilité de modifier la prise initiale,
Impossibilité de télécharger le fichier produit en local (passage obligé par You Tube)
Adapté surtout pour les captures d’écran très courtes et peu complexes.
64. •Banques de son
•Universal Soundbank-http://www.universal-soundbank.com/
•MusicScreen-http://www.musicscreen.be/musiques-libres-de-droits.html
•Sound Fishing-http://www.sound-fishing.net/
•…
•Images
•Photopin-http://photopin.com
•Flickr CreativeCommons -https://www.flickr.com/creativecommons/
•WikimediaCommons -http://commons.wikimedia.org/wiki/Accueil
•Icones.pro -http://icones.pro/(icônes et pictogrammes)
•…
•Typographie
•Dafont-http://www.dafont.com/fr/
•…
09/10/2014 64