Thinking about video segments in Typescript/React Video Editor | glowing telegram - Episode 145

Channel:
Subscribers:
542
Published on ● Video Link: https://www.youtube.com/watch?v=yPtwV2EhAd8



THE EDITOR
Game:
THE EDITOR (2023)
Duration: 0:00
38 views
3


In this video, I explore the intricacies of building a video editor using TypeScript, focusing on media management and playback handling. I dive into the considerations for loading states and autoplay functionalities, debating whether to include a loading state for the video player. I also examine the challenges of supporting multiple video sources in a timeline, and outline the steps to programmatically manage video URLs.

I discuss the process of creating a timeline provider and breaking down the video metadata from a JSON source. Through clever manipulation of types and metadata, I update the video player to handle a collection of video URLs rather than a single source, thereby preparing it for more complex playback scenarios. This involves understanding and calculating the play time across various video files, and addressing the issues of seeking and play head management.

πŸ”— Check out my Twitch channel for more streams: https://www.twitch.tv/saebyn
GitHub: https://github.com/saebyn/glowing-telegram & https://github.com/saebyn/glowing-telegram-video-editor
Discord: https://discord.gg/N7xfy7PyHs




Other Videos By saebynVODs


2024-12-17Exploring React Admin with Vite and TypeScript - Episode 155
2024-12-15Exploring React Admin Features for Glowing Telegram Project | Episode 154
2024-12-14Building a Custom UI for Stream Management with React and Vite | Episode 153
2024-12-12Creating a New Vite & React Admin Frontend for Glowing Telegram | Episode 152
2024-12-10Rust APIs and AWS Lambda: Handling OpenAI Data with DynamoDB | Episode 151
2024-12-08Enhancing Video Summarization with OpenAI API and JSON Schema | Episode 150
2024-12-06Refining AWS Lambda Transcription Processing with Rust | Episode 149
2024-12-04Implementing Seamless Video Transitions in TypeScript | glowing telegram project - Episode 148
2024-12-03Enhancing Video Player Controls with TypeScript | glowing telegram project - Episode 147
2024-12-01Improving a Video Editor with TypeScript w/ Multiple Files | glowing telegram project - Episode 146
2024-11-30Thinking about video segments in Typescript/React Video Editor | glowing telegram - Episode 145
2024-11-29Troubleshooting typescript/react video editor components | glowing telegram - Episode 144
2024-11-28Building a new Video Editor Frontend in TypeScript | glowing telegram - Episode 143
2024-11-27More deploying AWS Step Functions | glowing telegram - Episode 142
2024-11-26More Lambda Functions and Step Functions with AWS and Pulumi | glowing telegram - Episode 141
2024-11-25Streamlining AWS Lambda with Rust and Python | glowing telegram - Episode 140
2024-11-23Testing our Docker image + exploring EC2 spot instance cost | glowing telegram - Episode 139
2024-11-21Streamlining Audio Model Downloads and Video Processing with AWS | glowing telegram - Episode 138
2024-11-19Troubleshooting AWS Batch Job Setup with Whisper AI | glowing telegram - Episode 137
2024-11-18GPU batch job queue with AWS spot instances | glowing telegram - Episode 136
2024-11-16Making Our Rust/TS Web App Serverless with Pulumi and Python | glowing telegram - Episode 135