{"id":7765,"date":"2012-07-18T16:53:43","date_gmt":"2012-07-18T14:53:43","guid":{"rendered":"http:\/\/flaven.fr\/?p=7765"},"modified":"2012-07-18T16:53:43","modified_gmt":"2012-07-18T14:53:43","slug":"exemples-realisation-dun-slideshow-photo-sonorise","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2012\/07\/exemples-realisation-dun-slideshow-photo-sonorise\/","title":{"rendered":"Exemples &#8211; R\u00e9alisation d&#8217;un slideshow photo sonoris\u00e9"},"content":{"rendered":"<p><iframe loading=\"lazy\" style=\"margin:0 154px; box-shadow:0px 0px 5px #bbb;\" width=\"652\" height=\"540\" scrolling=\"no\" frameborder=\"0\" name=\"3wdoc-embed\" src=\"http:\/\/story.3wdoc.com\/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575\/8\/index.html\"><\/iframe><\/p>\n<h4>D\u00e9finitions<\/h4>\n<p>Nous avons r\u00e9alis\u00e9 un slideshow de photo qui se d\u00e9roule automatiquement, nous avons ajout\u00e9 une bande son pour le rendre plus vivant.<br \/>\nVous pouvez aller voir le projet sur <a href=\"http:\/\/story.3wdoc.com\/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575\/8\/index.html\">sa page de publication<\/a>.<\/p>\n<h4>La page M\u00e9dia manager<\/h4>\n<p>En premier lieu nous avons upload\u00e9 les photographies et le son dans le M\u00e9dia manager.<\/p>\n<p><a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_media.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_media.jpg\" alt=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" title=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" width=\"960\" height=\"712\" class=\"alignnone size-full wp-image-7767\" \/><\/a><\/p>\n<h4>La page Editor<\/h4>\n<p>Une fois dans l&#8217;Editeur, nous avons fait se succ\u00e9der <strong>les images les unes apr\u00e8s les autres<\/strong>. Le son (en jaune) est lui \u00e9tendu <strong>sur toute la dur\u00e9e du projet<\/strong>.<br \/>\nNous avons pris le parti que ce slideshow ne se jouerait pas automatiquement, c&#8217;est pourquoi nous avons ajout\u00e9 <strong>un bouton Play<\/strong> (en bleu). Ensuite nous avons ajout\u00e9 un Article en fin de slideshow afin de pouvoir le rejouer.<br \/>\nEnfin, \u00e0 noter l&#8217;article qui permet de mettre un arri\u00e8re plan noir \u00e0 l&#8217;ensemble du slideshow.<\/p>\n<p><a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_editor.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_editor.jpg\" alt=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" title=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" width=\"960\" height=\"738\" class=\"alignnone size-full wp-image-7766\" \/><\/a><\/p>\n<h4>La page Projet<\/h4>\n<p>Pour ce projet, nous avons gliss\u00e9 notre s\u00e9quence dans le Storybuilder, mais <strong>nous n&#8217;avons ni coch\u00e9 la case Autoplay ni la case Plein \u00e9cran. En effet, le slideshow se d\u00e9clenche en effet sur une action de l&#8217;utilisateur.<\/strong>.<\/p>\n<p><a href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_projet.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/07\/exemple_slideshowPhoto_projet.jpg\" alt=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" title=\"Exemples - R\u00e9alisation d'un slideshow photo sonoris\u00e9\" width=\"960\" height=\"670\" class=\"aligncenter size-full wp-image-7768\" \/><\/a><\/p>\n<p>Le projet est maintenant publi\u00e9, nous pouvons le partager ou l&#8217;int\u00e9grer dans votre site gr\u00e2ce aux deux types d&#8217;exportation disponible.<br \/>\nPour plus de d\u00e9tail sur l&#8217;utilisation de ces codes d&#8217;exportation, consulter <a href=\"https:\/\/flaven.fr\/2012\/06\/27\/inserer-une-creation-3wdoc-dans-une-page-html-profiter-de-la-fonction-dexport-et-de-partage-de-3wdoc\/\">cet article<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9finitions Nous avons r\u00e9alis\u00e9 un slideshow de photo qui se d\u00e9roule automatiquement, nous avons ajout\u00e9 une bande son pour le rendre plus vivant. Vous pouvez&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2012\/07\/exemples-realisation-dun-slideshow-photo-sonorise\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Exemples &#8211; R\u00e9alisation d&#8217;un slideshow photo sonoris\u00e9<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":8600,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Des exemples concrets de cr\u00e9ation d\u2019un slideshow photo sonoris\u00e9. Utilisation des outils Media Manager et Editor pour des r\u00e9sultats dynamiques.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3433,1],"tags":[325,1142,2267,1689,799,337,2261,154,398,792,606,1660,2213],"class_list":["post-7765","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3wdoc-tutorials","category-miscellaneous-other","tag-audio","tag-diaporama","tag-interactif","tag-interactive","tag-interactives","tag-media","tag-narration","tag-photos","tag-rich-media","tag-slideshow","tag-storytelling","tag-timeline","tag-video"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-21f","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=7765"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7765\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=7765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=7765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=7765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}