Creating draft of recipe for discussion

_includes/links.md

@@ -29,6 +29,7 @@
 [0024]: {{site.baseurl}}/recipe/0024-book-4-toc/ "Book with Table of contents (ranges)"
 
 [0068]: {{site.baseurl}}/recipe/0068-newspaper/ "A newspaper"
+[0079]: {{site.baseurl}}/recipe/0079-webvtt-to-annotations/ "Using Annotations for Transcripts"
 [0117]: {{site.baseurl}}/recipe/0117-add-image-thumbnail/ "Manifest Thumbnail"
 [0118]: {{site.baseurl}}/recipe/0118_multivalue/ "Displaying Multiple Values with Language Maps"
 [0219]: {{site.baseurl}}/recipe/0219-using-caption-file/ "Using Captions and Subtitles with Video Content"

index.md

@@ -49,6 +49,7 @@ _The corresponding 2.1 test fixture(s) is given like this, where appropriate: ..
 
 * Transcription of image-based content - various examples gathered (43,44,45,46,47,48)
 * Transcription of audio and video
+* [Using Annotations for Transcripts][0079]
 * [Using Caption and Subtitles with Video Content][0219]
 * Transcription of content into XML, with XPaths to select a segment
 * [Providing Alternative Representations][0046]

recipe/0079-webvtt-to-annotations/index.md

@@ -1,37 +1,31 @@
 ---
-title: Transformation - WebVTT or OHMS XML to Annotations
+title: Using Annotations for Timed Text
 id: 79
 layout: recipe
 tags: [tbc]
-summary: "tbc"
+summary: 'tbc'
 ---
 
-
 ## Use Case
 
-Why is this pattern is important?
+When timed-text (trancscript, caption, OHMS XML files) is available for A/V content, synchronizing the display of the text and the media playback can be accomplished by transforming the timed information into annotations.
 
 ## Implementation notes
 
-How does one 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.? (Not present if not needed.)
 
 ## Example
 
-Describe in prose and provide examples, e.g.: 
+Describe in prose and provide examples, e.g.:
 
-{: .line-numbers data-src="manifest.json" }
-```json
-```
+{% include manifest_links.html viewers="Mirador" manifest="manifest.json" %}
+{% include jsonviewer.html src="manifest.json" %}
 
 # Related recipes
 
 Provide a bulleted list of related recipes and why they are relevant.
 
-
 {% include acronyms.md %}
 {% include links.md %}
-

recipe/0079-webvtt-to-annotations/manifest.json

@@ -0,0 +1,58 @@
+{
+  "@context": "http://iiif.io/api/presentation/3/context.json",
+  "id": "{{ id.url }}",
+  "type": "Manifest",
+  "label": { "en": ["Lunchroom Manners"] },
+  "items": [
+    {
+      "id": "{{ id.path }}/canvas/1",
+      "type": "Canvas",
+      "height": 360,
+      "width": 480,
+      "duration": 572.034,
+      "items": [
+        {
+          "id": "{{ id.path }}/canvas/1/page",
+          "type": "AnnotationPage",
+          "items": [
+            {
+              "id": "{{ id.path }}/canvas/1/page/annotation",
+              "type": "Annotation",
+              "motivation": "painting",
+              "body": [
+                {
+                  "id": "https://fixtures.iiif.io/video/indiana/lunchroom_manners/high/lunchroom_manners_1024kb.mp4",
+                  "type": "Video",
+                  "height": 360,
+                  "width": 480,
+                  "duration": 572.034,
+                  "format": "video/mp4"
+                }
+              ],
+              "target": "{{ id.path }}/canvas/1"
+            }
+          ]
+        }
+      ],
+      "annotations": [
+        {
+          "id": "{{ id.path }}/canvas/1/page/annotation",
+          "type": "AnnotationPage",
+          "items": [
+            {
+              "id": "{{ id.path }}/canvas/1/page/annotation/1",
+              "type": "Annotation",
+              "motivation": "supplementing",
+              "body": {
+                "type": "TextualBody",
+                "value": "Just before lunch one day, a puppet show was put on at school.",
+                "format": "text/plain"
+              },
+              "target": "{{ id.path }}/canvas/1#t=22.2,26.6"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}