Open
Conversation
* Bootstrap recording timer * Extract math and format services * Extract useStopWatch hook * Stop relying on useEffect to start timer
* Bootstrap countdown animation * Animate record icon on countdown end * Animate text when changing number * Fix Gilroy font misalignment * Animate icon during the countdown * Start recording after showing the countdown * Fade in recording controls after countdown
* Replace company link with github link * Fix border color on recording preview * Remove unused components * Extract GitHub button component
* Bootstrap README * Add emojis to the features list * Update web app link text * Add an "how to use section"
This change adds a new Teleprompter which displays as an overlay on the main screen. It supports adding and playing back a script during recording.
- Add TypeScript types for video metadata, upload progress, and API responses - Implement Google Identity Services OAuth authentication - Add resumable upload support with progress tracking - Export all services through barrel file
- Store OAuth access tokens in localStorage - Auto-clear expired tokens with 5 minute buffer - Follow existing preference service pattern
- Provide isAuthenticated state and signIn/signOut methods - Auto-initialize Google Identity Services on mount - Check for existing valid tokens on load
- YouTubeMetadataForm: Title, description, and privacy selection - UploadProgress: Progress bar with percentage display - UploadComplete: Success state with links to video and YouTube Studio
- Add 'Upload to YouTube' button in recording complete modal - Handle OAuth flow, MP4 conversion, and upload states - Show metadata form after authentication - Display progress during upload with error handling
- Register YouTubeProvider in app component tree - Add TypeScript declarations for Google OAuth API - Add VITE_GOOGLE_CLIENT_ID environment variable type
- Add .env.example with Google Client ID template - Add comprehensive setup guide for Google Cloud configuration - Include troubleshooting section and production deployment options
❌ Deploy Preview for my-recorder failed. Why did it fail? →
|
• Add .env.example with Google Client ID template • Add comprehensive setup guide for Google Cloud configuration • Include troubleshooting section and production deployment options
JawadAlhindi
force-pushed
the
feature/upload-to-youtube
branch
2 times, most recently
from
c7867d6 to
8665a0e
Compare
|
Closing as not applicable to the current Tribora product direction. This PR (upload-to-youtube) is from the original 'recorder' base project before the fork into Tribora, which has pivoted to an AI-powered Knowledge Intelligence platform. Feel free to reopen if needed. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Recorder provides a clean, local-first way to record screen and camera, but the publishing step is still manual. Adding a native “Upload to YouTube” button would significantly improve the end-to-end workflow for creators who publish content regularly.
Current Behavior
After completing a recording, users must:
This introduces unnecessary friction and breaks the recording → publishing flow.
Problem
For creators producing frequent tutorials, demos, or updates, this manual process is repetitive and time-consuming. Competing tools reduce this friction by offering direct publishing integrations.
Proposed Feature
Add an optional “Upload to YouTube” button to the post-recording / export screen.
User Flow
Supported Metadata (Initial Scope)
(Advanced options like tags, playlists, or thumbnails can be deferred.)
Technical Notes (Suggested)
UX Considerations
Alternatives Considered
Value Proposition