sebastjanartic
d29f5e24eb
Enhance video card progress bar with a vibrant gradient and glow effect
...
Update client/src/components/video-card.tsx to apply a multi-color gradient and glow effect to the video progress bar, improving visual feedback during playback.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
2025-08-30 14:45:55 +00:00
sebastjanartic
0442820789
Adjust video card layout and remove duration display
...
Modify the `VideoCard` component to adjust the positioning of the title overlay and remove the duration badge.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
2025-08-30 14:34:36 +00:00
sebastjanartic
83cc193eec
Hide video title when preview is actively playing
...
Conditionally render the video title overlay in VideoCard component based on the `showPreview` state to hide it during active playback previews.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
2025-08-30 14:33:46 +00:00
sebastjanartic
72e447505c
Display video title and upload date directly on the video card preview
...
Update `VideoCard` component to overlay video title, view count, and upload date above the duration badge. Removes redundant title and metadata from below the preview.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DVZN4Rp
2025-08-30 14:33:05 +00:00
sebastjanartic
a947c01320
Improve video titles to prevent overflow and ensure consistent display
...
Update the VideoCard component to use the `truncate` class for video titles, ensuring they do not overflow and maintain a consistent display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
2025-08-30 13:57:09 +00:00
sebastjanartic
bfd769bb4b
Shrink video titles to fit on a single line
...
Adjust the CSS class for video titles in `video-card.tsx` to use `text-sm` for smaller font size, ensuring titles fit on a single line.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
2025-08-30 13:56:19 +00:00
sebastjanartic
d15db9df77
Improve video title display to ensure it fits on one line
...
Update the `VideoCard` component to set `line-clamp-1` for the video title, ensuring it displays on a single line.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
2025-08-30 13:55:13 +00:00
sebastjanartic
7185633a94
Add HLS playback for video previews and improve scrolling experience
...
Integrate HLS.js for HLS video playback in video cards, enabling sound and smoother preview functionality. Updates server-side Bunny.net configuration to use signed HLS URLs for MP4 previews.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/iazasnP
2025-08-30 13:10:23 +00:00
sebastjanartic
d550ccb428
Update video player aspect ratio for mobile devices to 16:9
...
Adjust the aspect ratio of the video card component in client/src/components/video-card.tsx to 16:9 on mobile devices.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/7j5FE92
2025-08-30 13:01:19 +00:00
sebastjanartic
debc079e39
Remove play button overlay from video cards
...
Remove the play button overlay element from the VideoCard component in client/src/components/video-card.tsx.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/6upLu3q
2025-08-30 12:50:31 +00:00
sebastjanartic
c035c0bd4d
Update video player to use correct URLs
...
Updates the video player component to use `videoUrlMp4` and `videoUrl` properties for MP4 and HLS sources respectively, instead of the previously used `mp4Url` and `hlsUrl`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/6upLu3q
2025-08-30 12:44:12 +00:00
sebastjanartic
e7d66d289d
Adapt video previews for a better mobile experience
...
Adjust video preview delay and controls for mobile devices, and set preload to metadata for MP4 sources.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-30 12:43:09 +00:00
sebastjanartic
2355fc4da6
Restored to '7fd7127003398a269f1f765208c8baced728aafb'
...
Replit-Restored-To: 7fd7127003
2025-08-30 12:39:34 +00:00
sebastjanartic
00274ffa27
Apply Oswald font to enhance the platform's visual appearance and branding
...
Integrates the Oswald font across the client-side by adding Google Fonts CDN links and applying the new 'oswald-text' class to relevant text elements in components like SearchHeader, SimpleCarousel, and VideoCard, as well as defining the font styles in index.css.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:19:43 +00:00
sebastjanartic
3313d7ab18
Update video card appearance for better readability and visual appeal
...
Refactor VideoCard component to simplify title overlay styling, remove cinematic text animations, and adjust text size and color for improved clarity.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:14:31 +00:00
sebastjanartic
9d73ffc20e
Enhance video titles with more cinematic and attractive visual effects
...
Improve video card component styling to include animated text glow, scale effects, and gradient overlays for a more cinematic presentation. Update CSS with new keyframes and hover effects.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:13:44 +00:00
sebastjanartic
f20817d542
Remove video duration display from video cards
...
Removes the duration display overlay from the VideoCard component in client/src/components/video-card.tsx.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:11:43 +00:00
sebastjanartic
8566ac4d36
Add video titles to display on the cards
...
Add title overlay to the VideoCard component in client/src/components/video-card.tsx, allowing video titles to be displayed at the bottom of each card with gradient background and hover effects.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:11:08 +00:00
sebastjanartic
8f3d1e071f
Adjust video card sizes and remove extra padding for a cleaner look
...
Updates the width of video cards in the carousel and modifies the VideoCard component by removing padding, gradient background, and title element to achieve a cleaner visual presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 20:09:48 +00:00
sebastjanartic
2ea13f5c10
Adjust layering of carousel buttons and video cards
...
Update z-index values for carousel navigation buttons and video cards to prevent overlapping issues, specifically resolving the user's report of elements going under others.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:25:20 +00:00
sebastjanartic
eb99485278
Improve video card scaling and carousel element visibility
...
Adjusted carousel container and card styles for better visual presentation and hover effects.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:21:56 +00:00
sebastjanartic
004d118ff3
Improve video card display and carousel interaction on hover
...
Adjust z-index values for video cards and carousel containers, simplifying hover effect logic in CSS and component code.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:20:32 +00:00
sebastjanartic
fa28e5fecb
Enhance video card hover effect with increased scale and overflow visibility
...
Update `VideoCard` component to add a hover effect that scales the card and manages body class for CSS-based overflow visibility. Modify CSS to apply scale and ensure overflow visibility on parent elements when the `video-card-hovered` class is present on the body.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:19:37 +00:00
sebastjanartic
29d9ad3eec
Improve video card display when hovering over them
...
Update CSS and React component to enhance the visual feedback when a user hovers over a video card, ensuring it scales up and appears above other elements correctly.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:15:46 +00:00
sebastjanartic
b08924650b
Improve video card hover effects for a better viewing experience
...
Update CSS and component logic to enhance the visual feedback when hovering over video cards, ensuring they layer correctly and scale smoothly.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:14:22 +00:00
sebastjanartic
dde1b37180
Improve carousel scrolling and modal display across the platform
...
Update z-index for modals to ensure they display correctly, adjust carousel scroll amount and behavior, and refine video card z-indexing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
2025-08-29 14:38:22 +00:00
sebastjanartic
ee5cef0645
Improve carousel and modal behavior for smoother video browsing
...
Adjust z-index for modals and carousels, introduce touch events for carousel navigation, and refine hover effects for video cards.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
2025-08-29 14:33:18 +00:00
sebastjanartic
ba913bdd1c
Ensure all video modals and ad popups appear above other content
...
Adjust z-index values across multiple modal and player components to ensure they render on top of other UI elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/mZpi7Z1
2025-08-29 11:12:55 +00:00
sebastjanartic
f466c7f288
Improve video card hover effect and adjust playback volume
...
Update the z-index styling for the video card component to ensure proper layering on hover and remove the default volume attribute from the Video.js player.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/mZpi7Z1
2025-08-29 11:10:24 +00:00
sebastjanartic
fffe3be291
Improve video card scaling and layering behavior for a better viewing experience
...
Updates the z-index and hover effects for video cards in `client/src/components/video-card.tsx` to ensure proper layering when scaled, addressing an issue where cards would overlap incorrectly.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/mZpi7Z1
2025-08-29 11:09:12 +00:00
sebastjanartic
593d6ce327
Improve video card performance and visual appeal with smoother animations
...
Refactor VideoCard component to use `animationFrame` for smoother video preview scrubbing and update transition properties for improved visual performance.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:49:52 +00:00
sebastjanartic
09fb64bbf4
Improve video card hover effect to slightly enlarge videos
...
Update `client/src/components/video-card.tsx` to increase the hover scale effect of video cards from 1.25 to 1.35.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:46:30 +00:00
sebastjanartic
cf9de359bd
Improve video card hover effect for smoother transitions
...
Adjusted the `VideoCard` component by removing the `-translate-y-4` class from the hover effect and adding `transformStyle: 'preserve-3d'` to the style attribute. This aims to fix an issue where the card might jump or not scale correctly during hover interactions, providing a more visually consistent experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:45:52 +00:00
sebastjanartic
1bc6717c37
Enlarge video cards when hovering over them with the mouse
...
Update the `VideoCard` component to scale and elevate the card on hover using Tailwind CSS transitions for a better user experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:45:09 +00:00
sebastjanartic
0e790f5932
Remove netflix-style popup overlay from video cards
...
Remove the experimental Netflix-style popup overlay and associated state management from the VideoCard component, simplifying the UI and improving performance.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:44:28 +00:00
sebastjanartic
76c0e4488f
Improve video card appearance by removing hover effect
...
Remove hover:scale-[1.02] from the video-card className in client/src/components/video-card.tsx.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:43:42 +00:00
sebastjanartic
b7d972cbf5
Adjust video card popup behavior and appearance for better display
...
Modify the video card component to adjust the popup overlay's positioning, size, and styling to ensure it remains within the card boundaries and improves visual presentation. This includes changes to class names, element sizes, and gradient overlays.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:43:07 +00:00
sebastjanartic
c631dd9f96
Add an interactive popup to video cards on hover
...
Implement a hover effect on video cards to display an interactive popup with video details and action buttons.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:41:52 +00:00
sebastjanartic
9579c54ae4
Improve video scrubbing for a smoother user experience
...
Refactor `VideoCard` component to throttle mouse scrubbing events and utilize `requestAnimationFrame` for smoother video seeking, enhancing preview responsiveness.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:39:30 +00:00
sebastjanartic
05355d44fe
Add video scrubbing and sound preview for interactive browsing
...
Implement mouse-based video scrubbing and low-volume audio playback for previews in the video card component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:38:06 +00:00
sebastjanartic
f1331dafc6
Add subtle sound effect when hovering over video cards
...
Implements a new `playHoverSound` function within `video-card.tsx` that utilizes the Web Audio API to generate a brief, quiet, high-pitched tone on mouse enter events. This provides auditory feedback for user interaction.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:36:07 +00:00
sebastjanartic
29416c68b6
Remove play button from video cards on all devices
...
Removes the play button overlay from the VideoCard component in client/src/components/video-card.tsx.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:28:29 +00:00
sebastjanartic
c14082c300
Remove non-essential video metadata from display
...
Remove the display of video views and upload date from the video card component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:23:57 +00:00
sebastjanartic
1dbffb52bc
Improve video card appearance by adjusting title and view count spacing
...
Update `VideoCard` component in `client/src/components/video-card.tsx` to reduce vertical spacing for titles and view counts, enhancing visual appeal.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:21:45 +00:00
sebastjanartic
a72037b423
Adjust video display to resemble Netflix layout
...
Update `netflix-grid.tsx` and `video-card.tsx` to adjust spacing, card widths, and hover effects, mimicking the visual style of Netflix for a more familiar user experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:15:20 +00:00
sebastjanartic
f65b176868
Improve video preview by delaying on mobile devices
...
Update VideoCard component to prevent video previews from playing on mobile devices or when quickly hovering.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:13:30 +00:00
sebastjanartic
eaea04e219
Improve video playback speed and responsiveness during initial loading
...
Adjust HLS.js configuration for low-latency streaming, reducing initial buffer lengths and optimizing start-up quality selection for faster video playback initiation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:09:40 +00:00
sebastjanartic
50cc4a1346
Improve video preview by adding HLS support for smoother playback
...
Integrate HLS.js into the video card component to enable adaptive streaming for video previews, enhancing the user experience by ensuring smoother playback across different network conditions.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:08:22 +00:00
sebastjanartic
e0a01aa0b5
Improve video playback by correcting source URLs
...
Update the video card component to use the correct properties for MP4 and HLS video sources, ensuring videos load and play as expected.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/P3O2FU7
2025-08-29 10:06:41 +00:00
sebastjanartic
7fd7127003
Add video preview on hover for a better user browsing experience
...
Implement a hover effect on video cards to show a muted, auto-playing preview of the video after a short delay, using Video.js and HLS.js for adaptive streaming.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/bdLHpJy
2025-08-29 09:40:46 +00:00
