Recipe #560: Resources on a Timeline

_includes/links.md

@@ -73,12 +73,12 @@
 [0377]: {{ site.cookbook_url | absolute_url }}/recipe/0377-image-in-annotation/ "Image in annotation"
 
 [0466]: {{ site.cookbook_url | absolute_url }}/recipe/0466-link-for-loading-manifest/ "Loading a manifest with a viewer using a link"
-
 [0485]: {{ site.cookbook_url | absolute_url }}/recipe/0485-contentstate-canvas-region/ "Open a specific region of a canvas in a viewer"
-
 [0434]: {{ site.cookbook_url | absolute_url }}/recipe/0434-choice-av/ "Multiple Choice of Audio Formats in a Single View (Canvas)"
 [0489]: {{ site.cookbook_url | absolute_url }}/recipe/0489-multimedia-canvas/ "Rendering Multiple Media Types on a Time-Based Canvas"
 
+[0560]: {{ site.cookbook_url | absolute_url }}/recipe/0560-resources-on-a-timeline/ "Rendering Resources Sequentially on a Timeline"
+
 [cookbook-process]: {{site.cookbook_url | absolute_url }}/recipe
 
 [trc]: {{ site.root_url | absolute_url }}/community/trc/

index.md

@@ -114,6 +114,7 @@ _(leading on to segmentation examples later)_
 * [Multiple choice of images in a single view][0033] (29)
 * [Foldouts, Flaps, and Maps][0035]
 * [Composition from Multiple Images][0036] (30,31)
+* [Rendering Resources Sequentially on a Timeline][0560]
 * [Rendering Multiple Media Types on a Time-Based Canvas][0489]
 * Multiple images and multiple choices (32,33,34)
 * [Annotating part of an image to a Canvas][recipe-segment-image-part] (e.g., crop out scanner) (35,36,37,38)

recipe/0560-resources-on-a-timeline/index.md

@@ -0,0 +1,46 @@
+---
+title: Resources on a Timeline
+id: 560
+layout: recipe
+tags: timleline
+summary: "Placing resources on a timeline independent of format and individual duration"
+viewers:
+topic:
+ - realWorldObject
+---
+
+## Use Case
+
+Describe the use case that the pattern is intended to solve.
+Why is this pattern important?
+
+## Implementation Notes
+
+What do you need to know to use this pattern?
+How do you implement the pattern?
+
+## Restrictions
+
+When is this pattern is usable / not usable? Is it deprecated? If it uses multiple specifications, which versions are needed, etc.?
+
+Delete this section if it is not needed.
+If you don't know what the restrictions might be initially, just leave the following line:
+**Unknown - Help Needed**
+
+## Example
+
+Describe the solution in prose and provide an example.
+The example json document must be an external document, and imported with the following:
+
+{% include manifest_links.html viewers="UV, Mirador, Annona, Clover, Ramp, Aviary, Glycerine, Theseus" manifest="manifest.json" %}
+
+{% include jsonviewer.html src="manifest.json" %}
+
+The direct link to the fixture is a useful convenience.
+
+## Related Recipes
+
+Provide a bulleted list of related recipes and why they are relevant.
+
+{% include acronyms.md %}
+{% include links.md %}

recipe/0560-resources-on-a-timeline/manifest.json

@@ -0,0 +1,64 @@
+{
+    "@context": "http://iiif.io/api/presentation/3/context.json",
+    "id": "{{ id.url }}",
+    "type": "Manifest",
+    "label": { "en": [ "Resources on a Timeline" ] },
+    "behavior": ["auto-advance", "repeat"],
+    "items": [
+      {
+        "id": "{{ id.path }}/canvas",
+        "type": "Canvas",
+        "height": 2572,
+        "width": 3764,
+        "duration": 2,
+        "items": [
+          {
+            "id": "{{ id.path }}/page/p1/1",
+            "type": "AnnotationPage",
+            "items": [
+              {
+                "id": "{{ id.path }}/annotation/p0001-image",
+              "type": "Annotation",
+              "motivation": "painting",
+              "body": {
+                "id": "https://iiif.io/api/image/3.0/example/reference/329817fc8a251a01c393f517d8a17d87-Northeaster_by_Winslow_Homer_1895/full/max/0/default.jpg",
+                "type": "Image",
+                "format": "image/jpeg",
+                "height": 2572,
+                "width": 3764,
+                "service": [
+                  {
+                    "id": "https://iiif.io/api/image/3.0/example/reference/329817fc8a251a01c393f517d8a17d87-Northeaster_by_Winslow_Homer_1895/",
+                    "profile": "level1",
+                    "type": "ImageService3"
+                  }
+                ]
+              },
+                "target": "{{ id.path }}/canvas#t=0,1"
+              },
+              {
+                "id": "{{ id.path }}/annotation/p0001a-image",
+              "type": "Annotation",
+              "motivation": "painting",
+              "body": {
+                  "id": "https://iiif.io/api/image/3.0/example/reference/329817fc8a251a01c393f517d8a17d87-Winslow_Homer_-_The_Gulf_Stream_-_Metropolitan_Museum_of_Art/full/max/0/default.jpg",
+                  "type": "Image",
+                  "format": "image/jpeg",
+                  "height": 3540,
+                  "width": 5886,
+                  "service": [
+                    {
+                      "id": "https://iiif.io/api/image/3.0/example/reference/329817fc8a251a01c393f517d8a17d87-Winslow_Homer_-_The_Gulf_Stream_-_Metropolitan_Museum_of_Art/",
+                      "profile": "level1",
+                      "type": "ImageService3"
+                    }
+                  ]
+              },
+                "target": "{{ id.path }}/canvas#t=1,2"
+              }
+            ]
+          }
+        ]
+      }    
+    ]
+  }