WebTV Wrapper

Project Overview

WebTV Wrapper is a frontend interface built with HTML, CSS, and JavaScript that works in conjunction with the WebTV Cloudflare Playlist backend. This web application provides a modern streaming interface and can be easily deployed on GitHub Pages or Cloudflare Pages free tier. The wrapper handles the presentation layer while communicating with the backend for channel data and authentication.

Features

• Responsive design using HTML and CSS
• Interactive elements powered by JavaScript
• Built using Vidstack Player
• API integration for channel data and authentication tokens
• Easy deployment on GitHub Pages or Cloudflare Pages

Dependencies

• Vidstack Player (included in the project)
• This project relies on the WebTV Cloudflare Playlist for channel data and authentication tokens. Please refer to the WebTV Cloudflare Playlist repository for deployment instructions and configuration details.

Demo

Explore the demo page to see the WebTV Wrapper in action. The demo includes screenshots and photos showcasing the interface and functionality.

API Configuration

This project requires an API to fetch channel data and authentication tokens. Update the index.html file with your own API endpoints:

• Replace https://your.api.endpoint/api with your channel data API endpoint.
• Replace https://your.api.endpoint/wms with your token API endpoint.

Deployment

GitHub Pages

1. Push your project to a GitHub repository.
2. Navigate to the repository settings.
3. Under "Pages", select the branch you want to deploy from (usually main or master).
4. Save the settings, and your site will be live at https://<username>.github.io/<repository-name>.

Cloudflare Pages

1. Sign in to your Cloudflare account.
2. Navigate to the Pages section and create a new project.
3. Connect your GitHub repository.
4. Deploy the project, and your site will be live at https://<project-name>.pages.dev.

Usage

To view the project locally using XAMPP:

1. Install XAMPP from Apache Friends.
2. Start the Apache server from the XAMPP Control Panel.
3. Copy your project files into the htdocs directory of your XAMPP installation.
4. Open your web browser and navigate to http://localhost/<your-project-folder>.

License

This project is licensed under a Custom License that explicitly prohibits commercial use. All rights reserved.

Contact

For any inquiries, reach me out via Telegram