Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

21
Page 1 Produire, monter et publier Un diaporama sonore avec SOUNDSLIDES extrait du contenu de la formation

description

Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Transcript of Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 1: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 1

Produire, monter et publierUn diaporama sonore avecSOUNDSLIDES extrait du contenu de la formation

Page 2: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 2

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

EXEMPLES DE SOUND SLIDES AUX USA

http://www.bbc.co.uk/news/world-12618167

http://www.nytimes.com/packages/khtml/2007/02/23/business/20070225_BEES_FEATURE.html

http://thedairyking.blogspot.com/

http://www.nytimes.com/interactive/2010/12/22/science/earth/20101222-carbon/index.html

http://www.timespapers.com/slideshows/OneThingataTime/

Page 3: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 3

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

EXEMPLES DE SOUND SLIDES EN FRANCE

http://www.leparisien.fr/diaporama/artiste_culture/soundslider.swf?scale=noscale

Page 4: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 4

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

EXEMPLES DE SOUND SLIDES EN FRANCE

http://vimeo.com/23471836

Page 5: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 5

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

ET PUIS ALLER PLUS LOIN AVEC LE SON ET L'IMAGE…..

http://www.lemonde.fr/a-la-une/visuel/2009/07/21/pere-lachaise-cimetiere-buissonnier_1221033_3208.html

Page 6: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 6

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

RACONTER DES HISTOIRES AVEC DU SON ET DES PHOTOS

1- Identifier quelles sont les forces du son en écriture multimédia 

2- De quoi a t-on besoin ? Photos, son, sous-titres

3- Et enfin d'un outil pour synchroniser l'ensemble et le publier

Page 7: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 7

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

ECRIRE AVEC DU SON SUR LE WEB : TRAITEMENT JOURNALISTIQUE

LE CONTEXTE : AMBIANCE, BRUITAGES ….c'est le son hors champ qui permet de traduire le lieu Et ce qu'il s'y passe. Donner aussi à

entendre ce que l'on ne peut voir.

L'INTERVIEW AUDIO …. Dans le cas où vous ne pouvez pas montrer, mais aussi lorsque l'expression et l'action sont pauvres et n'ont pas d’intérêt à être diffusés en images. Il faut alors capter l'expression orale.... mais tout le monde ne s’appelle pas Fabrice Luchini;)

LA SUGGESTION …. Le son est un média de l'imaginaire. Comme la lecture. On doit se faire une représentation de la réalité. C'est un « exercice » journalistique.

Page 8: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 8

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

QUELS OUTILS ?

Son photo video Scénario En ligne

Slideshare.net oui oui oui non oui

Sony vegas HD -pc oui oui oui non non

klynt oui oui oui oui oui

W3doc

GarageBand & imovie - mac oui oui oui non non

soundslides Oui (mp3) oui non non non

Page 9: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 9

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

On part du principe que vous utilisezVotre caméscope pour enregistrezDu son et pas un baladeurEnregistreur.

1- on branche la caméra avecLe cable usb avecLaquelle on a enregistré le sonSur une image « noire »

2- on lance ensuite imovie onCréant un nouvel événementQue l'on nommera « diaposon »

3- on découpe ses séquencesPuis on les placent dans laFenêtre du haut sur le montage

Page 10: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 10

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

4- on va maintenant exporterNotre montage et le transformerEn un fichier son seul auFormat audio .wav

5- Pour cela on clique dans leMenu horizontal du haut « partage »

6- puis « exporter à l'aide deQuicktime »

7- on choisit le format wav

8- on lui donne comme nom« diaporama son ».wav

9- on clique sur enregistrerEn le placant sur le bureau.

Page 11: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 11

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

10- Pour utiliser le sonDans le logiciel soundslidesOn va devoir le transformer au Format .mp3

11- pour cela on lance itunes.

12- on fait glisser le fichierDiapo sonore.wav dans laBlibliothèque de itunes.

Page 12: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 12

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

14- on va dansItunes, préferences,Onglet génral,Puis réglagesD'importation.

14- on choisitEncodeur mp3

15- bonne qualité 128 kbits/s

16- on valide enCliquant sur ok

Page 13: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 13

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

17- dans la Bibliothèque on fait un clic droit sur le fichierDiapos sonore etOn le transforme en diapo sonore.mp3

18- on fait un clic droit sur le nouveau fichierMp3 et afficher dans le finderAfin de savoir où il se Trouve.

On peut maintenantL'importer dansSoundlsides.

Page 14: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 14

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Wordpress.com n'autorise pas l'intégration de balises du type object, embed, iframe mais uniquement au travers d'un certain nombre de plateformes référencées.

La liste des ces plateformes est accessible à la page :

Http://en.support.wordpress.com/video

Nous allons utiliser la plateforme VODPOD qui permet de reconnaître Une quantité impressionnante de formats vidéos inclus dans des pages web et de les intégrer à sa plateforme enProduisant un code spécifique àWordpress.com au travers d'un widget.

Ex : [vodpod id=Video.15838778&w=425&h=350&fv=]

INTEGRER SON DIAPORAMA SUR WORDPRESS.COM

Page 15: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 15

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Après avoir réaliser votre montage sousSoundslides, cliquez sur EXPORT

INTEGRER SON et PHOTOS SUR SOUNDSLIDES PLUS

Page 16: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 16

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Après avoir cliquéz sur EXPORT, cela génère un dossier PUBLISH_TO_WEBQu'il faut héberger sur un serveur webAutonome, c'est à dire pas une plateforme de partage vidéo telle youtube par exemple.

Sound slides a été pensé comme un outil professionnel destiné à être hébergé sur le web en tant que tel.

Vous aurez besoin :

1- d'un hébergement sur OVH

2- d'un client FTP comme filezilla ou Cyberduck pour charger votre diaporama sur Internet.

INTEGRER SOUNDSLIDESSUR INTERNET

Page 17: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 17

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Votre diaporama sonore est maintenant hébergé sur internet à l'adresse :

Ex : http://packwebtv.com/philippe/diaporama/small.html

Ouvrez un compte sur vodpod.com

Et cliquez sur le bouton « upload »en y indiquant le lien ci-dessus. Vodpod va générerUn code que vous pourrez inclure alors dans l'onglet « html » de votre article sous wordpress.com

INTEGRER SOUNDSLIDESSUR VODPOD

http://en.support.wordpress.com/videos/vodpod/

Page 18: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 18

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Votre diaporama sonore n'offre pas toutes ses fonctionnalités de chapitrage par photos. Pour cela il convient de passer à un hébergement de type wordpress.org qui vous permettra d'integrer des scripts de type iframe, embed et object vous permettant de pouvoir offrir toutes les fonctionnalités du player de soudslides.

Sur les sites du NYT, du Monde et autres, les diapo soundslides sont hébergées sur leurs propres serveurs web.

SOUNDSLIDES EST DESTINE A WORDPRESS.ORG et NONWORDPRESS.COM

Page 19: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 19

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Vous allez coller cette adresse ci-dessous : http://packwebtv.com/philippe/diaporama/small.html

dans le champ accessible à la page ci-dessous :

http://tools.soundslides.com/embed

Cela va générer un code (comme sur l'image à gauche ».

Vous allez maintenant coller ce code sur la page qui s'ouvre lorsque vous cliquer sur le bouton orange« Add video » ci-dessous.

INTEGRER SOUNDSLIDESSUR VODPOD

Page 20: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 20

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS

Vous allez cliquer sur le lien « your videos » afin d'afficher la liste de vos videos.

Dans la ligne correspondant à votre video, cliquez dans « share » , puis dans blog et puis en dernier sur le lien marqué « wordpress.com short code »

Cela ressemble à un code du genre ci-dessous :

[vodpod id=Video.15841875&w=425&h=350&fv=]

Pour afficher votre diaporama sonore dans unArticle de votre blog wordpress il suffit alors de coller ce code sous l'onglet html de l'article.

RECUPERER LE CODEPOUR INTEGER UNE VIDEOVODPOD SUR WORDPRESS.COM

Page 21: Produire un diaporama sonore avec soundslides. (document extrait de la formation)t-formation

Page 21

Tél. : 06 09 20 02 53

Franck Dumesnil

[email protected]

Skype : franckpadd83

PRODUIRE DES CONTENUS SUR TOUS SUPPORTS