{"id":351,"date":"2017-12-11T11:51:43","date_gmt":"2017-12-11T16:51:43","guid":{"rendered":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/?post_type=chapter&#038;p=351"},"modified":"2018-05-30T16:31:49","modified_gmt":"2018-05-30T20:31:49","slug":"annotations","status":"publish","type":"chapter","link":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/annotations\/","title":{"raw":"Annotations","rendered":"Annotations"},"content":{"raw":"Annotations can be used to draw attention to specific parts of an image or certain segments of audio and video in your book. Annotations mark sections of a media object, and provide comments about the marked section.\u00a0 Each media object can have multiple annotations.\r\n<h4><strong>Annotating Images<\/strong><\/h4>\r\nSelect an image from the <strong>Media<\/strong> gallery via the <strong>Dashboard<\/strong> (see <a href=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/import-media\/\">Working With Media<\/a> chapter for a refresher on where to find this). When you have found the media object you would like to annotate, click the <strong>Annotate<\/strong> button (paperclip icon).\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-300x32.png\" alt=\"\" class=\"wp-image-354 alignleft\" width=\"394\" height=\"42\" \/>\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n\r\nClick and drag the cursor over the area of the image to be annotated. Add an annotation. Below the image, a box displays the annotation in the <strong>Title<\/strong> field. Add full content of the annotation in the <strong>Content <\/strong>field, and an optional description of the annotation in the <strong>Description <\/strong>field. Tags can be added to annotations (see <a href=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/6g-add-tags\/\">Tag section<\/a>).\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-807x1024.png\" alt=\"\" class=\"alignnone size-large wp-image-356\" width=\"807\" height=\"1024\" \/>\r\nAnnotations are indicated by thin boxes on the images, and appear when the cursor rolls over them. Annotations also appear in the Annotations drop down below the image.\r\n\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-1024x836.png\" alt=\"\" class=\"alignnone size-large wp-image-358\" width=\"1024\" height=\"836\" \/>\r\n\r\nAnnotations can identify one or several sections of an image. Images with many annotations such as maps are ideally displayed as large or full sized.\r\n\r\nIf Scalar does not enable annotations of an image linked to a repository (such as the YUDL repository), upload the image as a local media file, and create a source link to the repository instead.\r\n\r\nFollow the same steps to annotate a text media file.\r\n<h4><strong>Annotating Videos<\/strong><\/h4>\r\nSelect a video from the <strong>Media<\/strong> gallery. Click the <strong>Annotate<\/strong>\u00a0(paper clip) button.\r\nCreate an annotation by clicking on the plus button, located in the box below the video display.\u00a0 Drag the play head to the desired start location, then select the green <strong>Start Set<\/strong> button. Drag the play head to the desired end location, then select the green green <strong>End Set<\/strong> button. Add content, description, and tags. Add additional annotations to the same video by selecting the plus button, located in the box below the video display.\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--892x1024.png\" alt=\"\" class=\"alignnone size-large wp-image-359\" width=\"892\" height=\"1024\" \/>\r\n\r\nInsert the video file into a page. Move the cursor over the <strong>media link<\/strong> in the text that references the video, then click the edit icon.\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-1024x874.png\" alt=\"\" class=\"alignnone size-large wp-image-360\" width=\"1024\" height=\"874\" \/>\r\n\r\nIn <strong>Media formatting options<\/strong>, choose the annotation\/s to be displayed under the video.\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-1024x893.png\" alt=\"\" class=\"alignnone size-large wp-image-361\" width=\"1024\" height=\"893\" \/>\r\n\r\nAnnotations can be selected and viewed from the blue box below the video.\r\n\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6.png\" alt=\"\" class=\"alignnone size-full wp-image-362\" width=\"846\" height=\"906\" \/>\r\n<h4><strong>Reviewing and Editing Annotations<\/strong><\/h4>\r\nTo review and edit annotations, go to <strong>Relationships<\/strong> (Dashboard), and select <strong>Annotations<\/strong>.\r\n<img src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-1024x301.png\" alt=\"\" class=\"alignnone size-large wp-image-363\" width=\"1024\" height=\"301\" \/>","rendered":"<p>Annotations can be used to draw attention to specific parts of an image or certain segments of audio and video in your book. Annotations mark sections of a media object, and provide comments about the marked section.\u00a0 Each media object can have multiple annotations.<\/p>\n<h4><strong>Annotating Images<\/strong><\/h4>\n<p>Select an image from the <strong>Media<\/strong> gallery via the <strong>Dashboard<\/strong> (see <a href=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/import-media\/\">Working With Media<\/a> chapter for a refresher on where to find this). When you have found the media object you would like to annotate, click the <strong>Annotate<\/strong> button (paperclip icon).<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-300x32.png\" alt=\"\" class=\"wp-image-354 alignleft\" width=\"394\" height=\"42\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-300x32.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-768x83.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-65x7.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-225x24.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1-350x38.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotate-1.png 818w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Click and drag the cursor over the area of the image to be annotated. Add an annotation. Below the image, a box displays the annotation in the <strong>Title<\/strong> field. Add full content of the annotation in the <strong>Content <\/strong>field, and an optional description of the annotation in the <strong>Description <\/strong>field. Tags can be added to annotations (see <a href=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/6g-add-tags\/\">Tag section<\/a>).<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-807x1024.png\" alt=\"\" class=\"alignnone size-large wp-image-356\" width=\"807\" height=\"1024\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-807x1024.png 807w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-236x300.png 236w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-768x975.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-65x82.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-225x286.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2-350x444.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-2.png 1382w\" sizes=\"auto, (max-width: 807px) 100vw, 807px\" \/><br \/>\nAnnotations are indicated by thin boxes on the images, and appear when the cursor rolls over them. Annotations also appear in the Annotations drop down below the image.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-1024x836.png\" alt=\"\" class=\"alignnone size-large wp-image-358\" width=\"1024\" height=\"836\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-1024x836.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-300x245.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-768x627.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-65x53.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-225x184.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3-350x286.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-3.png 1332w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Annotations can identify one or several sections of an image. Images with many annotations such as maps are ideally displayed as large or full sized.<\/p>\n<p>If Scalar does not enable annotations of an image linked to a repository (such as the YUDL repository), upload the image as a local media file, and create a source link to the repository instead.<\/p>\n<p>Follow the same steps to annotate a text media file.<\/p>\n<h4><strong>Annotating Videos<\/strong><\/h4>\n<p>Select a video from the <strong>Media<\/strong> gallery. Click the <strong>Annotate<\/strong>\u00a0(paper clip) button.<br \/>\nCreate an annotation by clicking on the plus button, located in the box below the video display.\u00a0 Drag the play head to the desired start location, then select the green <strong>Start Set<\/strong> button. Drag the play head to the desired end location, then select the green green <strong>End Set<\/strong> button. Add content, description, and tags. Add additional annotations to the same video by selecting the plus button, located in the box below the video display.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--892x1024.png\" alt=\"\" class=\"alignnone size-large wp-image-359\" width=\"892\" height=\"1024\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--892x1024.png 892w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--261x300.png 261w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--768x881.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--65x75.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--225x258.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4--350x402.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-4-.png 1370w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/p>\n<p>Insert the video file into a page. Move the cursor over the <strong>media link<\/strong> in the text that references the video, then click the edit icon.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-1024x874.png\" alt=\"\" class=\"alignnone size-large wp-image-360\" width=\"1024\" height=\"874\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-1024x874.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-300x256.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-768x656.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-65x55.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-225x192.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5-350x299.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-pre-5.png 1830w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>In <strong>Media formatting options<\/strong>, choose the annotation\/s to be displayed under the video.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-1024x893.png\" alt=\"\" class=\"alignnone size-large wp-image-361\" width=\"1024\" height=\"893\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-1024x893.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-300x262.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-768x670.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-65x57.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-225x196.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5-350x305.png 350w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-5.png 1850w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Annotations can be selected and viewed from the blue box below the video.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6.png\" alt=\"\" class=\"alignnone size-full wp-image-362\" width=\"846\" height=\"906\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6.png 846w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6-280x300.png 280w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6-768x822.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6-65x70.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6-225x241.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-vid-6-350x375.png 350w\" sizes=\"auto, (max-width: 846px) 100vw, 846px\" \/><\/p>\n<h4><strong>Reviewing and Editing Annotations<\/strong><\/h4>\n<p>To review and edit annotations, go to <strong>Relationships<\/strong> (Dashboard), and select <strong>Annotations<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-1024x301.png\" alt=\"\" class=\"alignnone size-large wp-image-363\" width=\"1024\" height=\"301\" srcset=\"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-1024x301.png 1024w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-300x88.png 300w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-768x226.png 768w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-65x19.png 65w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-225x66.png 225w, https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-content\/uploads\/sites\/7\/2017\/12\/annotation-7-350x103.png 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"author":8,"menu_order":5,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-351","chapter","type-chapter","status-publish","hentry"],"part":56,"_links":{"self":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":14,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/351\/revisions"}],"predecessor-version":[{"id":672,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/351\/revisions\/672"}],"part":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/parts\/56"}],"metadata":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/351\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/media?parent=351"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapter-type?post=351"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/contributor?post=351"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/license?post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}