diff --git a/_includes/links.md b/_includes/links.md index 0a6f0cad1..be43207d3 100644 --- a/_includes/links.md +++ b/_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" diff --git a/index.md b/index.md index 31dc3c9be..55667a475 100644 --- a/index.md +++ b/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] diff --git a/recipe/0079-webvtt-to-annotations/index.md b/recipe/0079-webvtt-to-annotations/index.md index f2cbf0e8a..20d610339 100644 --- a/recipe/0079-webvtt-to-annotations/index.md +++ b/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 %} - diff --git a/recipe/0079-webvtt-to-annotations/manifest.json b/recipe/0079-webvtt-to-annotations/manifest.json new file mode 100644 index 000000000..eba120776 --- /dev/null +++ b/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" + } + ] + } + ] + } + ] +}