A comprehensive matrix of OTT (Over-The-Top) device compatibility information. This tool helps content providers and developers understand the capabilities and limitations of various streaming devices.
- 🎯 Comprehensive device information
- 🔍 Advanced filtering and sorting
- 📱 Responsive Material UI design
- 🌙 Dark mode interface
- 📊 Export capabilities
- 🔎 Quick search functionality
- 📋 Detailed device information modal
- Node.js 20.x or later
- npm 9.x or later
- Clone the repository:
git clone https://github.com/yourusername/ott_device_matrix.git
cd ott_device_matrix- Install dependencies:
npm install- Run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
The project is automatically deployed to GitHub Pages when changes are pushed to the main branch. The deployment process includes:
- Building the Next.js application
- Validating the device compatibility matrix JSON against the schema
- Deploying to GitHub Pages
To deploy manually:
- Build the project:
npm run build- The static files will be generated in the
outdirectory.
The device compatibility matrix is stored in device_compatibility_matrix.json and follows the schema defined in schema.json. The data includes:
- Basic device information (brand, model, type)
- Operating system details
- Supported streaming formats
- DRM capabilities
- Audio/video codec support
- Security features
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Material-UI for the beautiful component library
- Next.js team for the amazing framework
- All contributors who help maintain the device compatibility data