🔑 Key Learning Outcomes

Use Symbl.ai to get transcripts for the video.
Understand the basics of Symbl AI Conversation API.
Process video using Symbl Async Video API.
Implement login functionality by using Symbl oauth2 endpoint.
Store a token globally with React Context.
Utilize Symbl's Job Status API.

👨‍🏫 About the Course

This course focuses on creating a contextual video analysis app using NextJS and Symbl.ai. You will learn how to integrate speech-to-text capabilities and various insights into your video or voice application. By the end of the course, you will be able to process conversations from videos and display transcripts effectively.

🎯 Target Audience

Ideal for developers familiar with React and interested in video analysis applications.
Suitable for those looking to enhance their skills in integrating APIs and building functional UIs.

✅ Requirements

Basic knowledge of React and JavaScript is required.
Familiarity with API integration and UI development will be beneficial.

📖 Course Content

Create a Basic Next.js App.
Style a Next.js App Layout with Chakra UI.
Secure a Next.js App with a Login Screen.
Implement Login in a Next.js App Functionality by Authorizing with Symbl.
Store a Token Globally with React Context for Easier Use Anywhere in a Next.js App.
Add Video File Input and Preview in a Next.js App.
Send a Video File From Next.js for Processing Using Symbl AI Video Async API.
Check the Status of Processing for Symbl Job API by Polling with a Custom useInterval Hook.
Render Video Transcripts From Symbl Once Processing Is Complete on a Next.js Screen.
Use Symbl Conversation API to Get a List of Insights From the Processed Video in Next.js.

Update Course