Creating a Slide Show Presentation, part 1

By Jake Smeester | Posted September 6, 2018


Learn Sumerian
Creating a Slide Show Presentation, part 1

Tags

slide show
presentation
host
speech
polly

In this you will learn about:

One of the more popular use cases we see with Amazon Sumerian Hosts is creating a virtual concierge. We’ve written a few articles about this. Instead of using digital experiences that are limited to voice, text, and motion graphics, Sumerian puts a real face on digital experiences. Expanding on the idea of a virtual concierge, we created a scene that puts a Host (in our case, Preston) as the presenter for a slide show presentation.

We have many tutorials that describe how to create a custom speech for a Host, but what’s even more powerful about this scene is the ability to drive actions from within a speech. Instead of using a timeline to animate a slide show, customers can now control the presentation inside the speech by using SSML markup. Additionally, instead of loading images into our scene, we will stream images from Amazon S3.

As an example, take a look at the following scene.

In this article, we walk you through how to create a scene, similar to the one above. You can customize your own speech and slides.

Before you begin, we recommend that you complete the following:

Step 1: Set Up an Amazon S3 Bucket

  1. Create an S3 bucket and make it public. Also, be sure to make all of your individual images public.

  2. Navigate to the Permissions bucket. Open the CORS configuration editor.

  3. Add the following to the CORS configuration.

     <?xml version="1.0" encoding="UTF-8"?>
     <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
     <CORSRule>
         <AllowedOrigin>*</AllowedOrigin>
         <AllowedMethod>GET</AllowedMethod>
         <MaxAgeSeconds>6000</MaxAgeSeconds>
         <AllowedHeader>*</AllowedHeader>
     </CORSRule>
     </CORSConfiguration>
    
  4. Choose Save.

Note: While building your Sumerian scene, make sure to keep your S3 bucket accessible because you’ll need to retrieve the individual URLs of each image.

Step 2: Add a Cognito Identity Pool ID

We want to start by adding a Cognito Identity Pool ID to our scene. This allows our scene to connect with other AWS services.

  1. Complete the steps in the Amazon Cognito Setup and AWS Configuration tutorial.

  2. Return to Sumerian and create a new scene.

    Note: You can use either an Empty scene or the Default Lighting template. However, we don’t cover light setup in this exercise.

  3. Expand the AWS Configuration component. Insert the Cognito Identity Pool ID.

Step 3: Add a Host

  1. Create a new scene.

  2. Open the Asset Library by choosing Import Assets above the canvas.

  3. Select a Host from the Asset Library and add him or her to your scene. We are using Preston Polo.