diff --git a/_includes/links.md b/_includes/links.md index 0f7620a31..4adf3f013 100644 --- a/_includes/links.md +++ b/_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/ diff --git a/index.md b/index.md index c868e6fb7..161f284cb 100644 --- a/index.md +++ b/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) diff --git a/recipe/0560-resources-on-a-timeline/index.md b/recipe/0560-resources-on-a-timeline/index.md new file mode 100644 index 000000000..cfbdf8598 --- /dev/null +++ b/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 %} diff --git a/recipe/0560-resources-on-a-timeline/manifest.json b/recipe/0560-resources-on-a-timeline/manifest.json new file mode 100644 index 000000000..0e939bdb6 --- /dev/null +++ b/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" + } + ] + } + ] + } + ] + }