The Composer allows producers to assemble their audio/video assets into linear or interactive experiences with spatial audio. Once you are satisfied with a Narrative’s composition, you can stage it to preview internally or publish to your app. The Composer is best used on laptop or PC with the latest version of Google Chrome.
You can navigate to the composer by clicking on one of your narratives in the CMS. This will take you to the narrative "Overview" page. From there, underneath your narrative thumbnail click on "Open Composer". Before opening the Composer, make sure you have already uploaded assets for your narrative.
Composing a Linear Experience
To get started you can create your first node by clicking on the video tab in the bottom and dragging your first video asset onto the canvas.
Now that you've added your first node, you can also add additional audio to it. To add audio right-click on the bottom bar of your node, and click "New Audio". You edit your Audio Tag by double-clicking on it. Learn more about what you can do with audio here.
If you just want to publish a simple linear 360 video that only contains one video asset, you're all set! Click on "File" at the top left, then click "Save and Stage to All". If you want to make an interactive piece of content keep reading.
Composing with Interactivity
Now that you've added your first node you can start adding elements of interactivity to your content.
There are many ways you can use the composer to create content, to get started this article will just cover one of many possibilities. The two main types of hotspots you can currently add can trigger either audio or video assets.
To add a hotspot that triggers video right-click on the bottom of the node and click "New Exit Flag".
You can move Exit Flags around on the node to change the time that the hotspot will appear in the video. Double-click on the Exit Flag to edit it.
Go to trigger type and select "Hotspot". Now you can change the size (w,h) and location (x,y,z) of your hotspot. You can open the preview editor to see an approximation of where the hotspot will be in your video as well as edit its properties. A hotspot is triggered when a user looks at it in your video.
Once you've decided on where you want your hotspot to be it's time time to link it with what you want it to trigger when a user looks at it.
Drag another video asset from your "Videos" tab, and drop it onto the Composer canvas. Click on the Exit Flag circle and drag a connecting line from the Exit Flag to the Start Flag of the new node you just added. Now whenever a user looks at the hotspot specified in Exit Flag, it will trigger a transition to the new node it is connected to. You can add many Exit Flags and change the properties of your hotspots or add in automatic time-based transitions between nodes as well.
To add an audio hotspot create a new Audio Tag by right-clicking on the bottom of the node, and add an audio asset to it.
This time select the "Advanced Hotspot" trigger type. Similar to the video hotspots you can edit the properties of the audio hotspot in the preview editor. You can also make it so that the audio only plays while a user is looking at the hotspot by selecting the "Stop on Gaze Out" option.
Like before, to publish and preview your content make sure to save, and then click "Stage to All".
This is just a simple example, and there is a lot more you can do within the composer. Check out the rest of the Composer articles to learn about more advanced features.