| <html> | |
| <head> | |
| <title>Video Player Test</title> | |
| </head> | |
| <body> | |
| <h1>Testing Video Player Standalone</h1> | |
| <p>Open this in browser with query params:</p> | |
| <code> | |
| test_player.html?data={"urls":{"mp4":"https://euler314-manim-mcp.hf.space/media/xxx/output.mp4"},"scene_name":"TestScene","quality":"720p","request_id":"test-123","expires_at":"2025-12-20T12:00:00Z"} | |
| </code> | |
| <iframe src="video_player.html" width="100%" height="600" frameborder="0"></iframe> | |
| <script> | |
| // Send test data to iframe | |
| setTimeout(() => { | |
| const iframe = document.querySelector('iframe'); | |
| const testData = { | |
| urls: { | |
| mp4: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" | |
| }, | |
| scene_name: "TestScene", | |
| quality: "720p", | |
| request_id: "test-123", | |
| expires_at: "2025-12-20T12:00:00Z" | |
| }; | |
| iframe.contentWindow.postMessage({ | |
| type: 'openai:set_globals', | |
| data: testData | |
| }, '*'); | |
| }, 1000); | |
| </script> | |
| </body> | |
| </html> | |