sebastjanartic
98cbe292b0
Adjust ad sizes for mobile and desktop displays
...
Introduce responsive ad size configurations in `AdSenseAd.tsx` to display smaller ads on mobile devices and larger ads on desktop for both live and video pages.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/JMKe3od
2025-09-27 05:14:27 +00:00
sebastjanartic
b08ce97c9d
Adjust live page layout for better mobile and desktop viewing
...
Modify the LivePage component's grid layout to use flexbox, improving responsiveness and spacing on various screen sizes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/ptu5VO2
2025-09-26 16:55:07 +00:00
sebastjanartic
2ade01a1b6
Add recommended videos and ad to the live streaming page
...
Integrate an AdSense ad and update the recommended videos section on the LivePage component, mirroring changes from the video page.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/gs1UtiL
2025-09-26 16:48:54 +00:00
sebastjanartic
71d9d9c9a8
Remove unnecessary UI elements from the live streaming page
...
Refactors the LivePage component by removing custom overlay UI elements and adjusting type casting for videos data.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/C0gokXi
2025-09-26 16:41:48 +00:00
sebastjanartic
abee17e58e
Add a live streaming link to all page headers and navigation
...
Integrate a "LIVE" link with pulsing animation into the header navigation of multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, VideoPage) and the LivePage itself. This includes updating the LivePage's header to include a search bar and mobile menu toggle.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/H8zer6l
2025-09-26 16:04:35 +00:00
sebastjanartic
518d129634
Add an advertisement to the live streaming page below the video
...
Integrate Google AdSense ad unit into the LivePage component by adding script tags and an ins element.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/E8iWmgC
2025-09-26 15:55:47 +00:00
sebastjanartic
475d7d09da
Integrate ads into the live video suggestion section
...
Modify LivePage.tsx to include an AdSenseAd component within the suggested videos container, specifically after the video cards and before the end of the parent div. Adjust styling with `scale-90` for VideoCard and add a border-top to the ad container.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/E8iWmgC
2025-09-26 15:53:54 +00:00
sebastjanartic
19dfb0542a
Update live stream page to display suggested videos in English
...
Update meta tags and suggested video titles to English for better international user experience on the live stream page.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/E8iWmgC
2025-09-26 15:52:28 +00:00
sebastjanartic
e7a23f2f41
Add suggested videos to the live stream page sidebar
...
Integrates a new API call to fetch suggested videos and displays them in a dedicated section on the right sidebar of the LivePage, replacing previously present informational content.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/E8iWmgC
2025-09-26 15:50:01 +00:00
sebastjanartic
ceb9a94801
Implement live HLS streaming and player functionality
...
Remove console logs and refactor video element mounting logic in LivePage.tsx, update replit.md to reflect HLS live streaming implementation details.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/FiYsh04
2025-09-26 15:46:34 +00:00
sebastjanartic
664c4a7875
Improve live stream playback by initializing the video player automatically
...
Refactor LivePage component to use useEffect for player initialization and cleanup, and update video element attributes for autoplay, muted, and cross-origin.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/FiYsh04
2025-09-26 15:33:12 +00:00
sebastjanartic
8e8d19504e
Add a console log to indicate when the live streaming page is displayed
...
Adds a `console.log` statement within the `LivePage` component to indicate its rendering.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/FiYsh04
2025-09-26 14:55:52 +00:00
sebastjanartic
1e453e22da
Improve live video player initialization logic
...
Update LivePage.tsx to ensure proper video element mounting and initialization of the Video.js player when the element changes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/FiYsh04
2025-09-26 14:00:32 +00:00
sebastjanartic
e59c6f7b3b
Fix live stream playback issues by improving video player initialization
...
Updates LivePage.tsx to use a callback ref for the video element, ensuring proper initialization of the HLS.js player and resolving potential playback errors.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/Njo8yLX
2025-09-26 06:40:15 +00:00
sebastjanartic
a89e422af6
Improve live stream playback stability and responsiveness
...
Adjust delay for HLS stream initialization in LivePage.tsx and remove unused isFullscreen state.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/qiQVNFN
2025-09-26 06:31:39 +00:00
sebastjanartic
3b513ba9e8
Improve live stream playback and error handling in the video player
...
Implement more robust HLS.js integration with detailed logging and specific error handling for live video playback.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/u8V0MoO
2025-09-26 06:24:11 +00:00
sebastjanartic
c5342f8164
Update live stream player to use HLS.js for improved playback
...
Replaced Video.js with HLS.js for live streaming on the LivePage, improving compatibility and playback efficiency.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/VVQLpmQ
2025-09-25 20:36:37 +00:00
sebastjanartic
bc2b425fb7
Add live streaming functionality for real-time video broadcasts
...
Integrates a new live streaming page with Video.js player, handling autoplay, playback events, volume changes, fullscreen, and error states. Also includes ad integration for the live stream.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/CdguB3F
2025-09-25 20:29:16 +00:00
sebastjanartic
b41387f04f
Add live video streaming functionality with interactive player controls
...
Implement a new page for live video streaming using Video.js. The player includes standard controls, responsive design, HLS support, and autoplay functionality. Metadata for SEO and social sharing is also configured.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/CdguB3F
2025-09-25 20:28:39 +00:00
