\n
\n
![\"Creating](\"https:\/\/image.blockchain.news:443\/features\/FCAF30107F93017A469BDB76DCCE7D957DFC034943E2204CF5967AAF05B60663.jpg\")
\n
\n <\/a>
\n <\/figure>\n
WebVTT (.vtt) or Web Video Text Tracks Format is a widely supported format for subtitles in videos. In this guide, you’ll learn how to create WebVTT files for videos using Node.js and the AssemblyAI API, according to AssemblyAI.<\/p>\n
Step 1: Set Up Your Development Environment<\/h2>\n
First, install Node.js<\/a> 18 or higher on your system. Create a new project folder, change directories to it, and initialize a new Node.js project:<\/p>\n Open the package.json<\/em> file and add This will tell Node.js to use the ES Module syntax for exporting and importing modules. Then, install the AssemblyAI JavaScript SDK<\/a>:<\/p>\n Next, obtain an AssemblyAI API key from your dashboard<\/a>. Set it as the With the development environment ready, start transcribing your video files. Use this sample video<\/a> for practice. Create a file called If the transcription is successful, the Generate the subtitles in WebVTT format. Import the necessary module to save the WebVTT file to disk:<\/p>\n Add the following code to generate and download the VTT file:<\/p>\n Customize the maximum number of characters per caption if needed:<\/p>\n Run the script from your shell:<\/p>\n After execution, you’ll find a new file Now that you have your subtitle file, you can configure it in your video player or upload it to YouTube Studio. Additionally, explore other tools to bundle or burn subtitles into your video. Check out AssemblyAI’s Audio Intelligence models<\/a> and LeMUR<\/a> for more capabilities in your audio and video applications.<\/p>\n For more educational content, visit the AssemblyAI blog<\/a> or their YouTube channel<\/a>.<\/p>\nmkdir vtt-subtitles\ncd vtt-subtitles\nnpm init -y\n<\/code><\/pre>\ntype: \"module\",<\/code> to the list of properties:<\/p>\n{\n ...\n \"type\": \"module\",\n ...\n}\n<\/code><\/pre>\nnpm install --save assemblyai\n<\/code><\/pre>\nASSEMBLYAI_API_KEY<\/code> environment variable:<\/p>\n# Mac\/Linux:\nexport ASSEMBLYAI_API_KEY=Step 2: Transcribe Your Video<\/h2>\n
index.js<\/code> and add the following code:<\/p>\nimport { AssemblyAI } from 'assemblyai';\n\nconst client = new AssemblyAI({ apiKey: process.env.ASSEMBLYAI_API_KEY });\n\nconst transcript = await client.transcripts.transcribe({\n audio: \"https:\/\/storage.googleapis.com\/aai-web-samples\/aai-overview.mp4\",\n});\n<\/code><\/pre>\ntranscript<\/code> object will be populated. Verify and log any errors:<\/p>\nif (transcript.status === \"error\") {\n throw new Error(transcript.error);\n}\n<\/code><\/pre>\nStep 3: Generate WebVTT File<\/h2>\n
import { writeFile } from \"fs\/promises\"\n<\/code><\/pre>\nconst vtt = await client.transcripts.subtitles(transcript.id, \"vtt\");\nawait writeFile(\".\/subtitles.vtt\", vtt);\n<\/code><\/pre>\nconst vtt = await client.transcripts.subtitles(transcript.id, \"vtt\", 32);\nawait writeFile(\".\/subtitles.vtt\", vtt);\n<\/code><\/pre>\nStep 4: Run the Script<\/h2>\n
node index.js\n<\/code><\/pre>\nsubtitles.vtt<\/code> on disk:<\/p>\nWEBVTT\n\n00:00.200 --> 00:04.430\nAssemblyAI is building AI systems to help you build AI applications with\n\n00:04.462 --> 00:08.694\nspoken data. We create superhuman AI models for speech recognition,\n\n00:08.774 --> 00:13.062\nsummarization, knowledge, augmentation of large language models with spoken\n<\/code><\/pre>\nNext Steps<\/h2>\n