Improving a Video Editor with TypeScript w/ Multiple Files | glowing telegram project - Episode 146
3In this video, I discuss the challenges and solutions involved in enhancing a TypeScript-based video editor. We begin by exploring the current limitations of the video player component, which is tied to a single video source. This becomes an issue when we attempt to manage a timeline of multiple media files, simulating a continuous play of several video segments sequentially.
The main goal of this session is to support multiple video files in our timeline. I dive into refactoring the video player component, focusing on how to handle arrays of media files and ensuring the player state, such as play/pause and current position, is retained across video changes. We tackle the difficulties of transitioning from one video to another while maintaining a seamless user experience.
Additionally, I discuss potential technical roadblocks such as media format compatibility and explore strategies for manipulating video element attributes to achieve our desired results. We also look into how a more advanced setup might involve backend processing to handle various file formats, touching briefly on my attempts to search for solutions online and through documentation.
This video is part of our Chill Sunday Morning Coding series, where we steadily enhance the Glowing-Telegram project. Join me as I troubleshoot, refactor code, and share insights specific to handling media in web applications.
π 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