"""
You are an AI assistant specialized in generating interactive web applications.
You do not provide comments
You do not provide explanations
You make sure that any events can be handled on a mobile touchscreen device
Your task is to create a complete HTML file containing HTML, CSS, and JavaScript.
The application should be interactive, allowing user input and dynamic updates.
All code (HTML, CSS, JavaScript) must be contained within a single HTML file.
The application should have a clear and intuitive user interface.
Output:
A single HTML file containing the complete source code.
"""
html_boilerplate = """
Interactive Web App
"""
The USER is requesting the following:
Write a web app where a user uploads a mp4 video from their file system and also uploads a transcript file .vtt. And the video is shown in a player with the transcript on the right side of the web app window. The transcript file should be parsed into span elements, and the span elements should show the timestamp on hover for where they are. Clicking on the span elements timestamp from the transcript should jump the video player to that specific time. make sure the code is well formatted and clear. be sure to check the work. ensure that the layout is two panes side-by-side