{"id":5824,"date":"2025-02-12T10:36:53","date_gmt":"2025-02-12T01:36:53","guid":{"rendered":"https:\/\/blog.criware.com\/?p=5824"},"modified":"2025-08-06T17:33:38","modified_gmt":"2025-08-06T08:33:38","slug":"timeline-video-sequence","status":"publish","type":"post","link":"https:\/\/blog.criware.com\/index.php\/2025\/02\/12\/timeline-video-sequence\/","title":{"rendered":"Timeline video sequence"},"content":{"rendered":"<p>In a <a href=\"https:\/\/blog.criware.com\/index.php\/2025\/01\/06\/video-playback-on-meshes-with-sofdec\/\">previous post<\/a>, we learned how to play videos from a script by attaching a <strong>CriManaMovieController<\/strong> to a 3D object in a Unity scene. It is also possible to control video playback using the Unity<strong> Timeline <\/strong>thanks to the CRIWARE Timeline extension.<\/p>\n<div style=\"max-width: 700px; margin: 0 auto; margin-bottom: 30px;\">\n<div style=\"width: 800px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-5824-1\" width=\"800\" height=\"450\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/video_SofdecTimeline.mp4?_=1\" \/><a href=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/video_SofdecTimeline.mp4\">https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/video_SofdecTimeline.mp4<\/a><\/video><\/div>\n<\/div>\n<h1 style=\"font-size: 150%; font-weight: bold; margin-top: 40px;\">Introduction<\/h1>\n<p>The Timeline \u2013 which has long been included in Unity &#8211; is a powerful tool for creating games, animations, cinematics, and more. It allows you to manage and control the objects and events of a scene over time. By using the Timeline, you can easily create complex animations and cut scenes, and add time control to visuals without any programming knowledge.<\/p>\n<p>In the video above, the Timeline is used to synchronize the animation of a startled character as a video starts playing on the wall next to him.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5835\" src=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/timeline.png\" alt=\"\" width=\"983\" height=\"267\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/timeline.png 983w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/timeline-300x81.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/timeline-768x209.png 768w\" sizes=\"auto, (max-width: 983px) 100vw, 983px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"font-size: 150%; font-weight: bold; margin-top: 40px;\">Usage<\/h1>\n<p>Let&#8217;s take a look at the following sample of the CRIWARE plug-in for Unity:<\/p>\n<p><strong>\/cri\/unity\/samples\/UnityProject\/Assets\/Scenes\/crimana\/advanced\/Scene_05_TimelineExtension.unity<\/strong><\/p>\n<p>When you select the game object named &#8220;ManaTimeline&#8221; in this sample, the associated Timeline asset is displayed in the Timeline window.<\/p>\n<p>On the Timeline, you can then edit video tracks using the standard Unity functions. The general flow is explained below.<br \/>\n<strong style=\"font-size: 20px;\">1.Creating a Track<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5844\" src=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/add.png\" alt=\"\" width=\"398\" height=\"277\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/add.png 398w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/add-300x209.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/add-392x272.png 392w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/add-130x90.png 130w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/p>\n<p>You can create a new Mana track by right-clicking on an empty area of \u200b\u200bthe Timeline or clicking on the Add button. Then, select CriTimeline.Mana -&gt; Cri Mana Track.<\/p>\n<p>&nbsp;<\/p>\n<p><strong style=\"font-size: 20px;\">2.Creating a Clip<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5837\" src=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_set_binding.png\" alt=\"\" width=\"675\" height=\"251\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_set_binding.png 675w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_set_binding-300x112.png 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/p>\n<p>You can bind components that inherit from CriManaMovieMaterial to CriMana tracks.<\/p>\n<ul style=\"font-size: 14px;\">\n<li>CriManaMovieController<\/li>\n<li>CriManaMovieControllerForUI<\/li>\n<\/ul>\n<p>All Clips placed on the track will play back using the component bound to the same track.<\/p>\n<div style=\"height: 20px;\"><\/div>\n<p><strong style=\"font-size: 20px;\">3.Editing clips<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5836\" src=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_inspector.png\" alt=\"\" width=\"466\" height=\"404\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_inspector.png 466w, https:\/\/blog.criware.com\/wp-content\/uploads\/2025\/02\/sfd2u_extension_timeline_inspector-300x260.png 300w\" sizes=\"auto, (max-width: 466px) 100vw, 466px\" \/><\/p>\n<p>You can set the timing, frame rate, fade-in and fade-out, etc. for each clip.<\/p>\n<h1 style=\"font-size: 150%; font-weight: bold; margin-top: 40px;\">Advantages<\/h1>\n<p>You may run a series of animation sequences from a script without using the Timeline feature, but you will have to use coroutines, yields, etc\u2026 which may be cumbersome and time-consuming.<\/p>\n<p>On the other hand, for designers who are already familiar with video creation tools such as After Effects and Davinci Resolve, Unity&#8217;s Timeline offers a convenient way for creating linear movie sequences. Once coupled with CRIWARE\u2019s Unity SDK, you can easily synchronize video playback within a scene!<\/p>\n<p>You can find more information about how to use the Timeline extension in our online documentation:<\/p>\n<p><a href=\"https:\/\/game.criware.jp\/manual\/unity_plugin_en\/latest\/contents\/mana4u_extension_timeline.html\">https:\/\/game.criware.jp\/manual\/unity_plugin_en\/latest\/contents\/mana4u_extension_timeline.html<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a previous post, we learned how to play videos from a script by attaching a CriManaMovieController to a 3D<\/p>\n","protected":false},"author":2,"featured_media":5834,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[6,7,23],"tags":[],"class_list":["post-5824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sofdec","category-tutorials","category-unity"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/5824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/comments?post=5824"}],"version-history":[{"count":14,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/5824\/revisions"}],"predecessor-version":[{"id":5847,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/5824\/revisions\/5847"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media\/5834"}],"wp:attachment":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media?parent=5824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/categories?post=5824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/tags?post=5824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}