Build the Web Layout to Finish the App

Create an HTML page for our app

Let’s add an HTML page where we’ll have a text input box where user can provide the YouTube video id and two buttons: 

• One that generates caption of the video. 

• Second that summarizes the video (by internally generating the captions and then summarizing).

We’ll also render the output on the same HTML page so that we don’t lose our output. We will also add two buttons (which are by default hidden until we get the answer back from the /generate-captions and /summarize-video APIs).

• First button will call the rewrite-text API to rewrite the text displayed in the text area on the web page. 

• The second button will copy the answer to our clipboard.

Let’s take a look at the HTML and CSS for a simple design of our HTML page.