60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>YouTube Microsite Test</title>
|
|
<style>
|
|
body { font-family: Arial; padding: 20px; }
|
|
input, button { padding: 10px; margin: 5px; }
|
|
#result { margin-top: 20px; padding: 10px; background: #f0f0f0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>YouTube to Directus - Simple Test</h1>
|
|
|
|
<input type="text" id="url" placeholder="YouTube URL" style="width: 400px;" value="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
|
|
<button onclick="testAdd()">Add Video</button>
|
|
<button onclick="testPreview()">Preview</button>
|
|
|
|
<div id="result"></div>
|
|
|
|
<script>
|
|
async function testAdd() {
|
|
const url = document.getElementById('url').value;
|
|
const result = document.getElementById('result');
|
|
|
|
result.textContent = 'Processing...';
|
|
|
|
try {
|
|
const formData = new FormData();
|
|
formData.append('youtube_url', url);
|
|
formData.append('custom_title', '');
|
|
|
|
const response = await fetch('http://localhost:5001/add_video', {
|
|
method: 'POST',
|
|
body: formData
|
|
});
|
|
|
|
const data = await response.json();
|
|
result.textContent = JSON.stringify(data, null, 2);
|
|
} catch (error) {
|
|
result.textContent = 'Error: ' + error.message;
|
|
}
|
|
}
|
|
|
|
async function testPreview() {
|
|
const url = document.getElementById('url').value;
|
|
const result = document.getElementById('result');
|
|
|
|
result.textContent = 'Loading preview...';
|
|
|
|
try {
|
|
const response = await fetch(`http://localhost:5001/preview?url=${encodeURIComponent(url)}`);
|
|
const data = await response.json();
|
|
result.textContent = JSON.stringify(data, null, 2);
|
|
} catch (error) {
|
|
result.textContent = 'Error: ' + error.message;
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |