User Tools

Site Tools


media_360_image_page

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
media_360_image_page [2022/12/02 10:53] – ↷ Page moved from playground:media_360_image_page to media_360_image_page tadachimedia_360_image_page [2023/09/25 09:00] (current) jsmith
Line 13: Line 13:
 ===== Example demo ===== ===== Example demo =====
  
-{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#360image}}+{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#360image 98%, 520px noborder}}
  
 or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#360image|Xerte Page Types > Interactivity: 360° Image]] (opens in new tab). or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#360image|Xerte Page Types > Interactivity: 360° Image]] (opens in new tab).
 +
  
 ===== Editor Interface ===== ===== Editor Interface =====
  
-{{:xerte-media-360image-editor.jpg?600|:playground:xerte-media-360image-editor.jpg}}\\+{{:xerte-media-360image-editor.jpg|:playground:xerte-media-360image-editor.jpg}}\\ 
  
 ==== Top Level: Core Properties ==== ==== Top Level: Core Properties ====
  
 ^ **Property** ^ **Description** ^ **Type** ^ **Additional information** ^ ^ **Property** ^ **Description** ^ **Type** ^ **Additional information** ^
-| Page Title | Text that appears in header of published page | Text | \\ | +| Page Title | Text that appears in header of published page| Text | \\ | 
-| Page Text | Content that appears either to the right or left of the 360° image (see Image Position below) | Text+ (Toolbar) | Use this to give the context or instructions for the task. Other content (e.g. images, audio, video) can be embedded here. | +| Page Text | Content that appears either to the right or left of the 360° image (see Image Position below)| Text+ (Toolbar) | Use this to give the context or instructions for the task. Other content (e.g. images, audio, video) can be embedded here. | 
-| Image Size | Determines the size of the image {Small/Medium/**Large**/Full} | Upload | If you select **Full **the Page Text will not be displayed to learners. | +| Image Size | Determines the size of the image.{Small/Medium/**Large**/Full} | Drop-down | If you select **Full **the Page Text will not be displayed to learners. | 
-| Image Position | Determines the position of the image relative to the Page Text {Left/**Right**} | Text | \\ |+| Image Position | Determines the position of the image relative to the Page Text{Left/**Right**} | Drop-down | \\ | 
  
 ==== Top Level: Optional Properties ==== ==== Top Level: Optional Properties ====
Line 36: Line 39:
 | Scene Menu | This adds a dropdown menu to enable the learner to navigate through the different Scenes.  | Tick box | Locked Scenes do not appear in menus  | | Scene Menu | This adds a dropdown menu to enable the learner to navigate through the different Scenes.  | Tick box | Locked Scenes do not appear in menus  |
 | Locked Hotspot Icon | Select an icon to show that the Hotspot has to be unlocked by answering a question or entering a password.  | Font Awesome |   | | Locked Hotspot Icon | Select an icon to show that the Hotspot has to be unlocked by answering a question or entering a password.  | Font Awesome |   |
-| Hotspot Appearance: Main Colour | Sets the main colour of the Hotspot  | Colour picker |   |+| Hotspot Appearance: Main Colour | Sets the main colour of the Hotspot | Colour picker |   |
 | Hotspot Appearance: Secondary Colour | Sets the colour of the Hotspot border and the icon within it.  | Colour picker |   | | Hotspot Appearance: Secondary Colour | Sets the colour of the Hotspot border and the icon within it.  | Colour picker |   |
-| Hotspot Appearance: Size | The size of the icon and therefore the Hotspot  | Number |   |+| Hotspot Appearance: Size | The size of the icon and therefore the Hotspot | Number |   |
  
 === General === === General ===
  
-See [[playground:optional_properties|General Optional Properties]]+See [[optional_properties|General Optional Properties]]
  
  
Line 48: Line 51:
  
 ^ **Property** ^ **Description** ^ **Type** ^ **Additional information** ^ ^ **Property** ^ **Description** ^ **Type** ^ **Additional information** ^
-| Zoom In | Text in the tooltip that appears on mouseover of the + zoom in icon | Text | Default - "Zoom in" | +| Zoom In | Text in the tooltip that appears on mouseover of the + zoom in icon| Text | Default - "Zoom in" | 
-| Zoom Out | Text in the tooltip that appears on mouseover of the ** **- zoom out icon | Text | Default - "Zoom out" | +| Zoom Out | Text in the tooltip that appears on mouseover of the - zoom out icon| Text | Default - "Zoom out" | 
-| Full Screen | Text in the tooltip that appears on mouseover of the ** **full screen toggle icon  | Text | Default - "Full screen toggle"+| Full Screen | Text in the tooltip that appears on mouseover of the full screen toggle icon | Text | Default - "Full screen toggle"
-| Password Label | Text beside a text entry box into which the learner enters either a password or the answer to a question ( see Lock Hotspot in the Hotspot: Optional Properties below)  | Text | Default - "Password:"+| Password Label | Text beside a text entry box into which the learner enters either a password or the answer to a question (see Lock Hotspot in the Hotspot: Optional Properties below) | Text | Default - "Password:"
-| Password Submit | Text on the button to submit the password or answer  | Text | Default - "Submit"+| Password Submit | Text on the button to submit the password or answer | Text | Default - "Submit"
-| Wrong Password | Feedback to learner if the password or answer is incorrect  | Text | Default - "Incorrect password" |+| Wrong Password | Feedback to learner if the password or answer is incorrect | Text | Default - "Incorrect password" |
  
 After you have created the overall properties, go to **New Scene**, which is where you will add your 360° image. After you have created the overall properties, go to **New Scene**, which is where you will add your 360° image.
  
-{{ :xerte-media-360image-newscene.jpg?250 |:playground:hotspot_image_add_hotspot.jpg}}+{{ :xerte-media-360image-newscene.jpg |:playground:hotspot_image_add_hotspot.jpg}} 
  
 ==== Scene: Core Properties ==== ==== Scene: Core Properties ====
Line 82: Line 86:
 | Overlay Colours: Tooltips | Sets the background colour of the tooltip that appears on hover over hotspots  | Colour Picker  |   | | Overlay Colours: Tooltips | Sets the background colour of the tooltip that appears on hover over hotspots  | Colour Picker  |   |
 | Overlay Colours: | Sets the background colour of the Title Bar displayed at the top of the image | Colour Picker |   | | Overlay Colours: | Sets the background colour of the Title Bar displayed at the top of the image | Colour Picker |   |
 +
 +There are no **Language Options** for Scenes.
  
 Next you need to add hotspots to the scene. Click on **New Hotspot** at the foot of the central pane; Next you need to add hotspots to the scene. Click on **New Hotspot** at the foot of the central pane;
  
 {{ :xerte-media-360image-newhotspot.jpg?260 }} {{ :xerte-media-360image-newhotspot.jpg?260 }}
 +
  
 ==== Hotspot: Core Properties ==== ==== Hotspot: Core Properties ====
Line 131: Line 138:
 | Video: End Time | Stop playing at this point in the recording (seconds in) | Number |   | | Video: End Time | Stop playing at this point in the recording (seconds in) | Number |   |
  
 +There are no **Language Options** for Hotspots.
  
 +{{tag>pagetype media}}
media_360_image_page.1669978427.txt.gz · Last modified: 2022/12/02 10:53 by tadachi