Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Science Video Database</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #3b82f6 0%, #a855f7 100%); | |
| } | |
| .card-hover { | |
| transition: transform 0.3s ease, box-shadow 0.3s ease; | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-4px); | |
| box-shadow: 0 20px 40px rgba(0,0,0,0.15); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> | |
| <div class="text-center"> | |
| <div class="text-6xl mb-4">🔬</div> | |
| <h1 class="text-5xl font-bold mb-4">Science Video Database</h1> | |
| <p class="text-xl opacity-90 mb-6">Curated Search Experience for Technical Science Enthusiasts</p> | |
| <p class="text-lg opacity-75 max-w-3xl mx-auto"> | |
| A curated search experience featuring biology, chemistry, computer science, mathematics, and physics | |
| videos from YouTube and other sources, searchable by transcript. | |
| </p> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Prior Work & Research Contributions --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> | |
| <div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl shadow-lg p-8 mb-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">📚 Prior Work & Research Contributions</h2> | |
| <div class="bg-white rounded-lg p-6 mb-6"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-4">Overview</h3> | |
| <p class="text-gray-700 mb-4"> | |
| The Science Video Database represents <strong>prior work</strong> that demonstrates the creation of a curated, | |
| searchable database of scientific video content. This project establishes a foundation for integrating video-based | |
| learning and research content into the CopernicusAI Knowledge Engine, enabling multi-modal knowledge exploration | |
| through searchable transcripts and filtered scientific video content. | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-6 mb-6"> | |
| <div class="bg-white rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">🔬 Research Contributions</h3> | |
| <ul class="text-sm text-gray-700 space-y-2"> | |
| <li>• <strong>Curated Video Collection:</strong> Filtered scientific videos from YouTube and other sources</li> | |
| <li>• <strong>Transcript-Based Search:</strong> Searchable video database using transcript content</li> | |
| <li>• <strong>Multi-Disciplinary Coverage:</strong> Biology, chemistry, CS, mathematics, physics</li> | |
| <li>• <strong>Integration Framework:</strong> Designed for CopernicusAI Knowledge Engine integration</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">⚙️ Technical Achievements</h3> | |
| <ul class="text-sm text-gray-700 space-y-2"> | |
| <li>• <strong>Hybrid Search System:</strong> Transcript-based search with filtering capabilities</li> | |
| <li>• <strong>Ingestion Pipeline:</strong> Automated video ingestion and transcript processing</li> | |
| <li>• <strong>Vector Database Integration:</strong> Support for semantic search using embeddings</li> | |
| <li>• <strong>Scalable Architecture:</strong> Designed for scaling from 2k to 200k+ videos</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">🎯 Position Within CopernicusAI Knowledge Engine</h3> | |
| <p class="text-gray-700 mb-3"> | |
| The Science Video Database serves as a <strong>multi-modal content component</strong> of the CopernicusAI Knowledge Engine, providing: | |
| </p> | |
| <div class="grid md:grid-cols-2 gap-4 text-sm mb-3"> | |
| <ul class="text-gray-700 space-y-1"> | |
| <li>• Video content integration for learning</li> | |
| <li>• Transcript search for research discovery</li> | |
| <li>• Multi-modal learning support</li> | |
| </ul> | |
| <ul class="text-gray-700 space-y-1"> | |
| <li>• Research Paper linking potential</li> | |
| <li>• AI Podcast enhancement</li> | |
| </ul> | |
| </div> | |
| <p class="text-gray-600 text-sm italic"> | |
| This work establishes a proof-of-concept for AI-assisted video content management in scientific research, demonstrating | |
| how searchable transcripts can enable systematic discovery and integration of video-based knowledge. | |
| </p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Live Demo --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="bg-gradient-to-r from-blue-50 to-purple-50 rounded-xl p-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">🎬 Live Demo</h2> | |
| <div class="bg-white rounded-lg shadow-md p-6 text-center"> | |
| <p class="text-gray-700 mb-6"> | |
| Access the live Science Video Database application with searchable transcripts and curated video content. | |
| </p> | |
| <a href="https://storage.googleapis.com/regal-scholar-453620-r7-podcast-storage/videos-database-table.html" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| class="inline-flex items-center px-8 py-4 border border-transparent text-lg font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 transition-colors shadow-lg"> | |
| 🔬 Open Science Video Database | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Project Milestones --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">🚀 Project Milestones</h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-blue-50 rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">Prototype (Current)</h3> | |
| <ul class="text-sm text-gray-700 space-y-1"> | |
| <li>• 10-15 channels, ~2k videos</li> | |
| <li>• Basic ingestion pipeline</li> | |
| <li>• Transcript storage</li> | |
| <li>• Hybrid search UI with filters</li> | |
| </ul> | |
| </div> | |
| <div class="bg-purple-50 rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">Alpha (Next Phase)</h3> | |
| <ul class="text-sm text-gray-700 space-y-1"> | |
| <li>• 50+ channels, 20k videos</li> | |
| <li>• Personalization MVP</li> | |
| <li>• Email digests</li> | |
| <li>• Improved UX polish</li> | |
| </ul> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-6"> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-3">Scaling (Future)</h3> | |
| <ul class="text-sm text-gray-700 space-y-1"> | |
| <li>• 200k videos</li> | |
| <li>• Autoscaling workers</li> | |
| <li>• Admin dashboard</li> | |
| <li>• Automated QA</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Technical Architecture --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">🔧 Technical Architecture</h2> | |
| <div class="grid md:grid-cols-4 gap-6"> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Frontend</h3> | |
| <ul class="text-sm text-gray-600 space-y-1"> | |
| <li>• Next.js 14</li> | |
| <li>• React Server Components</li> | |
| <li>• Hybrid search UI</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Backend</h3> | |
| <ul class="text-sm text-gray-600 space-y-1"> | |
| <li>• Node.js/TypeScript</li> | |
| <li>• Serverless functions</li> | |
| <li>• Ingestion worker</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Database</h3> | |
| <ul class="text-sm text-gray-600 space-y-1"> | |
| <li>• PostgreSQL</li> | |
| <li>• Vector DB</li> | |
| <li>• Search Engine</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-800 mb-3">Cloud</h3> | |
| <ul class="text-sm text-gray-600 space-y-1"> | |
| <li>• Google Cloud Platform</li> | |
| <li>• Vertex AI</li> | |
| <li>• Cloud Run</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Related Projects --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6 text-center">🔗 Related Projects</h2> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="bg-white rounded-lg shadow-md p-6 card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">🔬 CopernicusAI</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Main knowledge engine that can integrate video content with AI podcasts and research synthesis. | |
| </p> | |
| <a href="https://huggingface.co/spaces/garywelz/copernicusai" | |
| class="text-blue-600 hover:text-blue-700 font-semibold" | |
| target="_blank" rel="noopener noreferrer"> | |
| Visit CopernicusAI → | |
| </a> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md p-6 card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">📚 Research Paper Metadata Database</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Potential integration for linking videos to research papers and metadata. | |
| </p> | |
| <a href="https://huggingface.co/spaces/garywelz/metadata_database" | |
| class="text-blue-600 hover:text-blue-700 font-semibold" | |
| target="_blank" rel="noopener noreferrer"> | |
| Visit Metadata Database → | |
| </a> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md p-6 card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">🧬 GLMP</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Biological process visualization that could link to related educational videos. | |
| </p> | |
| <a href="https://huggingface.co/spaces/garywelz/glmp" | |
| class="text-blue-600 hover:text-blue-700 font-semibold" | |
| target="_blank" rel="noopener noreferrer"> | |
| Explore GLMP → | |
| </a> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md p-6 card-hover"> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">🛠️ Programming Framework</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Process analysis tool that could utilize video content for process explanations. | |
| </p> | |
| <a href="https://huggingface.co/spaces/garywelz/programming_framework" | |
| class="text-blue-600 hover:text-blue-700 font-semibold" | |
| target="_blank" rel="noopener noreferrer"> | |
| Explore Framework → | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- How to Cite This Work --> | |
| <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-8"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">How to Cite This Work</h2> | |
| <div class="bg-gray-50 rounded-lg p-6 mb-4"> | |
| <p class="text-gray-800 font-mono text-lg leading-relaxed mb-4"> | |
| Welz, G. (2024–2025). <em>Science Video Database</em>.<br> | |
| Hugging Face Spaces. https://huggingface.co/spaces/garywelz/sciencevideodb | |
| </p> | |
| </div> | |
| <div class="bg-purple-50 rounded-lg p-4"> | |
| <p class="text-gray-700 mb-2"> | |
| This project serves as infrastructure for AI-assisted video content discovery in scientific research, enabling systematic search and integration of video-based knowledge through transcript-based discovery. | |
| </p> | |
| <p class="text-gray-700 font-semibold"> | |
| The Science Video Database is designed as infrastructure for AI-assisted science, providing multi-modal content discovery capabilities within the CopernicusAI Knowledge Engine. | |
| </p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="gradient-bg text-white py-8 mt-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <p class="text-lg font-semibold mb-2">Science Video Database</p> | |
| <p class="text-sm opacity-75">Part of the CopernicusAI Knowledge Engine</p> | |
| <p class="text-xs opacity-50 mt-4">© 2025 Gary Welz. All rights reserved.</p> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |