{"id":7268,"date":"2012-06-04T12:13:21","date_gmt":"2012-06-04T10:13:21","guid":{"rendered":"http:\/\/flaven.fr\/?p=7268"},"modified":"2012-06-04T12:13:21","modified_gmt":"2012-06-04T10:13:21","slug":"aller-a-un-marqueur-de-temps-curtime-dans-une-meme-sequence-goto","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2012\/06\/aller-a-un-marqueur-de-temps-curtime-dans-une-meme-sequence-goto\/","title":{"rendered":"Aller \u00e0 un marqueur de temps (cuetime) dans une m\u00eame s\u00e9quence (goto)"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Gr\u00e2ce \u00e0 3WDOC, il est possible de cr\u00e9er des interfaces en HTML5 abondamment interactives sur lesquelles un utilisateur va pouvoir interagir. L&#8217;objet de cet article est de comprendre comment d&#8217;attacher \u00e0 un media un \u00e9v\u00e9nement au clic.<\/p>\n<p><strong>L&#8217;action souhait\u00e9e est que lorsque l&#8217;utilisateur clique sur le media, il est emmen\u00e9 vers un point pr\u00e9cis dans le temps de cette m\u00eame s\u00e9quence.<\/strong> C&#8217;est une action nomm\u00e9e <code>goto<\/code> mais nous allons y ajouter la notion temps.<\/p>\n<p><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/42618864?title=0&amp;portrait=0&amp;color=ff0179\" frameborder=\"0\" width=\"960\" height=\"601\"><\/iframe><\/p>\n<p><strong>Dans notre exemple, l&#8217;action a \u00e9t\u00e9 plac\u00e9e sur un article. Vous pouvez de mani\u00e8re identique placer cette action sur d&#8217;autres m\u00e9dias comme des images par exemple.<\/strong><br \/>\n<a title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_1_960.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_1_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><strong>Dans le menu d\u00e9roulant, il suffit de s\u00e9lectionner l&#8217;action <code>goto<\/code><\/strong><br \/>\n<a title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_2_960.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_2_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><strong>Il faut ensuite s\u00e9lectionner la m\u00eame s\u00e9quence que vous \u00eates en train d&#8217;\u00e9diter qui sera cibl\u00e9e par votre action de <code>goto<\/code> et de lui indiquer le point dans le temps vers lequel l&#8217;utilisateur sera envoy\u00e9. La dur\u00e9e s&#8217;exprime en secondes.<\/strong><br \/>\n<a title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_3_960.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_3_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<p><strong>Une fois, la boite de dialogue ferm\u00e9e. L&#8217;action vous est rappel\u00e9e dans l&#8217;encart <code>EVENTCLICK<\/code> avec le point d&#8217;entr\u00e9e de l&#8217;action en secondes.<\/strong><br \/>\n<a title=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" href=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_4_960.jpg\" rel=\"gallery\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2012\/05\/004_event_goto_intra_4_960.jpg\" alt=\"3WDOC - Aide - Management des \u00e9v\u00e9nements - Aller \u00e0 une s\u00e9quence (goto)\" width=\"960\" height=\"600\" \/><\/a><\/p>\n<h4>Qu&#8217;est-ce que 3WDOC<\/h4>\n<p>En savoir plus sur 3WDOC<\/p>\n<blockquote><p>3WDOC, un outil de montage universel, dont tout le monde peut d\u00e9sormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connect\u00e9e.<\/p>\n<p>3WDOC est une approche r\u00e9volutionnaire pour la communication digitale. Con\u00e7u pour faciliter la cr\u00e9ation de sites et de webdocs d&#8217;excellence, 3WDOC est la meilleure exp\u00e9rience rich-media et interactive possible, pr\u00e9vue pour toutes les audiences : web, mobile et t\u00e9l\u00e9.<\/p><\/blockquote>\n<h2>Plus d&#8217;informations<\/h2>\n<ul>\n<li>INSCRIPCION (Spanish)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/es\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/es<\/a><\/li>\n<li>INSCRIPTION (French)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/fr\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/fr<\/a><\/li>\n<li>SIGNUP (English)<br \/>\n<a href=\"http:\/\/app.3wdoc.com\/account\/signup\/en\" target=\"_blank\">http:\/\/app.3wdoc.com\/account\/signup\/en<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Les extraits sont des r\u00e9sum\u00e9s facultatifs de vos articles, \u00e9crits \u00e0 la main. Il se peut que votre th\u00e8me s\u2019en serve.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Utilisez 3WDOC pour attacher un \u00e9v\u00e9nement au clic sur un media et aller \u00e0 un marqueur de temps dans une m\u00eame s\u00e9quence. Cr\u00e9ez des interfaces HTML5 interactives.","bf_ai_og_title":"Aller \u00e0 un marqueur de temps","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,3451],"tags":[578,502,325,2200,670,1111,209,2245,1142,112,450,2266,2185,2267,799,2190,1645,338,324,1646,154,398,44,1110,606,1130,2263],"class_list":["post-7268","post","type-post","status-publish","format-standard","hentry","category-3wdoc-tutorials","category-web-design-front-end","tag-3wdoc","tag-action","tag-audio","tag-cloud","tag-codec","tag-compte","tag-css","tag-css3","tag-diaporama","tag-domaine","tag-evenement","tag-experiences","tag-html5","tag-interactif","tag-interactives","tag-jquery","tag-larticle","tag-medias","tag-mp4","tag-nuage","tag-photos","tag-rich-media","tag-seo","tag-sequence","tag-storytelling","tag-style","tag-webdoc"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-1Te","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7268","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=7268"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/7268\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=7268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=7268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=7268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}